@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/BarlowCondensed-900-italic.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/BarlowCondensed-800-italic.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/BarlowCondensed-800-normal.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/BarlowCondensed-600-normal.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/HankenGrotesk-400-800-normal.woff2) format("woff2")}:root{--ink:#231510;--ink2:#38241b;--bone:#FFF4E0;--sun:#FFD166;--cal:#D9763A;--rust:#8A3419;--blue:#23405E;--sage:#6E8B5B;--red:#D8452B;--mute:#E6D3BC;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--display:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;--cut:14px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--ink);color:var(--bone);font-family:var(--body);font-weight:500;font-kerning:normal;font-feature-settings:"kern","liga";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}body{position:fixed;inset:0;width:100%}#app{position:fixed;inset:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink)}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;background:var(--ink);opacity:0;transition:opacity .6s ease}#app.stage-on #game,#app.in-match #game{opacity:1}#screens,#hud,#overlay{position:absolute;inset:0}#screens{pointer-events:none;z-index:2}#screens>*{pointer-events:auto}#hud{pointer-events:none;display:none;z-index:3}#app.in-match #hud{display:block}#overlay{pointer-events:none;z-index:6}#overlay>*{pointer-events:auto}img.px{image-rendering:pixelated}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ico{display:block;flex:none}.d{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;line-height:.82;letter-spacing:-.01em}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","kern"}.msg-err{color:var(--sun);font-weight:700;font-size:16px;line-height:1.3}.msg-err:empty{display:none}.btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:0 calc(var(--cut) + 22px);font:900 italic 38px/1 var(--display);text-transform:uppercase;letter-spacing:.005em;color:var(--ink);background:var(--sun);overflow:hidden;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);transition:transform .14s cubic-bezier(.2,.8,.2,1),background-color .15s}.btn:before{content:"";position:absolute;inset:0;background:var(--bone);opacity:.5;transform:translate(-115%) skew(-24deg);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.btn:active:not(:disabled):before{transform:translate(0) skew(-24deg)}.btn:active:not(:disabled){transform:translateY(3px) scale(.985)}.btn>*{position:relative}.btn:focus-visible{outline:0;background:var(--bone)}.btn.alt{background:var(--ink2);color:var(--bone);font-size:28px;min-height:52px}.btn.alt:before{background:var(--cal);opacity:.55}.btn.alt:focus-visible{background:var(--cal);color:var(--ink)}.btn.slim{min-height:44px;font-size:24px;padding:0 calc(var(--cut) + 14px)}.btn[aria-busy=true]{pointer-events:none}.btn[aria-busy=true] .lbl-t{animation:pulse 1s ease-in-out infinite}.btn:disabled,.btn.lock{background:var(--sage);color:var(--ink)}.btn.lock:before{display:none}.btn.block{display:flex;width:100%}.linkbtn{font:700 17px/1 var(--body);color:var(--bone);padding:12px 6px;min-height:44px;display:inline-flex;align-items:center;gap:8px}.linkbtn:active{color:var(--sun)}.linkbtn:disabled{opacity:.45}.linkbtn:focus-visible{outline-offset:-3px}.rbtn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bone);transition:transform .12s}.rbtn:active{transform:scale(.92)}@keyframes pulse{50%{opacity:.4}}.skel{background:#fff4e024;animation:pulse 1.15s ease-in-out infinite}.sheet-back{position:absolute;inset:0;background:#2315109e;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease-out}.sheet{position:relative;width:min(560px,100%);max-height:92svh;overflow:auto;background:var(--ink);color:var(--bone);padding:46px max(22px,var(--sar)) calc(24px + var(--sab)) max(22px,var(--sal));clip-path:polygon(0 22px,100% 0,100% 100%,0 100%);animation:rise .28s cubic-bezier(.2,.8,.2,1)}.sheet h2{font:900 italic 56px/.85 var(--display);text-transform:uppercase;margin-bottom:18px}.sheet .row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}.sheet .row>span{font:700 19px var(--body)}.sheet .btn.block{margin-top:6px}.sheet .hint.left{margin:0 0 14px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(60px);opacity:0}}.seg{display:flex;gap:4px}.seg button{position:relative;min-height:46px;padding:0 calc(var(--cut) + 8px);font:800 italic 24px/1 var(--display);text-transform:uppercase;background:var(--ink2);color:var(--bone);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background-color .15s,transform .12s}.seg button:active{transform:scale(.96)}.seg button[aria-pressed=true]{background:var(--sun);color:var(--ink)}.seg button:focus-visible{outline:0;background:var(--cal);color:var(--ink)}.hint{font:500 15px/1.3 var(--body);color:var(--mute)}#toasts{position:absolute;left:0;right:0;bottom:calc(14px + var(--sab));z-index:9;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{max-width:min(520px,calc(100% - 28px));padding:13px calc(var(--cut) + 16px);background:var(--ink);color:var(--bone);font:600 16px/1.3 var(--body);text-align:center;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);animation:rise .24s cubic-bezier(.2,.8,.2,1)}.inapp{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;gap:12px;align-items:center;padding:12px 16px calc(12px + var(--sab));background:var(--cal);color:var(--ink);font:600 15px/1.25 var(--body)}.inapp span{flex:1}.inapp button{font:800 16px var(--body);padding:10px 8px}#wipe{position:absolute;inset:0;z-index:20;display:none;pointer-events:all;overflow:hidden}#wipe>div{position:absolute;top:-10%;bottom:-10%;left:-30%;width:160%;transform:translate(-130%) skew(-18deg)}.w-sun{background:var(--sun)}.w-ink{background:var(--ink)}.gate{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:var(--ink);padding:24px;z-index:8;text-align:left}.gate.on{display:flex}.gate .gcard{max-width:420px}.gate h2{font:900 italic 84px/.82 var(--display);text-transform:uppercase;color:var(--sun);margin-bottom:12px}.gate p{font:500 20px/1.3 var(--body);color:var(--bone)}.gate .phone{width:46px;height:78px;background:var(--bone);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);margin-bottom:20px;animation:turn 1.6s ease-in-out infinite}@keyframes turn{0%,30%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#game{transition:none}}.screen:focus{outline:0}.screen{position:absolute;inset:0;display:block;overflow:hidden;color:var(--bone)}.field{position:absolute;pointer-events:none}.slab{--sl:clamp(16px,5.5vw,44px);position:absolute;left:0;right:0;bottom:0;background:var(--ink);clip-path:polygon(0 var(--sl),100% 0,100% 100%,0 100%)}.slab:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--sl) + 12px);background:var(--sun);clip-path:polygon(0 var(--sl),100% 0,100% 11px,0 calc(var(--sl) + 11px))}.landing .f-tint{inset:0;background:#8a341985;clip-path:polygon(0 0,100% 0,100% 38%,0 50%)}.landing .bar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:flex-end;gap:4px;padding:calc(var(--sat) + 6px) max(8px,var(--sar)) 0 max(8px,var(--sal))}.landing .bar .linkbtn{font-size:18px;padding:12px 14px;color:var(--bone)}.landing .hero{position:absolute;left:max(22px,var(--sal));right:22px;top:calc(var(--sat) + 62px)}.landing .logo{display:block;font-size:var(--logo,128px);line-height:.8;color:#fff;letter-spacing:-.012em}.landing .logo span{display:block;white-space:nowrap}.landing .logo .l2{color:var(--sun)}.landing .tag{max-width:22em;font:600 17px/1.3 var(--body);color:var(--bone)}.landing .cta{--sl:clamp(16px,5.5vw,44px);padding:calc(var(--sl) + 20px) max(18px,var(--sar)) calc(16px + var(--sab)) max(18px,var(--sal));display:flex;flex-direction:column;gap:12px}.landing .cta .btn{width:100%}.landing .play{min-height:72px;font-size:52px}.landing .facts{font:500 15px/1.35 var(--body);color:var(--mute);margin-top:2px}.landing .cta-err{margin:0}.select .f-top{inset:0;background:#8a341980}.select .f-bot{inset:0;background:#23405e80}.select .f-band{inset:0;background:var(--sun)}.select .vsmark{position:absolute;font:900 italic 74px/.8 var(--display);color:var(--ink);transform:translate(-50%,-50%) rotate(-10deg);pointer-events:none}.select .top{position:absolute;z-index:4;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--sat) + 4px) max(10px,var(--sar)) 0 max(10px,var(--sal))}.select .top .meta{font:600 15px/1.2 var(--body);color:var(--bone);padding-right:8px;text-align:right}.select .top .linkbtn{font-size:17px;padding-left:6px}.select .you{position:absolute;z-index:3;left:max(18px,var(--sal));right:18px;top:calc(var(--sat) + 40px);pointer-events:none}.select .you .name,.select .opp .name{font-size:var(--nm,116px);line-height:.8;color:#fff;white-space:nowrap}.select .you .sp{margin-top:clamp(6px,1.4svh,12px);max-width:min(54%,420px)}.select .sp .spn{display:block;font:900 italic clamp(22px,3.7svh,36px)/.95 var(--display);color:var(--sun);text-transform:none;margin-bottom:3px}.select .sp p{font:600 clamp(14px,2.35svh,19px)/1.28 var(--body);color:var(--bone)}.select .pas{display:flex;gap:6px;align-items:flex-start;margin-top:clamp(4px,1svh,8px);max-width:min(54%,420px);font:600 clamp(13px,2.1svh,17px)/1.28 var(--body);color:var(--mute)}.select .pas .ico{margin-top:1px;color:var(--sun)}.select .nums{display:flex;gap:clamp(12px,4.4vw,18px);margin-top:clamp(8px,1.8svh,14px)}.select .n{display:flex;flex-direction:column;min-width:54px}.select .n .num{font:900 italic var(--ns,60px)/.8 var(--display);color:var(--bone)}.select .n .lab{display:flex;align-items:center;gap:5px;margin-top:4px;font:700 clamp(13px,2.1svh,15px)/1 var(--body)}.select .n .lab .ico{color:var(--sun)}.select .meter{display:flex;gap:3px;margin-top:5px}.select .meter i{display:block;width:10px;height:5px;background:#fff4e04d;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}.select .meter i.on{background:var(--sun)}.select .opp{position:absolute;z-index:3;inset:0;pointer-events:none}.select .opp .name{position:absolute;right:16px;bottom:var(--oppb,210px);text-align:right}.select .opp .name.unk{opacity:.8}.select .opp .info{position:absolute;pointer-events:auto}.select .opp .info.compact{right:16px;bottom:calc(var(--oppb,210px) + var(--nmh,80px));text-align:right;pointer-events:none}.select .opp .info.rich{left:max(18px,var(--sal));top:var(--oppy,420px);max-width:min(52%,300px)}.select .opp .info .big{font:800 clamp(16px,2.6svh,20px)/1.2 var(--body);color:#fff}.select .opp .info p{margin-top:4px;font:600 clamp(14px,2.3svh,16px)/1.3 var(--body);color:var(--bone)}.select .opp .info .spn{font:900 italic clamp(22px,3.6svh,28px)/1 var(--display);color:var(--sun);display:block;margin-top:2px}.select .opp .info .btn{margin-top:10px}.select .opp .info .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.select .opp .info code{font:700 17px var(--body);color:var(--sun)}.select .dock{--sl:clamp(16px,5.5vw,44px);padding:calc(var(--sl) + 12px) 0 calc(12px + var(--sab));pointer-events:auto;z-index:4}.select .rail{display:flex;gap:2px;overflow-x:auto;padding:0 max(14px,var(--sal)) 0;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;mask-image:none}.select .rail::-webkit-scrollbar{display:none}.select .ri{position:relative;flex:0 0 var(--rw,58px);height:var(--rh,70px);display:flex;align-items:flex-end;justify-content:center;scroll-snap-align:center;padding:0 3px 2px}.select .ri:before{content:"";position:absolute;inset:6px 1px 0;background:var(--sun);clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);transform:scaleY(0);transform-origin:bottom;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.select .ri.sel:before{transform:scaleY(1)}.select .ri img{position:relative;max-width:100%;max-height:100%;object-fit:contain;object-position:bottom;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.select .ri.sel img{transform:scale(1.14) translateY(-2px)}.select .ri:active img{transform:scale(.92)}.select .ri.oppsel:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:5px;background:#7fb0e8;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}.select .ri.sk{align-items:flex-end}.select .ri.sk i{display:block;width:70%;height:78%;animation:pulse 1.15s ease-in-out infinite;background:#fff4e029;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.select .ri.act{flex-direction:column;justify-content:flex-end;gap:5px;color:var(--bone);font:700 13px/1 var(--body);padding-bottom:6px}.select .ri.act:before{display:none}.select .ri.act .ico{color:var(--sun)}.select .ri.act.map img{width:100%;height:calc(var(--rh,70px) - 26px);object-fit:cover;object-position:center;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.select .ri.act .q{display:block;font:900 italic 44px/.8 var(--display);color:var(--sun);margin-bottom:2px}.select .ri.act.pend .q,.select .ri.act.pend .ico{animation:pulse .8s ease-in-out infinite}.select .go{display:flex;align-items:center;gap:14px;padding:12px max(16px,var(--sar)) 0 max(16px,var(--sal))}.select .go .hint{flex:1;font:600 15px/1.3 var(--body);color:var(--mute)}.select .go .btn{flex:0 0 min(214px,52%);min-height:60px;padding:0 calc(var(--cut) + 10px)}@media (max-width:380px){.select .go .btn{font-size:32px}.select .go .btn .ico{width:22px;height:22px}}.select .go .btn .ico{width:28px;height:28px}.select.locked .rail{opacity:.55}.select .errbox{position:absolute;z-index:5;left:0;right:0;top:50%}.vs-card .f-top{inset:0;background:#8a3419a3}.vs-card .f-bot{inset:0;background:#23405ea3}.vs-card .f-band{inset:0;background:var(--sun)}.vs-card .vname{position:absolute;font-size:var(--nm,120px);line-height:.8;color:#fff;white-space:nowrap;text-shadow:none}.vs-card .vname.a{left:max(16px,var(--sal));top:calc(var(--sat) + 28px)}.vs-card .vname.b{right:16px;text-align:right}.vs-card .vname small{display:block;margin-top:8px;font:900 italic 30px/1 var(--display);color:var(--sun);text-transform:none}.vs-card .vname.b small{color:#bcd6f5}.vs-card .vsbig{position:absolute;font:900 italic var(--vsz,150px)/.8 var(--display);color:var(--ink);transform:translate(-50%,-50%) rotate(-10deg)}.vs-card .slab .info{position:absolute;left:max(18px,var(--sal));right:max(18px,var(--sar));top:calc(var(--sl) + 22px);display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.vs-card .slab .where b{display:block;font:900 italic 44px/.85 var(--display);text-transform:uppercase}.vs-card .slab .where span{display:block;margin-top:6px;font:600 16px/1.3 var(--body);color:var(--mute)}.vs-card .count{font:900 italic 110px/.74 var(--display);color:var(--sun);min-width:.6em;text-align:right}.results .f-head{inset:0;clip-path:polygon(0 0,100% 0,100% 24%,0 33%);background:var(--rust);opacity:.86}.results.lost .f-head{background:var(--blue)}.results.draw .f-head{background:var(--ink2)}.results .head{position:absolute;left:max(20px,var(--sal));right:20px;top:calc(var(--sat) + 38px)}.results .big{font-size:var(--rs,120px);line-height:.8;color:#fff;white-space:nowrap}.results .line{margin-top:12px;font:700 20px/1.25 var(--body);max-width:20em}.results .meta{margin-top:5px;font:500 16px/1.3 var(--body);color:var(--mute)}.results .dock{--sl:clamp(16px,5.5vw,44px);padding:calc(var(--sl) + 14px) max(18px,var(--sar)) calc(14px + var(--sab)) max(18px,var(--sal));display:flex;flex-direction:column;gap:10px}.results .score{display:flex;align-items:flex-end;gap:12px}.results .score .num{font:900 italic 74px/.78 var(--display)}.results .score .num.me{color:var(--sun)}.results .score .to{font:600 20px/1 var(--body);color:var(--mute);padding-bottom:6px}.results .score .pips{margin-left:auto;display:flex;gap:6px;padding-bottom:6px}.results .pips i{display:block;width:34px;height:24px;font:900 italic 20px/24px var(--display);text-align:center;font-style:italic;background:var(--ink2);color:var(--bone);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.results .pips i.w{background:var(--sun);color:var(--ink)}.results .pips i.l{background:var(--blue);color:var(--bone)}.results .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.results .row2 .btn{width:100%}.results .toplink{position:fixed;right:max(10px,var(--sar));top:calc(var(--sat) + 4px);color:var(--sun);z-index:2}@media (max-height:720px) and (max-width:899px){.results .dock .btn:not(.alt){min-height:52px;font-size:32px}.results .dock .btn.alt{min-height:44px;font-size:24px}.results .score .num{font-size:60px}.results .dock{gap:8px}}.results .msg{min-height:20px;font:600 15px/1.3 var(--body);color:var(--sun)}.results .msg:empty{min-height:0}@media (orientation:landscape) and (max-height:520px){.landing .hero{top:calc(var(--sat) + 40px);right:46%}.landing .logo{font-size:min(var(--logo,128px),24svh)}.landing .tag{font-size:16px;margin-top:8px}.landing .cta{left:auto;width:min(46%,420px);right:0;padding-top:calc(var(--sl) + 6px);clip-path:polygon(var(--sl) 0,100% 0,100% 100%,0 100%);top:0;justify-content:center}.landing .cta:before{display:none}.landing .f-tint{clip-path:polygon(0 0,60% 0,48% 100%,0 100%)}}@media (min-width:900px) and (min-height:560px){.landing .hero{left:7vw;top:calc(var(--sat) + 14vh);right:50%}.landing .logo{font-size:min(var(--logo,200px),24vh)}.landing .tag{font-size:24px;max-width:17em}.landing .f-tint{clip-path:polygon(0 0,52% 0,40% 100%,0 100%)}.landing .cta{inset:auto auto 0 0;width:min(42vw,620px);padding:calc(var(--sl) + 26px) 5vw 5vh 7vw;clip-path:polygon(0 var(--sl),100% 0,calc(100% - var(--sl) * 1.6) 100%,0 100%)}.landing .play{min-height:88px;font-size:64px}.landing .bar .linkbtn{font-size:20px}.select .you{left:5vw;top:calc(var(--sat) + 60px)}.select .you .sp,.select .pas{max-width:min(40vw,520px)}.select .sp .spn{font-size:44px}.select .sp p{font-size:20px}.select .pas{font-size:18px}.select .n .num{font-size:var(--ns,92px)}.select .n .lab{font-size:17px}.select .meter i{width:15px;height:7px}.select .opp .info.rich{left:5vw;max-width:min(36vw,440px)}.select .opp .info.compact{right:5vw}.select .opp .info .big{font-size:26px}.select .opp .info p{font-size:19px}.select .opp .name{right:5vw}.select .top .meta{font-size:18px}.select .go{padding:16px 5vw 0}.select .go .btn{flex:0 0 280px;min-height:68px;font-size:46px}.select .go .hint{font-size:18px}.select .rail{padding:0 5vw}.vs-card .slab .where b{font-size:64px}.vs-card .slab .where span{font-size:20px}.vs-card .count{font-size:150px}.results .head{left:5vw;top:calc(var(--sat) + 8vh)}.results .toplink{position:static;margin:10px 0 0 -6px;font-size:19px}.results .f-head{clip-path:polygon(0 0,58% 0,44% 100%,0 100%)}.results .dock{left:auto;width:min(44vw,600px);right:0;padding:calc(var(--sl) + 24px) 4vw 5vh 6vw;clip-path:polygon(0 var(--sl),100% 0,100% 100%,0 100%)}.results .score .num{font-size:110px}}.select .fallbackfig{position:absolute;z-index:1;height:30%;image-rendering:pixelated}.select .fallbackfig.fa{right:6%;top:34%}.select .fallbackfig.fb{left:6%;bottom:calc(var(--oppb,210px) + 4px);height:24%}.vs-card .strike{opacity:0;transform:translate(-105%)}.arena-sheet .agrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-bottom:12px}.atile{display:flex;flex-direction:column;gap:7px;text-align:left;color:var(--bone);transition:transform .14s}.atile:active:not(:disabled){transform:scale(.97)}.atile:disabled{opacity:.4}.atile .mthumb{position:relative;aspect-ratio:16/8;background:var(--ink2);overflow:hidden;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}.atile .mthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.atile .mthumb.rnd{display:grid;place-items:center}.atile .mthumb.rnd span{font:900 italic 56px/1 var(--display);color:var(--sun)}.atile .mthumb.plain{display:grid;place-items:center;font:800 18px var(--body)}.atile .nm{font:800 italic 24px/1 var(--display);text-transform:uppercase;padding-left:6px}.atile.sel .nm{color:var(--sun)}.atile.sel .mthumb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:var(--sun)}@media (min-width:700px){.arena-sheet .agrid{grid-template-columns:repeat(3,1fr)}.arena-sheet{width:min(720px,100%)}}.hud-top{position:absolute;left:calc(var(--sal) + 14px);right:calc(var(--sar) + 14px);top:calc(var(--sat) + 8px);display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(8px,2vw,22px);align-items:start;pointer-events:none}.hud-side{display:flex;flex-direction:column;gap:5px;min-width:0}.hud-side.r{align-items:flex-end}.nameline{display:flex;align-items:flex-end;gap:10px;min-width:0}.hud-side.r .nameline{flex-direction:row-reverse}.nameplate{font:900 italic clamp(28px,7.4svh,44px)/.82 var(--display);text-transform:uppercase;color:#fff;white-space:nowrap;max-width:36vw;overflow:hidden;text-overflow:clip;text-shadow:0 2px 0 rgba(35,21,16,.35)}.pips{display:flex;gap:4px;padding-bottom:3px}.pip{width:clamp(14px,3.4svh,22px);height:clamp(8px,2svh,12px);background:#23151099;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.pip.won{background:var(--sun)}.hp{position:relative;height:clamp(18px,5svh,30px);width:100%;background:#2315109e;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}.hud-side.r .hp{clip-path:polygon(20px 0,100% 0,100% 100%,0 100%)}.hp .fill,.hp .chip{position:absolute;inset:0;transform-origin:left;will-change:transform}.hp .fill{background:var(--sun);z-index:1}.hud-side.r .hp .fill{background:#8fbdf0}.hp .chip{background:var(--bone);transition:transform .55s cubic-bezier(.3,.7,.2,1) .3s}.hud-side.r .hp .fill,.hud-side.r .hp .chip{transform-origin:right}.special{display:flex;align-items:center;gap:6px;width:clamp(120px,28vw,220px)}.special .ico{color:var(--bone);width:clamp(14px,3.4svh,20px);height:auto}.special .meter{position:relative;flex:1;height:clamp(6px,1.6svh,9px);background:#2315109e;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.special .meter i{position:absolute;inset:0;background:var(--bone);transform-origin:left;will-change:transform}.special.full .meter i{background:var(--sun)}.special.full .ico{color:var(--sun);animation:beat .7s ease-in-out infinite}@keyframes beat{50%{transform:scale(1.3)}}.timer{min-width:clamp(78px,15svh,112px);text-align:center;font:900 italic clamp(34px,9.4svh,64px)/.9 var(--display);font-variant-numeric:tabular-nums;color:#fff;padding:clamp(4px,1svh,8px) 16px clamp(2px,.6svh,6px);background:#231510b8;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}.timer.low{color:var(--sun);animation:beat .9s ease-in-out infinite}.pause{position:absolute;left:50%;top:calc(var(--sat) + clamp(56px,14svh,92px));width:40px;height:40px;transform:translate(-50%);pointer-events:auto;opacity:.85}.touch-controls{position:absolute;inset:0;pointer-events:none;--u:clamp(36px,10.5svh,64px)}.stick-zone{position:absolute;left:0;bottom:0;width:46%;height:62%;pointer-events:auto;touch-action:none}.stick-base{position:absolute;left:calc(var(--sal) + var(--u)*.7);bottom:calc(var(--sab) + var(--u)*.7);width:calc(var(--u)*3);height:calc(var(--u)*3);border-radius:50%;background:#2315106b}.knob{position:absolute;left:50%;top:50%;width:40%;height:40%;margin:-20% 0 0 -20%;background:var(--bone);border-radius:50%;will-change:transform}.btn-pad{position:absolute;right:calc(var(--sar) + var(--u)*.4);bottom:calc(var(--sab) + var(--u)*.5);width:calc(var(--u)*7.4);height:calc(var(--u)*5.2);pointer-events:none}.tbtn{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;font:800 calc(var(--u)*.25)/1 var(--body);transition:transform .08s;will-change:transform}.tbtn .ico{width:42%;height:auto}.tbtn.down{transform:scale(.9);filter:brightness(1.12)}.tbtn.flash{filter:brightness(1.3)}.b-special{width:calc(var(--u)*2.2);height:calc(var(--u)*2.2);right:calc(var(--u)*.2);top:0;background:var(--red);color:var(--bone);opacity:.72}.b-special:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--sun);opacity:0;z-index:-1}.b-special.ready{opacity:1}.b-special.ready:after{animation:ring .9s ease-out infinite}@keyframes ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}.b-heavy{width:calc(var(--u)*2.4);height:calc(var(--u)*2.4);right:0;bottom:0;background:var(--sun);color:var(--ink)}.b-light{width:calc(var(--u)*2.1);height:calc(var(--u)*2.1);right:calc(var(--u)*2.9);bottom:0;background:var(--bone);color:var(--ink)}.b-dodge{width:calc(var(--u)*1.9);height:calc(var(--u)*1.9);right:calc(var(--u)*5.3);bottom:calc(var(--u)*.1);background:var(--sage);color:var(--bone)}.banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;z-index:6}.banner .band{position:absolute;left:-12%;right:-12%;top:50%;height:clamp(92px,36svh,260px);transform:translateY(-50%) skewY(-6deg);background:var(--ink);opacity:.9}.banner .band.red{background:var(--red);opacity:1}.banner .txt{position:relative;font:900 italic clamp(60px,min(19vw,27svh),240px)/.82 var(--display);text-transform:uppercase;color:#fff;display:flex;white-space:pre}.banner .txt span{display:inline-block;will-change:transform}.banner .sub{position:absolute;top:calc(50% + clamp(46px,16svh,118px));left:0;right:0;text-align:center}.banner .sub b{display:inline-block;padding:7px calc(var(--cut) + 12px);background:var(--ink);color:var(--bone);font:700 clamp(15px,3svh,22px)/1.1 var(--body);clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}.spcast{position:absolute;left:0;right:0;top:clamp(76px,19svh,150px);display:flex;justify-content:center;pointer-events:none;z-index:5}.spcast .spband{position:absolute;left:-6%;right:-6%;top:50%;height:clamp(34px,8svh,58px);transform:translateY(-50%) skewY(-4deg);background:var(--ink);opacity:.9}.spcast.mine .spband{background:var(--sun);opacity:1}.spcast .sptxt{position:relative;display:flex;white-space:pre;font:900 italic clamp(26px,6.2svh,48px)/1 var(--display);text-transform:uppercase;color:#fff}.spcast.mine .sptxt{color:var(--ink)}.spcast .sptxt span{display:inline-block;will-change:transform}.board{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;padding:calc(var(--sat) + 6px) 0 calc(24px + var(--sab));max-width:100%}.board .f-rust{position:fixed;inset:0;background:var(--rust);z-index:-1}.board .f-rust:after{content:"";position:absolute;left:-10%;right:-10%;top:0;height:30%;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 55%,0 100%);opacity:.5}.board>*{position:relative}.board .bar{display:flex;align-items:flex-end;justify-content:space-between;padding:6px max(18px,var(--sar)) 0 max(20px,var(--sal))}.board .bar h1{font-size:clamp(84px,24vw,170px);color:#fff}.board .bar .linkbtn{align-self:flex-start;font-size:18px}.board .brd-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:14px max(18px,var(--sar)) 4px max(20px,var(--sal))}.board .brd-day{font:600 16px/1.3 var(--body);color:var(--bone)}.board .brd-status,.brd-status{display:flex;align-items:center;gap:12px;padding:6px max(18px,var(--sar)) 0 max(20px,var(--sal));font:500 14px/1.3 var(--body);color:var(--mute)}.brd-status.stale b{color:var(--sun)}.brd-status .linkbtn{font-size:14px;min-height:36px;margin-left:auto}.brd-list{display:flex;flex-direction:column;gap:2px;padding:10px 0 4px}.brd-row{position:relative;display:grid;grid-template-columns:clamp(46px,12vw,64px) clamp(44px,12vw,60px) 1fr auto;align-items:center;gap:10px;min-height:68px;padding:6px max(18px,var(--sar)) 6px max(20px,var(--sal));color:var(--bone)}.brd-row.top1,.brd-row.mine{clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}.brd-row.top1{background:var(--sun);color:var(--ink)}.brd-row.mine{background:var(--ink);color:var(--bone)}.brd-row .rk{font:900 italic clamp(40px,10vw,56px)/.8 var(--display);text-align:left}.brd-row.mine .rk,.brd-row.mine .pt b{color:var(--sun)}.brd-row .cut{display:flex;align-items:flex-end;justify-content:center;height:52px}.brd-row .cut img{max-height:100%;max-width:100%;object-fit:contain;object-position:bottom}.brd-row .nm{display:flex;flex-direction:column;min-width:0}.brd-row .nm b{font:800 clamp(18px,4.6vw,22px)/1.15 var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brd-row .nm small{font:500 14px/1.3 var(--body);opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brd-row .pt{display:flex;flex-direction:column;align-items:flex-end}.brd-row .pt b{font:900 italic clamp(38px,10vw,52px)/.8 var(--display)}.brd-row .pt small{font:600 13px/1.2 var(--body);opacity:.85;margin-top:3px}.brd-row.sk{display:block;min-height:68px;padding-right:max(48px,var(--sar))}.brd-row.sk i{display:block;height:56px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}.brd-msg{padding:28px max(22px,var(--sar)) 10px max(22px,var(--sal));max-width:520px}.brd-msg h3{font-size:72px;color:#fff;margin-bottom:12px}.brd-msg p{font:600 19px/1.35 var(--body);margin-bottom:20px}.brd-me{padding:10px 0 0}.brd-me .you{display:grid;grid-template-columns:clamp(46px,12vw,64px) 1fr auto;align-items:center;gap:10px;min-height:68px;padding:6px max(18px,var(--sar)) 6px max(20px,var(--sal));background:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}.brd-me .you .rk{font:900 italic 44px/.8 var(--display);color:var(--sun)}.brd-me .you .nm{display:flex;flex-direction:column;min-width:0}.brd-me .you .nm b{font:800 20px/1.15 var(--body)}.brd-me .you .nm small{font:500 14px/1.3 var(--body);color:var(--mute)}.brd-me .you .pt{display:flex;flex-direction:column;align-items:flex-end}.brd-me .you .pt b{font:900 italic 46px/.8 var(--display);color:var(--sun)}.brd-me .you .pt small{font:600 13px var(--body);color:var(--mute)}.namebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(18px,var(--sar)) 0 max(20px,var(--sal));font:600 16px/1.3 var(--body)}.nameform{padding:12px max(18px,var(--sar)) 0 max(20px,var(--sal))}.nameform label{display:block;font:600 16px/1.3 var(--body);margin-bottom:8px}.nf-row{display:flex;gap:8px;flex-wrap:wrap}.nf-row input{flex:1 1 180px;min-width:0;height:48px;padding:0 18px;font:700 20px var(--body);color:var(--ink);background:var(--bone);border:0;border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);-webkit-user-select:text;user-select:text}.nf-row input:focus-visible{outline:0;background:#fff}@media (min-width:900px){.board{padding-left:calc(50% - 400px);padding-right:calc(50% - 400px)}.board .bar,.board .brd-row,.board .brd-tabs,.board .namebar,.board .nameform,.board .brd-status,.brd-me .you,.brd-msg{padding-left:0;padding-right:0}.board .brd-row.top1,.board .brd-row.mine,.brd-me .you{padding-left:18px;padding-right:18px}}