@font-face{font-family:display;src:url(../media/lilita_one-s.p.2y2rn50wuwaux.woff2)format("woff2");font-display:swap;font-weight:400 900;font-style:normal}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:95.73%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:96.42%}.VkPBfq_className{font-family:display,display Fallback}.VkPBfq_variable{--font-display:"display", "display Fallback"}
.tutorial{position:absolute;inset:0}.tutorial .hint{display:none}.coach{z-index:3;pointer-events:none;transition:translate .38s var(--snap);grid-template-columns:62px 1fr;align-items:start;gap:6px;display:grid;position:absolute;top:0;left:10px;right:10px;translate:0 54px}@media (min-width:720px){.coach{grid-template-columns:76px 1fr;width:480px;margin-left:-240px;left:50%;right:auto}}.coach-face{z-index:1;aspect-ratio:1;border:var(--ink-line) solid var(--ink);background:var(--own);width:100%;box-shadow:0 4px 0 var(--ink);border-radius:50%;margin-top:2px;position:relative;overflow:hidden}.coach-face svg{width:100%;height:100%;display:block}.coach-bubble{border:var(--ink-line) solid var(--ink);background:var(--cream);min-height:56px;color:var(--ink);box-shadow:inset 0 -4px 0 #2e1a1214, 0 4px 0 var(--ink);border-radius:18px;padding:10px 14px 11px;transition:background .25s;position:relative}.coach-bubble:before,.coach-bubble:after{content:"";border:10px solid #0000;border-right:13px solid var(--ink);border-left:0;position:absolute;top:18px;left:-13px}.coach-bubble:after{border-width:7px 10px 7px 0;border-right-color:var(--cream);transition:border-color .25s;top:21px;left:-8px}.coach-line{font:800 15px/1.32 var(--font);text-wrap:pretty;margin:0}.coach.praise .coach-bubble{background:#e6ffd1}.coach.praise .coach-bubble:after{border-right-color:#e6ffd1}.coach.praise .coach-line{font-family:var(--display);letter-spacing:.01em;font-size:17px;font-weight:900}.coach-actions{pointer-events:auto;flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.coach-actions:empty{display:none}.scene .coach-btn{min-height:44px;padding:7px 16px;font-size:17px}.coach-btn.primary{flex:auto}.coach-count{border:2px solid var(--ink);background:var(--own);color:var(--cream);font:900 12px/1.3 var(--display);letter-spacing:.04em;border-radius:999px;padding:1px 8px;position:absolute;top:-9px;right:12px}.coach-count[hidden]{display:none}.coach-check{border:var(--ink-line) solid var(--ink);background:var(--go) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%232e1a12' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat;width:34px;height:34px;box-shadow:0 3px 0 var(--ink);transition:scale .32s var(--spring);border-radius:50%;position:absolute;bottom:-8px;right:-4px;scale:0}.coach.praise .coach-check{scale:1}.cm-badge{fill:var(--own)}.cm-light{fill:#ffffff24}.cm-body{fill:var(--own-deep);stroke:var(--ink);stroke-width:3px}.cm-collar{fill:none;stroke:var(--own-pink);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.cm-skin,.cm-ear{fill:#f2c39a;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.cm-helmet{fill:var(--own);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.cm-stripe{fill:var(--own-pink)}.cm-brim{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round}.cm-goggle{fill:var(--own-hi);stroke:var(--ink);stroke-width:3px}.cm-line,.cm-eye,.cm-mouth,.cm-mic{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.cm-line{stroke-width:2.6px}.cm-eye{fill:var(--ink);stroke:none}.cm-glint{fill:#fff}.cm-mouth{stroke-width:3px}.cm-open{fill:var(--ink);opacity:0}.cm-grin{fill:#fff;opacity:0}.cm-mic{stroke-width:2.4px}.cm-mic-tip{fill:var(--ink)}.coach.talking:not(.praise) .cm-open{animation:1.2s step-end both coach-talk}.coach.praise .cm-say{opacity:0}.coach.praise .cm-grin{opacity:1}@keyframes coach-talk{0%,30%,60%{opacity:1}15%,45%,75%,to{opacity:0}}.coach-finger{z-index:4;opacity:0;pointer-events:none;will-change:transform, opacity;width:58px;height:72px;position:absolute;top:0;left:0}.coach-finger.mouse{width:40px;height:50px}.coach-glove{transform-origin:30% 4%;width:100%;height:100%;transition:scale .14s var(--snap);display:block}.coach-finger.pressed .coach-glove{scale:.88}.coach-glove svg{width:100%;height:100%;display:block;overflow:visible}.fg-drop{fill:#2e1a1252}.fg-glove{fill:var(--cream);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.fg-cuff{fill:var(--own-pink);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.fg-crease{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;opacity:.55}.fg-shine{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;opacity:.85}.coach-press,.coach-hold{opacity:0;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:3.75%;left:29.6875%}.coach-press{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--ink);border:3px solid #fff}.coach-finger.mouse .coach-press{width:34px;height:34px;margin:-17px 0 0 -17px}.coach-finger.pressed .coach-press{animation:.7s ease-out infinite coach-press}@keyframes coach-press{0%{opacity:.95;transform:scale(.45)}to{opacity:0;transform:scale(1.35)}}.coach-hold{background:conic-gradient(var(--wait) calc(var(--fill,0) * 360deg), #2e1a1259 0);width:64px;height:64px;margin:-32px 0 0 -32px;-webkit-mask:radial-gradient(circle,#0000 0 21px,#000 22px 29px,#0000 30px);mask:radial-gradient(circle,#0000 0 21px,#000 22px 29px,#0000 30px)}.coach-finger.holding .coach-hold{opacity:1}.coach-mouse{z-index:4;opacity:0;pointer-events:none;width:48px;height:72px;position:absolute;top:0;left:0}.coach-mouse svg{width:100%;height:100%;display:block}.ms-body{fill:var(--cream);stroke:var(--ink);stroke-width:3px}.ms-split{stroke:var(--ink);stroke-width:2.5px}.ms-wheel{fill:var(--wait);stroke:var(--ink);stroke-width:2.5px}.ms-arrow{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;animation:1.4s ease-in-out infinite coach-wheel}.ms-down{animation-delay:-.7s}@keyframes coach-wheel{0%,to{opacity:.15}50%{opacity:1}}.tutorial-open{margin-right:auto;position:relative}.scene .tutorial-btn{--face:linear-gradient(var(--plate-hi), var(--plate));--drop:4px;border-radius:var(--round-pill);min-height:48px;font:900 16px/1 var(--display);letter-spacing:.01em;align-items:center;gap:6px;padding:6px 16px 6px 10px;display:flex;color:var(--cream)!important}.tutorial-btn:before{display:none}.tutorial-btn-finger svg{width:24px;height:30px;display:block;rotate:-18deg}.tutorial-btn.suggested{animation:tutorial-nudge 2.2s var(--snap) .8s 3}@keyframes tutorial-nudge{0%,40%,to{transform:none}10%{transform:translateY(-4px)rotate(-3deg)}20%{transform:translateY(0)rotate(2deg)}30%{transform:translateY(-2px)rotate(0)}}.tutorial-suggest{z-index:2;border:var(--ink-line) solid var(--ink);background:var(--cream);width:max-content;max-width:min(250px,66vw);color:var(--ink);box-shadow:0 4px 0 var(--ink);font:800 14px/1.3 var(--font);cursor:pointer;animation:tutorial-suggest .45s var(--spring) .5s both;border-radius:14px;margin:0;padding:9px 13px;position:absolute;top:calc(100% + 14px);left:0}.tutorial-suggest:before,.tutorial-suggest:after{content:"";border:10px solid #0000;border-width:0 10px 13px;border-bottom-color:var(--ink);position:absolute;top:-14px;left:22px}.tutorial-suggest:after{border-width:0 7px 9px;border-bottom-color:var(--cream);top:-8px;left:25px}@keyframes tutorial-suggest{0%{opacity:0;transform:translateY(-6px)scale(.85)}}@media (prefers-reduced-motion:reduce){.coach,.coach *,.coach-finger *,.coach-mouse *,.tutorial-btn,.tutorial-suggest{transition:none!important;animation:none!important}}
:root{--card-h:78px;--card-w:calc(var(--card-h) * .72);--step:calc(var(--card-w) * .88);--ink:#2e1a12;--ink-soft:#261812db;--cream:#fff1dc;--sand:#eaa461;--sand-hi:#f3bd80;--sand-lo:#d98f52;--sky:#c9bdff;--own:#4c8fc0;--own-hi:#8fd0ff;--own-deep:#2f6a96;--own-pink:#c83a62;--enemy:#3d3a46;--enemy-deep:#24222a;--enemy-plate:#8e8a96;--amber:#f5b324;--amber-hi:#ffd36b;--go:#8fe05a;--wait:#ffd35a;--hard:#ff8f6b;--danger:#ff5a4a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--spring:cubic-bezier(.2, 1.45, .4, 1);--snap:cubic-bezier(.2, .9, .3, 1);--outline-3:3px 0 var(--ink), -3px 0 var(--ink), 0 3px var(--ink), 0 -3px var(--ink), 2px 2px var(--ink), -2px 2px var(--ink), 2px -2px var(--ink), -2px -2px var(--ink);--outline-2:2px 0 var(--ink), -2px 0 var(--ink), 0 2px var(--ink), 0 -2px var(--ink), 1.5px 1.5px var(--ink), -1.5px 1.5px var(--ink), 1.5px -1.5px var(--ink), -1.5px -1.5px var(--ink);--outline-big:4px 0 var(--ink), -4px 0 var(--ink), 0 4px var(--ink), 0 -4px var(--ink), 3px 3px var(--ink), -3px 3px var(--ink), 3px -3px var(--ink), -3px -3px var(--ink), 4px 2px var(--ink), -4px 2px var(--ink), 4px -2px var(--ink), -4px -2px var(--ink), 2px 4px var(--ink), -2px 4px var(--ink), 2px -4px var(--ink), -2px -4px var(--ink);--display:var(--font-display,"Lilita One"), var(--font);--gap-xs:4px;--gap-s:8px;--gap-m:12px;--gap-l:16px;--gap-xl:24px;--round-s:10px;--round-m:14px;--round-l:20px;--round-xl:26px;--round-pill:999px;--ink-line:3px;--lift:5px;--lift-l:7px;--lip:inset 0 3px 0 #ffffff6b;--shade:inset 0 -4px 0 #2e1a1229;--cast:0 18px 30px -12px #2e1a1280;--plate:#3d281d;--plate-hi:#4d3325;--plate-lo:#30201a;--rivet:#6e4c37;--focus-ring:0 0 0 8px var(--own-hi)}*{box-sizing:border-box}html,body{background:var(--sand);height:100%;margin:0;overflow:hidden}.scene{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--cream);font:700 14px/1.2 var(--font);position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0;overflow:hidden}.scene canvas{outline:none;width:100%;height:100%;display:block}.scene button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.scene :focus-visible{outline:3px solid var(--own-hi);outline-offset:3px}.rubber{pointer-events:none;background:#86ff4f1f;border:2px solid #86ff4f;display:none;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}}.radial{--radius:112px;pointer-events:none;z-index:4;width:0;height:0;position:absolute}.radial[hidden]{display:none}.radial-disc{left:calc(var(--radius) * -1 - 46px);top:calc(var(--radius) * -1 - 46px);width:calc(var(--radius) * 2 + 92px);height:calc(var(--radius) * 2 + 92px);border:3px solid var(--ink);animation:radial-in .16s var(--spring);background:radial-gradient(circle,#26181240 0 28%,#261812b8 29% 100%);border-radius:50%;position:absolute;box-shadow:inset 0 0 0 3px #fff1dc2e}.radial-item{border:3px solid var(--ink);width:66px;height:66px;color:var(--cream);transition:transform .12s var(--spring), background 80ms;animation:radial-in .2s var(--spring) both;background:#3d2a20;border-radius:50%;align-content:center;place-items:center;gap:1px;margin:-33px 0 0 -33px;display:grid;position:absolute}.radial-item:nth-child(3){animation-delay:15ms}.radial-item:nth-child(4){animation-delay:30ms}.radial-item:nth-child(5){animation-delay:45ms}.radial-item:nth-child(6){animation-delay:60ms}.radial-item:nth-child(7){animation-delay:75ms}.radial-item:nth-child(8){animation-delay:90ms}.radial-item:nth-child(9){animation-delay:.105s}.radial-icon svg{fill:currentColor;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;display:block}.radial-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:62px;font-size:9.5px;line-height:1.1;overflow:hidden}.radial-item.order{color:#b9ff95}.radial-item.patrol{color:#ffd35a}.radial-item.halt{color:#ff8a8a}.radial-item.pick{color:var(--cream)}.radial-item.on{border-color:var(--ink);background:currentColor;transform:scale(1.2)}.radial-item.on .radial-icon,.radial-item.on .radial-label{color:var(--ink)}.radial-centre{text-align:center;width:92px;color:var(--cream);text-shadow:0 1px 0 var(--ink), 0 0 6px var(--ink);font-size:13px;position:absolute;top:-14px;left:-46px}@keyframes radial-in{0%{opacity:0;transform:scale(.5)}}@keyframes call{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}.bases{z-index:2;top:max(8px, var(--safe-top));pointer-events:none;align-items:center;gap:18px;display:flex;position:absolute;left:12px;right:58px}.base-bar{flex:1;align-items:center;gap:4px;display:flex}.base-bar.enemy{flex-direction:row-reverse}.base-core svg{width:15px;height:18px;fill:var(--own-hi);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;display:block}.base-bar.enemy .base-core svg{fill:var(--amber)}.base-track{border:2px solid var(--ink);background:#2e1a128c;border-radius:7px;flex:1;height:14px;position:relative;overflow:hidden}.base-fill,.base-all,.base-flash{position:absolute;left:0;right:0}.base-fill{background:var(--own);transform-origin:0;transition:transform .35s var(--snap);top:0;bottom:4px}.base-all{background:var(--own-hi);transform-origin:0;height:3px;transition:transform .35s var(--snap);bottom:0}.base-flash{opacity:0;background:#fff6de;top:0;bottom:0}.base-bar.enemy .base-fill{background:var(--amber);transform-origin:100%}.base-bar.enemy .base-all{background:var(--amber-hi);transform-origin:100%}.base-bar.low .base-fill{animation:.6s ease-in-out infinite alternate low}@keyframes low{to{opacity:.55}}.menu-btn{z-index:5;top:calc(max(8px, var(--safe-top)) - 16px);cursor:pointer;background:0 0;border:0;place-items:center;width:52px;height:52px;padding:0;display:grid;position:absolute;right:2px}.menu-btn[hidden]{display:none}.menu-dot{border:2.5px solid var(--ink);background:var(--ink-soft);width:36px;height:36px;color:var(--cream);transition:transform .3s var(--spring), background .15s;border-radius:50%;place-items:center;display:grid}.menu-dot svg{fill:currentColor;width:18px;height:18px}.menu-btn:active .menu-dot{transition-duration:60ms;transform:scale(.88)}.menu-btn.open .menu-dot{background:var(--cream);color:var(--ink)}.menu{z-index:5;top:calc(max(8px, var(--safe-top)) + 34px);border:2.5px solid var(--ink);min-width:190px;box-shadow:0 5px 0 var(--ink);transform-origin:100% 0;animation:menu-in .22s var(--spring);background:#3a2519;border-radius:16px;gap:6px;padding:8px;display:grid;position:absolute;right:10px}.menu[hidden]{display:none}@keyframes menu-in{0%{opacity:0;transform:scale(.7)}}.menu-item{border:2px solid var(--ink);min-height:48px;color:var(--cream);text-align:left;cursor:pointer;background:#fff1dc1a;border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:15px;font-weight:900;display:flex}.menu-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.menu-item.menu-resign{color:#ffb3a8}.menu-item.menu-resign.sure{background:var(--danger);color:var(--ink)}.their-hand{border:2px solid var(--ink);background:var(--enemy);color:var(--amber-hi);border-radius:8px;align-items:center;gap:2px;padding:1px 6px 1px 4px;font-size:11px;font-weight:900;display:flex;position:absolute;top:19px;right:22px}.their-hand[hidden]{display:none}.their-card{border:1.5px solid var(--amber);background:var(--enemy-deep);border-radius:2px;width:8px;height:11px}.their-card+.their-card{margin-left:-5px;rotate:10deg}.alarm{z-index:2;pointer-events:none;background:linear-gradient(#0000,#ff3c328c);height:90px;animation:.6s ease-in-out infinite alternate low;position:absolute;bottom:0;left:0;right:0}.alarm[hidden]{display:none}.alarm-fill{background:var(--danger);transform-origin:0;height:6px;position:absolute;bottom:0;left:0;right:0}.alarm-text{left:50%;bottom:calc(max(14px, var(--safe-bottom)) + var(--card-h) + 28px);border:2px solid var(--ink);background:var(--danger);max-width:calc(100% - 32px);color:var(--ink);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900;position:absolute;transform:translate(-50%)}.hint{z-index:2;left:50%;bottom:calc(max(14px, var(--safe-bottom)) + var(--card-h) + 28px);border:2px solid var(--ink);background:var(--ink-soft);width:max-content;max-width:calc(100% - 20px);color:var(--cream);text-align:center;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:13px;transition:opacity .5s;position:absolute;transform:translate(-50%)}.hint.gone{opacity:0}.hint[hidden]{display:none}.look{z-index:2;pointer-events:none;justify-items:center;gap:3px;width:112px;margin:-24px 0 0 -56px;display:grid;position:absolute;top:0;left:0}.look[hidden]{display:none}.look-name{border:2px solid var(--ink);background:var(--enemy);color:var(--amber-hi);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.look-hp{border:2px solid var(--ink);background:#2e1a1299;border-radius:4px;width:56px;height:7px;position:relative;overflow:hidden}.look-hp i{background:var(--amber);transform-origin:0;position:absolute;inset:0}.chip{z-index:7;left:50%;top:calc(max(8px, var(--safe-top)) + 22px);border:2px solid var(--ink);background:var(--ink-soft);max-width:calc(100% - 32px);color:var(--cream);text-align:center;pointer-events:none;animation:chip-in .25s var(--spring);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:flex;position:absolute;transform:translate(-50%)}.chip.opponent{top:calc(max(8px, var(--safe-top)) + 56px)}.chip.back{background:var(--own)}.chip-spin{border:2.5px solid var(--cream);border-right-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes chip-in{0%{opacity:0;translate:0 -8px}}.juice{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.juice>*{pointer-events:none}.flash{opacity:0;background:#fff6de;position:absolute;inset:0}.flash.hurt{background:radial-gradient(at 50% 55%,#0000 40%,#ff5032d9 100%)}.callout{left:50%;top:calc(max(8px, var(--safe-top)) + 30px);border:3px solid var(--ink);background:var(--own);max-width:calc(100% - 24px);box-shadow:0 5px 0 var(--ink);opacity:0;white-space:nowrap;border-radius:14px;padding:7px 18px 8px;position:absolute;transform:translate(-50%)rotate(-2deg)}.callout-text{text-overflow:ellipsis;color:var(--cream);letter-spacing:.02em;text-transform:uppercase;text-shadow:var(--outline-2), 0 4px 0 var(--ink);font-size:clamp(18px,6vw,26px);font-style:italic;font-weight:900;display:block;overflow:hidden}.callout.bad{background:var(--amber)}.callout.alarm{background:var(--danger)}.pop{opacity:0;place-items:center;width:86px;height:86px;margin:-43px 0 0 -43px;display:grid;position:absolute;top:0;left:0}.pop.big{width:108px;height:108px;margin:-54px 0 0 -54px}.pop svg{width:100%;height:100%;fill:var(--amber-hi);stroke:var(--ink);stroke-width:4px;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.pop.own svg{fill:var(--own-hi)}.pop.building svg{fill:var(--cream)}.pop b{color:var(--cream);letter-spacing:.02em;white-space:nowrap;text-shadow:var(--outline-2), 0 3px 0 var(--ink);font-size:15px;font-style:italic;font-weight:900;position:relative;transform:rotate(-8deg)}.pop.big b{font-size:19px}.confirm{border:5px solid var(--go);width:66px;height:66px;box-shadow:0 0 0 2.5px var(--ink), inset 0 0 0 2.5px var(--ink);opacity:0;border-radius:50%;margin:-33px 0 0 -33px;position:absolute;top:0;left:0}.confirm.waypoint{border-color:var(--cream)}.confirm.patrol{border-color:var(--wait)}.confirm.halt{border-color:var(--danger);border-radius:14px}.hand{--step:min(calc(var(--card-w) * .88), calc((min(84vw, 300px) - var(--card-w)) / max(1, var(--n,5) - 1)));--tilt:calc(20deg / max(5, var(--n,5)));z-index:3;left:50%;bottom:calc(max(14px, var(--safe-bottom)) + 8px);width:calc(var(--step) * (var(--n,5) - 1) + var(--card-w));height:var(--card-h);margin-left:calc((var(--step) * (var(--n,5) - 1) + var(--card-w)) / -2);pointer-events:none;position:absolute}.hand[hidden]{display:none}@media (min-width:900px) and (min-height:600px){:root{--card-h:clamp(108px, 14vh, 156px)}.hand{--step:calc(var(--card-w) * .88)}}.hand-card,.card-next,.card-empty{width:var(--card-w);height:var(--card-h);border:3px solid var(--ink);transform-origin:50% 100%;transform:translateX(calc(var(--slot,0) * var(--step))) translateY(calc(var(--fan,0) * var(--fan,0) * 2px)) rotate(calc(var(--fan,0) * var(--tilt,4deg)));transition:transform .3s var(--spring), opacity .2s, scale .2s var(--spring), box-shadow .15s;border-radius:10px;padding:0;position:absolute;bottom:0;left:0}.hand-card[hidden],.card-next[hidden],.card-empty[hidden]{display:none}.card-empty{pointer-events:none;background:#2e1a1229;border:2px dashed #fff1dc66}.slot-plus{left:calc(var(--slot,0) * var(--step) + var(--card-w) / 2 - 22px);bottom:calc(var(--card-h) - 6px);z-index:7;border:2.5px solid var(--ink);background:var(--go);width:44px;color:var(--ink);text-align:center;box-shadow:0 3px 0 var(--ink);pointer-events:none;border-radius:999px;padding:2px 0;font-size:16px;font-weight:900;line-height:1.1;position:absolute}.hand-card{background:linear-gradient(165deg, #6aa9d6 0%, var(--own) 45%, var(--own-deep) 100%);box-shadow:0 4px 0 var(--ink);color:var(--cream);cursor:grab;pointer-events:auto;touch-action:none;overflow:hidden}.hand-card[data-kind=hexapod]{background:linear-gradient(165deg,#5b8fc4 0%,#3f74a8 45%,#24507d 100%)}.hand-card[data-kind=dropship]{background:linear-gradient(165deg, #8fd0ff 0%, #5aa6d6 45%, var(--own-deep) 100%)}.card-art{background:var(--art) 50% 62% / 112% auto no-repeat;position:absolute;inset:0}.card-icon{left:0;right:0;top:calc(var(--card-h) * .24);place-items:center;display:grid;position:absolute}.hand.art-hexapod .hand-card[data-kind=hexapod] .card-icon,.hand.art-trooper .hand-card[data-kind=trooper] .card-icon,.hand.art-dropship .hand-card[data-kind=dropship] .card-icon{display:none}.card-icon svg{width:calc(var(--card-w) * .54);height:calc(var(--card-w) * .54);fill:var(--cream);stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round;paint-order:stroke}.card-stars{justify-content:center;gap:0;display:flex;position:absolute;top:2px;left:0;right:0}.star:before{content:"★";color:var(--wait);font-size:calc(var(--card-h) * .17);text-shadow:var(--outline-2);font-style:normal;line-height:1;display:block}.hand-card[data-stars="2"] .star:before,.hand-card[data-stars="3"] .star:before{color:#ffe58a}.card-count{border:2px solid var(--ink);background:var(--cream);color:var(--ink);font-size:calc(var(--card-h) * .135);border-radius:6px;padding:0 3px;font-weight:900;line-height:1.15;position:absolute;bottom:16px;right:3px}.card-name{font-size:calc(var(--card-h) * .122);text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--outline-2);font-weight:900;line-height:1.1;position:absolute;bottom:2px;left:0;right:0;overflow:hidden}.hand-card:active:not(.lifted){scale:.95}.hand-card.lifted{z-index:6;cursor:grabbing;scale:1.14;transform:translateX(calc(var(--slot,0) * var(--step))) rotate(-4deg);box-shadow:0 16px 22px #2e1a1259, 0 4px 0 var(--ink)}.hand-card.lifted.bad{box-shadow:0 0 0 3px var(--danger), 0 16px 22px #2e1a1259;border-color:#b3251a}.hand.busy .hand-card:not(.lifted):not(.mergeable){opacity:.5}.hand-card.mergeable{box-shadow:0 0 0 3px var(--wait), 0 4px 0 var(--ink)}.hand-card.target{box-shadow:0 0 0 4px var(--go), 0 0 18px var(--go), 0 4px 0 var(--ink);scale:1.14}.hand-card.merging{animation:merging .42s var(--spring)}@keyframes merging{40%{scale:1.2}}.hand-card.glow:after{content:"";border-radius:7px;animation:.9s forwards fade-out;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #ffe58a,inset 0 0 22px #ffe58a}.card-next{pointer-events:none;background:#2e1a1261;border:2.5px dashed #fff1dcbf;place-items:center;display:grid;overflow:hidden}.card-next-fill{transform-origin:bottom;background:#8fe05a66;position:absolute;inset:0;transform:scaleY(0)}.card-next b{color:var(--cream);opacity:.85;text-shadow:var(--outline-2);font-size:22px;font-weight:900;position:relative}.deploy-zone{z-index:1;pointer-events:none;animation:.15s fade-in;position:absolute;inset:0;overflow:hidden}.deploy-zone[hidden]{display:none}.zone-no{background:repeating-linear-gradient(135deg,#ff5a4a3d 0 14px,#2e1a122e 14px 28px);height:100%;position:absolute;top:0;left:0;right:0}.zone-line{background:repeating-linear-gradient(90deg, var(--cream) 0 18px, transparent 18px 28px);height:5px;filter:drop-shadow(0 1px 0 var(--ink));position:absolute;top:-2px;left:0;right:0}.hand-note{z-index:7;border:2.5px solid var(--ink);background:var(--danger);color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:900;position:absolute;top:0;left:0;transform:translate(-50%)}@keyframes fade-out{to{opacity:0}}.landing{width:0;height:0;position:absolute;top:0;left:0}.landing-beam{transform-origin:bottom;opacity:0;background:linear-gradient(#bdf7ff00,#bdf7fff2);border-radius:15px 15px 0 0;width:30px;height:190px;position:absolute;bottom:0;left:-15px}.landing-ring{border:5px solid var(--own-hi);width:100px;height:48px;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--ink);opacity:0;border-radius:50%;position:absolute;top:-24px;left:-50px}.landing.enemy .landing-beam{background:linear-gradient(#ffd36b00,#ffd36bf2)}.landing.enemy .landing-ring{border-color:var(--amber)}.landing-stars{color:#ffe58a;text-align:center;width:100px;text-shadow:var(--outline-2);opacity:0;font-size:24px;font-weight:900;line-height:1;position:absolute;top:-30px;left:-50px}.countin{z-index:3;left:0;right:0;top:calc(max(8px, var(--safe-top)) + 13%);justify-items:center;gap:var(--gap-m);pointer-events:none;display:grid;position:absolute}.count-beat{width:196px;height:196px;animation:beat .75s var(--snap) both;place-items:center;display:grid;position:relative}.count-burst{background:var(--ink);clip-path:polygon(50% 0,61% 26%,90% 12%,78% 41%,100% 54%,72% 64%,80% 95%,52% 77%,30% 98%,30% 68%,0 63%,22% 44%,8% 16%,38% 26%);animation:.75s linear both burst-turn;position:absolute;inset:0}.count-burst:before,.count-burst:after{content:"";clip-path:inherit;position:absolute}.count-burst:before{background:var(--amber);inset:6px}.count-burst:after{background:radial-gradient(circle, #ffffff6b 1.3px, transparent 1.8px) 0 0 / 9px 9px, radial-gradient(circle at 50% 38%, #fff0a6 0, var(--wait) 45%, var(--amber-hi) 100%);inset:15px}.count-word{color:var(--cream);font:italic 900 124px/1 var(--display);text-shadow:var(--outline-big), 0 10px var(--ink);position:relative}.countin.is-go .count-beat{width:290px;animation:go-call .7s var(--snap) both}.countin.is-go .count-burst{clip-path:polygon(50% 0,58% 30%,84% 6%,74% 38%,100% 36%,78% 56%,98% 80%,66% 70%,58% 100%,46% 72%,18% 96%,26% 64%,0 62%,22% 44%,4% 18%,36% 28%)}.countin.is-go .count-burst:before{background:var(--cream)}.countin.is-go .count-burst:after{background:radial-gradient(circle, #fff6 1.3px, transparent 1.8px) 0 0 / 9px 9px, radial-gradient(circle at 50% 38%, #c8f7a4 0, var(--go) 50%, #6cc23c 100%)}.countin.is-go .count-word{font-size:104px}.countin.held .count-beat,.countin.held .count-burst{animation-play-state:paused;animation-delay:-.4s}.count-plan{border:var(--ink-line) solid var(--ink);border-radius:var(--round-s);background:var(--cream);box-shadow:var(--shade), 0 4px 0 var(--ink);color:var(--ink);font:900 15px/1.1 var(--display);letter-spacing:.01em;white-space:nowrap;padding:6px 16px 7px;animation:.3s .15s both fade-in;rotate:-2deg}@keyframes beat{0%{opacity:0;transform:scale(2.4)rotate(-14deg)}16%{opacity:1;transform:scale(.9)rotate(3deg)}26%{transform:scale(1.06)rotate(-1deg)}34%,78%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.6)rotate(6deg)}}@keyframes burst-turn{0%{rotate:-10deg}to{rotate:14deg}}@keyframes go-call{0%{opacity:0;transform:scale(3)rotate(-10deg)}18%{opacity:1;transform:scale(.92)rotate(2deg)}30%,62%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.7)}}.btn{--face:var(--cream);--drop:var(--lift);--light:var(--lip);--ring:0 0 0 0 transparent;isolation:isolate;border:var(--ink-line) solid var(--ink);border-radius:var(--round-m);background:var(--face);min-height:52px;box-shadow:var(--light), var(--shade), 0 var(--drop) 0 var(--ink), var(--ring);cursor:pointer;transition:transform .34s var(--spring), box-shadow .2s ease-out, filter .12s;padding:10px 18px;position:relative;color:var(--ink)!important}.scene .btn{font:900 18px/1.1 var(--display);letter-spacing:.01em}.scene .lang{font:900 16px/1 var(--display);letter-spacing:.01em}.scene .level{font-size:19px}.btn:before{content:"";z-index:-1;border-radius:calc(var(--round-m) - 6px) calc(var(--round-m) - 6px) 6px 6px;pointer-events:none;background:linear-gradient(#ffffff57,#ffffff0a);height:44%;transition:opacity .1s;position:absolute;top:3px;left:4px;right:4px}@media (hover:hover){.btn:hover:not(:disabled){--drop:calc(var(--lift) + 2px);filter:brightness(1.05)saturate(1.06);transform:translateY(-2px)}}.btn:active:not(:disabled){--drop:0px;--light:inset 0 3px 0 #2e1a1233;transform:translateY(var(--lift)) scale(.985);transition-duration:50ms}.btn:active:not(:disabled):before{opacity:.4}.btn:focus-visible{--ring:var(--focus-ring);outline:3px solid var(--ink);outline-offset:2px}.btn:disabled{--drop:3px;filter:saturate(.35)brightness(.92);opacity:.7;cursor:default;transform:translateY(2px)}.btn.primary{--face:var(--go)}.btn.ghost{--face:var(--plate-hi);--light:inset 0 3px 0 #fff1dc24;color:var(--cream)!important}.btn.ghost:active:not(:disabled){--light:inset 0 3px 0 #00000040}.btn.dark{--face:#3a2519;--light:inset 0 3px 0 #fff1dc1f;color:var(--cream)!important}.btn.dark:before,.btn.ghost:before{background:linear-gradient(#fff1dc1a,#fff1dc00)}.btn .icon{width:1.3em;height:1.3em;color:var(--cream);margin:0 .4em 0 -.1em}.btn .icon.after{margin:0 -.1em 0 .4em}.round-btn,.lang{--drop:4px;border:var(--ink-line) solid var(--ink);background:linear-gradient(var(--plate-hi), var(--plate));color:var(--cream);box-shadow:inset 0 2px 0 #fff1dc29, 0 var(--drop) 0 var(--ink);cursor:pointer;transition:transform .34s var(--spring), box-shadow .15s ease-out;position:relative}.round-btn{border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid}.round-btn .icon{width:30px;height:30px;transition:rotate .5s var(--spring)}@media (hover:hover){.round-btn:hover,.lang:hover{--drop:6px;transform:translateY(-2px)}.round-btn:hover .icon{rotate:45deg}}.round-btn:active,.lang:active{--drop:0px;transition-duration:50ms;transform:translateY(4px)}.round-btn:active .icon{transition-duration:.1s;rotate:-30deg}.round-btn:focus-visible,.lang:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:inset 0 2px 0 #fff1dc29, 0 var(--drop) 0 var(--ink), var(--focus-ring)}.icon{vertical-align:-.3em;flex:none;width:1.25em;height:1.25em;display:inline-block;overflow:visible}.icon-ink *{fill:var(--ink);stroke:var(--ink);stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round}.icon-ink .ln{fill:none;stroke-width:6.6px}.icon-face *{fill:currentColor;stroke:none}.icon-face .ln{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.icon-detail *{fill:var(--ink);stroke:none}.icon-detail .ln{fill:none;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.rank{width:26px;height:29px;overflow:visible}.rank-ink{fill:var(--ink);stroke:var(--ink);stroke-width:3.4px;stroke-linejoin:round}.rank .on .rank-face{fill:var(--cream)}.rank .off .rank-face{fill:#2e1a1233}.lobby{z-index:6;overscroll-behavior:contain;touch-action:pan-y;background:var(--sand);-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:auto}.backdrop{pointer-events:none;background:linear-gradient(to bottom, var(--sky) 0, #e9c6ee 135px, #f7cf9c 250px) top / 100% 330px no-repeat, var(--sand);position:absolute;inset:0;overflow:hidden}.dunes{width:100%;height:330px;display:block;position:absolute;top:0;left:0}.ground{background:radial-gradient(circle,#2e1a1224 1.3px,#0000 1.8px) 0 0/26px 22px,radial-gradient(circle,#fff1dc4d 1.2px,#0000 1.7px) 13px 11px/34px 28px;position:absolute;inset:300px 0 0;-webkit-mask:linear-gradient(#0000,#000 90px);mask:linear-gradient(#0000,#000 90px)}.ripples{fill:none;stroke:#2e1a123d;stroke-width:2.2px;stroke-linecap:round;width:100%;height:calc(100% - 340px);position:absolute;inset:340px 0 0}.ripples path{vector-effect:non-scaling-stroke}.rocks,.cactus{position:absolute;bottom:-2px;overflow:visible}.rocks{width:120px;height:70px;left:max(6px,50% - 280px)}.cactus{width:70px;height:110px;right:max(10px,50% - 270px)}.rock,.pebble{fill:#c98a4c;stroke:var(--ink);stroke-width:2.6px;stroke-linejoin:round}.rock.lit{fill:#e0a466;stroke:none}.pebble{fill:#b77a43;stroke-width:2.2px}.cactus-ink,.cactus-green{fill:none;stroke-linecap:round;stroke-linejoin:round}.cactus-ink{stroke:var(--ink);stroke-width:23px}.cactus-green{stroke:#6fa85a;stroke-width:17px}.cactus-ribs{fill:none;stroke:#4f8240;stroke-width:2.4px;stroke-linecap:round}.sun,.sun-rays{border-radius:50%;width:68px;height:68px;margin-left:-34px;position:absolute;top:58px;left:calc(50% + min(28vw,220px))}.sun{border:3px solid var(--ink);background:radial-gradient(circle at 38% 34%,#fffbe6 0 22%,#fff4c4 23%)}.sun-rays{background:repeating-conic-gradient(#fff8d6b3 0 8deg, transparent 8deg 22.5deg);width:180px;height:180px;margin-left:-90px;animation:48s linear infinite spin;top:2px;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}.cloud{border:2.5px solid var(--ink);opacity:.9;background:#fff7ef;border-radius:999px;width:120px;height:26px;animation:46s linear infinite drift;position:absolute;left:0}.cloud:before{content:"";border:2.5px solid var(--ink);background:#fff7ef;border-bottom:0;border-radius:30px 30px 0 0;width:54px;height:30px;position:absolute;bottom:10px;left:22px}.cloud.one{animation-delay:-30s;top:30px}.cloud.two{opacity:.75;width:86px;height:20px;animation-duration:64s;animation-delay:-12s;top:112px}.cloud.two:before{width:36px;height:22px;bottom:7px;left:30px}@keyframes drift{0%{transform:translate(-140px)}to{transform:translate(calc(100vw + 20px))}}.flyer{width:64px;height:28px;animation:13s linear 1.5s infinite fly;position:absolute;top:84px;left:0;overflow:visible;transform:translate(-100px)}.flyer-body{fill:var(--own);stroke:var(--ink);stroke-width:2.4px;stroke-linejoin:round}.flyer-pod{fill:var(--own-deep);stroke:var(--ink);stroke-width:2.2px;stroke-linejoin:round}.flyer-glass{fill:var(--own-hi);stroke:var(--ink);stroke-width:1.8px}.flyer-wake{fill:none;stroke:#fff7ef;stroke-width:2.6px;stroke-linecap:round;opacity:.85}@keyframes fly{0%{transform:translate(-100px)rotate(-3deg)}10%{transform:translate(calc(25vw - 50px),-6px)rotate(-1deg)}20%{transform:translate(calc(50vw - 50px),2px)rotate(-4deg)}30%{transform:translate(calc(75vw - 50px),-4px)rotate(-2deg)}40%,to{transform:translate(calc(100vw + 40px),-10px)rotate(-5deg)}}.weed{fill:#c98a4c;width:30px;height:30px;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;animation:9s linear 3s infinite roll;position:absolute;top:180px;left:0;transform:translate(-60px)}.weed path{fill:none}@keyframes roll{0%{transform:translate(-60px)rotate(0)}8%{transform:translate(18vw,-16px)rotate(220deg)}14%{transform:translate(32vw)rotate(380deg)}21%{transform:translate(48vw,-10px)rotate(560deg)}27%{transform:translate(62vw,2px)rotate(700deg)}36%{transform:translate(82vw,-8px)rotate(900deg)}44%,to{transform:translate(calc(100vw + 60px),4px)rotate(1100deg)}}.lobby-column{max-width:452px;min-height:100%;padding:max(12px, var(--safe-top)) var(--gap-l) calc(max(16px, var(--safe-bottom)) + 14px);gap:var(--gap-l);flex-direction:column;margin:0 auto;display:flex;position:relative}.lobby-column>*{flex-shrink:0}.lobby-gap{flex:1 1 0}.home-art{pointer-events:none;position:fixed;inset:0}.home-art img{object-fit:cover;object-position:65% 0;opacity:0;width:100%;height:100%;transition:opacity .5s;display:block}.home-art:after{content:"";opacity:0;background:linear-gradient(#0000 45%,#2e1a1247 100%);transition:opacity .5s;position:absolute;inset:0}.lobby.art .home-art:after,.waiting-veil.art .home-art:after{opacity:1}.waiting-veil .home-art:after{background:linear-gradient(#2e1a1233,#2e1a126b)}@media (min-aspect-ratio:1){.home-art img{object-position:50% 35%}}.lobby.art .home-art img,.waiting-veil.art .home-art img{opacity:1;animation:26s ease-in-out infinite alternate drift-in}@keyframes drift-in{0%{transform:scale(1)}to{transform:scale(1.07)translate(-1.2%,.8%)}}.lobby.art .backdrop,.lobby.art .versus,.waiting-veil.art .backdrop{display:none}.lobby.art .lobby-head{padding-top:18px}.lobby.art .tagline{color:var(--cream);text-shadow:var(--outline-2), 0 3px 0 var(--ink)}.lobby-top{justify-content:flex-end;gap:var(--gap-s);display:flex}@media (min-width:900px){.lobby-top{z-index:1;top:max(16px, var(--safe-top));position:fixed;right:20px}}@media (min-width:900px) and (min-height:600px){.lobby .friend{z-index:1;left:20px;bottom:calc(max(16px, var(--safe-bottom)) + 4px);width:380px;position:fixed}}.lang{border-radius:var(--round-pill);align-items:center;gap:7px;min-height:48px;padding:6px 16px 6px 9px;display:flex}.lang .icon{width:28px;height:28px;color:var(--own-hi)}.lobby-head{justify-items:center;gap:var(--gap-s);text-align:center;padding:96px 0 6px;display:grid}.versus{align-items:center;gap:var(--gap-m);display:flex}.versus .mark{animation:2.6s ease-in-out infinite bob}.versus .mark.enemy{animation-delay:-1.3s}@keyframes bob{50%{translate:0 -5px}}.mark{border:var(--ink-line) solid var(--ink);background:radial-gradient(circle at 50% 30%, #fffaf0 0, var(--cream) 60%, #f3dcbc 100%);width:58px;height:58px;box-shadow:var(--shade), 0 4px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.mark svg{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:36px;height:36px}.mark.own{color:var(--own)}.pictured{place-items:center;display:grid;position:relative}.pictured img{object-fit:contain;opacity:0;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.pictured.shown{border:var(--ink-line) solid var(--ink);border-radius:var(--round-s);width:58px;height:76px;box-shadow:var(--lip), var(--shade), 0 4px 0 var(--ink);background:linear-gradient(#ffffff4d,#fff0 45%),linear-gradient(170deg,#d8f0ff 0%,#8fc6ea 100%)}.pictured.enemy.shown{background:linear-gradient(#ffffff4d,#fff0 45%),linear-gradient(170deg,#fff4dd 0%,#f7c873 100%)}.pictured.shown .mark{display:none}.pictured.shown img{opacity:1}.pictured.enemy img{scale:-1 1}.mark.enemy{background:radial-gradient(circle at 50% 30%, #4d4957 0, var(--enemy) 60%, var(--enemy-deep) 100%);color:var(--amber)}.mark.enemy svg{transform:scaleX(-1)}.vs{color:var(--cream);font:italic 900 26px/1 var(--display);text-shadow:var(--outline-2), 0 4px var(--ink)}.title{color:var(--cream);font:900 clamp(60px, 19vw, 88px)/.86 var(--display);letter-spacing:.01em;text-transform:uppercase;text-shadow:var(--outline-big), 0 8px var(--ink);animation:title-drop .6s var(--spring) 50ms both;justify-items:center;margin:4px 0 0;display:grid;rotate:-3deg}.title-plate{border:4px solid var(--ink);border-radius:var(--round-m);background:linear-gradient(#ffffff38, #fff0 50%), repeating-linear-gradient(115deg, transparent 0 10px, #ffffff14 10px 16px), var(--own);box-shadow:var(--lip), var(--shade), 0 6px 0 var(--ink);color:var(--cream);letter-spacing:.08em;text-shadow:var(--outline-3), 0 4px var(--ink);margin-top:8px;padding:4px 18px 7px;font-size:.5em;rotate:5deg}@keyframes title-drop{0%{opacity:0;transform:translateY(-36px)scale(1.3)rotate(-4deg)}}.tagline{max-width:300px;color:var(--ink);margin:6px 0 0;font-size:15px;line-height:1.3;animation:.4s .3s both fade-in}.rise{animation:rise .5s var(--spring) calc(.15s + var(--i,0) * 70ms) both}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.95)}}.card{gap:var(--gap-m);border:var(--ink-line) solid var(--ink);border-radius:var(--round-l);background:radial-gradient(circle at 11px 11px, var(--rivet) 0 2.2px, var(--ink) 2.4px 3.6px, transparent 4px), radial-gradient(circle at calc(100% - 11px) 11px, var(--rivet) 0 2.2px, var(--ink) 2.4px 3.6px, transparent 4px), radial-gradient(circle at 11px calc(100% - 11px), var(--rivet) 0 2.2px, var(--ink) 2.4px 3.6px, transparent 4px), radial-gradient(circle at calc(100% - 11px) calc(100% - 11px), var(--rivet) 0 2.2px, var(--ink) 2.4px 3.6px, transparent 4px), linear-gradient(to bottom, var(--plate-hi), var(--plate) 40%, var(--plate-lo));box-shadow:inset 0 2px 0 #fff1dc1f, 0 var(--lift-l) 0 var(--ink), var(--cast);padding:13px 14px 16px;display:grid}.card h2{align-items:center;gap:var(--gap-s);color:var(--cream);font:900 15px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;margin:0 0 0 12px;display:flex}.card h2 .icon{width:24px;height:24px;color:var(--own-hi)}.levels{gap:var(--gap-s);grid-template-columns:repeat(3,1fr);display:grid}.level{align-content:center;justify-items:center;gap:3px;min-height:78px;padding:8px 4px 9px;display:grid}.level.easy{--face:#b6e98f}.level.normal{--face:var(--wait)}.level.hard{--face:var(--hard)}.level-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.btn.big{--face:var(--own);border-radius:var(--round-l);background:repeating-linear-gradient(115deg, transparent 0 22px, #ffffff14 22px 34px), var(--face);align-content:center;justify-items:center;gap:3px;min-height:86px;display:grid;overflow:hidden;color:var(--cream)!important}.btn.big:before{border-radius:calc(var(--round-l) - 6px) calc(var(--round-l) - 6px) 6px 6px}.big-word{font:italic 900 29px/1 var(--display);letter-spacing:.03em;text-transform:uppercase;text-shadow:var(--outline-2), 0 3px 0 var(--ink);align-items:center;gap:9px;display:flex;position:relative}.big-word .icon{width:32px;height:32px;color:var(--amber-hi);margin:0}.btn.big small{font:700 13px/1.2 var(--font);opacity:.95;position:relative}.shine{background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60px;animation:4.6s ease-in-out 1.4s infinite shine;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-120px)skew(-20deg)}@keyframes shine{0%{transform:translate(-120px)skew(-20deg)}22%,to{transform:translate(520px)skew(-20deg)}}.room .icon{color:var(--go)}.join{gap:var(--gap-s);grid-template-columns:1fr auto;display:grid}.code-tiles{cursor:text;gap:6px;min-width:0;display:flex;position:relative}.code-input{opacity:0;caret-color:#0000;border:0;width:100%;font-size:16px;position:absolute;inset:0}.tile{border:var(--ink-line) solid var(--ink);border-radius:var(--round-m);min-width:0;height:54px;color:var(--ink);font:900 28px/1 var(--display);pointer-events:none;transition:translate .25s var(--spring), box-shadow .15s;background:linear-gradient(#f3dfc3,#fff1dc 60%);flex:1;place-items:center;display:grid;box-shadow:inset 0 4px #2e1a1229}.tile.full{background:linear-gradient(#fffaf2, var(--cream));box-shadow:var(--lip), var(--shade), 0 3px 0 var(--ink);animation:tile-in .28s var(--spring);translate:0 -2px}.code-tiles.focused .tile.next{border-color:var(--own-deep);box-shadow:0 0 0 3px var(--own-hi), inset 0 4px 0 #2e1a1229}.tile:empty:before{content:"";background:#2e1a1238;border-radius:50%;width:8px;height:8px}.code-tiles.focused .tile.next:empty:before{background:var(--own);border-radius:2px;width:3px;height:26px;animation:1s steps(2,end) infinite caret}@keyframes caret{50%{opacity:0}}@keyframes tile-in{0%{transform:scale(1.25)}}.join-go{--face:var(--go);align-items:center;display:flex}.note{border:var(--ink-line) solid var(--ink);border-radius:var(--round-m);background:linear-gradient(var(--plate-hi), var(--plate));box-shadow:inset 0 2px 0 #fff1dc1f, 0 4px 0 var(--ink);color:var(--cream);text-align:center;animation:note-in .3s var(--spring);margin:0;padding:10px 16px;font-size:14px}.note.error{background:var(--danger);box-shadow:var(--lip), 0 4px 0 var(--ink);color:var(--ink)}@keyframes note-in{0%{opacity:0;translate:0 -8px}}.wipe{z-index:10;pointer-events:none;background:radial-gradient(circle, #2e1a1224 1.6px, transparent 2.1px) 0 0 / 12px 12px, repeating-linear-gradient(90deg, transparent 0 36px, #fff1dc52 36px 46px), linear-gradient(90deg, var(--ink) 0 8px, var(--sand-hi) 8px calc(100% - 8px), var(--ink) calc(100% - 8px));width:180%;animation:.44s cubic-bezier(.7,0,.3,1) both wipe;position:absolute;top:-10%;bottom:-10%;left:-40%;transform:translate(-110%)skew(-14deg)}.wipe:before,.wipe:after{content:"";position:absolute;top:0;bottom:0}.wipe:after{background:linear-gradient(90deg, var(--own) 0 34px, var(--ink) 34px 40px, transparent 40px);width:44px;left:100%}.wipe:before{background:linear-gradient(90deg, transparent 0 4px, var(--ink) 4px 10px, var(--amber) 10px);width:38px;right:100%}@keyframes wipe{0%{transform:translate(-110%)skew(-14deg)}41%,50%{transform:translate(0)skew(-14deg)}to{transform:translate(110%)skew(-14deg)}}.veil{z-index:6;padding:var(--gap-l);background:#2e1a1259;place-items:center;animation:.25s ease-out fade-in;display:grid;position:absolute;inset:0}.panel{justify-items:center;gap:var(--gap-m);border:var(--ink-line) solid var(--ink);border-radius:var(--round-xl);background:radial-gradient(circle at 14px 14px, var(--rivet) 0 2.6px, var(--ink) 2.8px 4.2px, transparent 4.6px), radial-gradient(circle at calc(100% - 14px) 14px, var(--rivet) 0 2.6px, var(--ink) 2.8px 4.2px, transparent 4.6px), radial-gradient(circle at 14px calc(100% - 14px), var(--rivet) 0 2.6px, var(--ink) 2.8px 4.2px, transparent 4.6px), radial-gradient(circle at calc(100% - 14px) calc(100% - 14px), var(--rivet) 0 2.6px, var(--ink) 2.8px 4.2px, transparent 4.6px), linear-gradient(to bottom, var(--plate-hi), var(--plate) 36%, var(--plate-lo));width:100%;max-width:400px;box-shadow:inset 0 3px 0 #fff1dc1f, inset 0 0 0 2px #fff1dc0a, 0 var(--lift-l) 0 var(--ink), var(--cast);color:var(--cream);text-align:center;animation:panel-in .4s var(--spring) both;padding:22px 18px 18px;display:grid}@keyframes panel-in{0%{opacity:0;transform:translateY(40px)scale(.94)}}.panel h2{font:900 24px/1.1 var(--display);letter-spacing:.01em;text-shadow:0 2px 0 var(--ink);margin:0}.panel .small{opacity:.92;margin:0;font-size:14px;font-weight:700;line-height:1.35}.panel .btn{width:100%}.waiting-veil{background:var(--sand);padding:0}.waiting{width:100%;max-width:440px;height:100%;padding:max(16px, var(--safe-top)) var(--gap-l) calc(max(16px, var(--safe-bottom)) + 84px);align-content:center;justify-items:center;display:grid;position:relative}.waiting-card{gap:14px;padding-top:24px;position:relative}.waiting-veil .rocks,.waiting-veil .cactus{bottom:calc(max(16px, var(--safe-bottom)) + 78px)}.waiting .cancel{left:var(--gap-l);right:var(--gap-l);bottom:calc(max(16px, var(--safe-bottom)) + 8px);animation:rise .45s var(--spring) .2s both;position:absolute}.radar{border:var(--ink-line) solid var(--ink);width:212px;height:212px;box-shadow:0 0 0 5px #5b4030, 0 0 0 8px var(--ink), 0 13px 0 var(--ink), inset 0 0 0 3px #8fe05a26, inset 0 0 30px #00000080;background:radial-gradient(circle,#3e2c21 0,#23160f 72%);border-radius:50%;margin:8px 0 12px;position:relative;overflow:hidden}.radar-ticks{background:repeating-conic-gradient(#8fe05a8c 0 1.2deg, transparent 1.2deg 15deg);border-radius:50%;position:absolute;inset:4px;-webkit-mask:radial-gradient(circle,#0000 0 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(circle,#0000 0 calc(100% - 9px),#000 calc(100% - 8px))}.radar-cross{background:linear-gradient(#8fe05a38,#8fe05a38) 50% 0/2px 100% no-repeat,linear-gradient(#8fe05a38,#8fe05a38) 0/100% 2px no-repeat;position:absolute;inset:10px}.radar-ring{border:2px solid #8fe05a47;border-radius:50%;position:absolute}.radar-ring.r1{inset:22%}.radar-ring.r2{inset:38%}.radar-ring.r3{inset:6%}.radar-sweep{background:conic-gradient(#8fe05aa6,#8fe05a0d 70deg,#0000 90deg);border-radius:50%;animation:2.2s linear infinite spin;position:absolute;inset:0}.radar.quick-setup .radar-sweep{animation-duration:.9s}.radar-glass{background:radial-gradient(circle at 30% 22%,#ffffff29 0 18%,#0000 40%);border-radius:50%;position:absolute;inset:0}.blip{background:var(--amber-hi);width:11px;height:11px;box-shadow:0 0 10px var(--amber);opacity:0;border-radius:50%;margin:-5.5px 0 0 -5.5px;animation:2.2s ease-out infinite blip;position:absolute}.blip.b1{animation-delay:.35s;top:30%;left:70%}.blip.b2{animation-delay:1.2s;top:72%;left:28%}.blip.b3{animation-delay:1.65s;top:70%;left:76%}@keyframes blip{0%{opacity:1;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(.8)}}.radar-me{place-items:center;display:grid;position:absolute;inset:0}.radar-me .mark{width:64px;height:64px;animation:1.6s ease-in-out infinite bob}.clock{border:2px solid var(--ink);border-radius:var(--round-pill);color:var(--cream);font:900 17px/1 var(--display);font-variant-numeric:tabular-nums;background:#140c0866;align-items:center;gap:6px;margin:-2px 0 0;padding:4px 12px 4px 7px;display:flex;box-shadow:inset 0 2px #00000040}.clock .icon{width:20px;height:20px}.room-code{border-radius:var(--round-m);cursor:pointer;background:0 0;border:0;gap:9px;padding:4px 0 8px;display:flex}.room-code span{border:var(--ink-line) solid var(--ink);border-radius:var(--round-m);background:linear-gradient(#ffffff80, #fff0 45%), var(--cream);width:64px;height:80px;color:var(--ink);box-shadow:var(--lip), var(--shade), 0 6px 0 var(--ink);font:900 48px/1 var(--display);transition:translate .3s var(--spring), box-shadow .15s;animation:tile-drop .45s var(--spring) calc(.15s + var(--k) * 90ms) both;place-items:center;display:grid}.room-code span:nth-child(odd){rotate:-3deg}.room-code span:nth-child(2n){rotate:2deg}@media (hover:hover){.room-code:hover span{translate:0 -2px}}.room-code:active span{box-shadow:var(--shade), 0 1px 0 var(--ink);transition-duration:50ms;translate:0 5px}.room-code:focus-visible{outline:3px solid var(--ink);outline-offset:4px;box-shadow:var(--focus-ring)}@keyframes tile-drop{0%{opacity:0;transform:translateY(-50px)rotate(-12deg)}}.copy-hint{align-items:center;gap:6px;display:flex}.copy-hint .icon{width:20px;height:20px;color:var(--cream)}.copy-hint.done .icon{color:var(--go)}.share{--face:var(--wait)}.seeking{gap:6px;display:flex}.seeking i{border:2px solid var(--ink);background:var(--go);border-radius:50%;width:10px;height:10px;animation:.9s ease-in-out infinite hop}.seeking i:nth-child(2){animation-delay:.15s}.seeking i:nth-child(3){animation-delay:.3s}@keyframes hop{30%{transform:translateY(-7px)}60%{transform:translateY(0)}}.versus-screen{z-index:9;animation:.16s linear .3s vs-impact;position:absolute;inset:0;overflow:hidden}@keyframes vs-impact{25%{transform:translate(-5px,3px)}50%{transform:translate(4px,-4px)}75%{transform:translate(-3px,-2px)}}.vs-half{border:0 solid var(--ink);height:57%;position:absolute;left:-6%;right:-6%;overflow:hidden}.vs-half.them{background:radial-gradient(ellipse 70% 60% at 50% 100%, #f5b32429, transparent 70%), linear-gradient(175deg, var(--enemy-deep) 0%, var(--enemy) 55%, #4a4655 100%);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);animation:vs-from-top .4s var(--spring) both;top:0}.versus-screen.leaving .vs-half.them{animation:.32s cubic-bezier(.6,0,.9,.5) forwards vs-to-top}.vs-half.you{background:radial-gradient(ellipse 70% 60% at 50% 0%, #8fd0ff52, transparent 70%), linear-gradient(175deg, #5c9fcf 0%, var(--own) 45%, var(--own-deep) 100%);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);animation:vs-from-bottom .4s var(--spring) both;bottom:0}.versus-screen.leaving .vs-half.you{animation:.32s cubic-bezier(.6,0,.9,.5) forwards vs-to-bottom}.vs-seam{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vs-seam line{stroke:var(--ink);stroke-width:14px;vector-effect:non-scaling-stroke}@keyframes vs-from-top{0%{transform:translateY(-105%)}}@keyframes vs-from-bottom{0%{transform:translateY(105%)}}@keyframes vs-to-top{to{transform:translateY(-110%)}}@keyframes vs-to-bottom{to{transform:translateY(110%)}}.vs-lines{background:repeating-linear-gradient(110deg,#0000 0 26px,#ffffff17 26px 34px);animation:.5s linear infinite lines;position:absolute;inset:0 -80px}.them .vs-lines{background:radial-gradient(circle,#f5b32433 2px,#0000 2.5px) 0 0/14px 14px,repeating-linear-gradient(110deg,#0000 0 26px,#f5b3241a 26px 34px);animation-direction:reverse}@keyframes lines{to{transform:translate(-36.2px)}}.vs-side{justify-content:center;align-items:center;gap:var(--gap-l);padding:0 var(--gap-l);display:flex;position:absolute;left:6%;right:6%}.them .vs-side{top:calc(max(12px, var(--safe-top)) + 11%);animation:vs-slide-left .42s var(--spring) .16s both}.you .vs-side{bottom:calc(max(12px, var(--safe-bottom)) + 11%);animation:vs-slide-right .42s var(--spring) .16s both}@keyframes vs-slide-left{0%{opacity:0;transform:translate(60px)}}@keyframes vs-slide-right{0%{opacity:0;transform:translate(-60px)}}.vs-who{gap:var(--gap-m);min-width:0;display:grid}.them .vs-who{justify-items:start}.you .vs-who{justify-items:end}.vs-name{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% + 12px);color:var(--cream);font:italic 900 min(48px, 11vw, calc(84vw / var(--len,8)))/1 var(--display);letter-spacing:.02em;text-transform:uppercase;text-shadow:var(--outline-3), 0 6px 0 var(--ink);margin:-4px -6px -10px;padding:4px 6px 10px;overflow:hidden}.them .vs-name{color:var(--amber-hi)}.vs-lineup{gap:var(--gap-s);margin:0;padding:0;list-style:none;display:flex}.vs-lineup li{animation:pop-in .34s var(--spring) calc(.42s + var(--k) * 80ms) both;position:relative}.vs-lineup li:nth-child(2){rotate:2deg}.vs-lineup li:nth-child(odd){rotate:-2deg}.vs-lineup .mark{width:52px;height:52px}.vs-lineup .mark svg{width:32px;height:32px}.vs-count{border:2px solid var(--ink);border-radius:var(--round-pill);background:var(--cream);box-shadow:0 2px 0 var(--ink);color:var(--ink);font:900 13px/1 var(--display);padding:2px 6px 3px;position:absolute;bottom:-7px;right:-7px}@keyframes pop-in{0%{opacity:0;transform:scale(.3)rotate(-14deg)}}.emblem{flex:none;width:112px;height:112px;position:relative}.emblem-art{width:100%;height:100%;display:block;overflow:visible}.emblem.enemy .emblem-art{transform:scaleX(-1)}.emblem-drop{fill:var(--ink)}.emblem-face{stroke:var(--ink);stroke-width:4px;stroke-linejoin:round}.emblem-light{fill:#ffffff1a}.emblem-rim{fill:none;stroke-width:4px;stroke-linejoin:round}.emblem-rivets circle{stroke:var(--ink);stroke-width:1.6px}.emblem-unit path{stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.emblem-unit .emblem-legs-ink{fill:none;stroke-width:10px}.emblem-unit .emblem-legs{fill:none;stroke:var(--cream);stroke-width:5px}.emblem-body,.emblem-gun{fill:var(--cream)}.emblem.own .emblem-face{fill:var(--own-deep)}.emblem.own .emblem-rim{stroke:var(--own-pink)}.emblem.own .emblem-rivets circle{fill:var(--own-hi)}.emblem.own .emblem-top{fill:var(--own)}.emblem.own .emblem-eye{fill:var(--own-hi)}.emblem.enemy .emblem-face{fill:var(--enemy-deep)}.emblem.enemy .emblem-rim{stroke:var(--amber)}.emblem.enemy .emblem-rivets circle{fill:var(--amber)}.emblem.enemy .emblem-body,.emblem.enemy .emblem-gun{fill:var(--enemy-plate)}.emblem.enemy .emblem-legs{stroke:var(--enemy-plate)}.emblem.enemy .emblem-top{fill:var(--enemy)}.emblem.enemy .emblem-eye{fill:var(--amber-hi)}.emblem-badge{border:var(--ink-line) solid var(--ink);background:radial-gradient(circle at 50% 30%, #fffaf0 0, var(--cream) 60%, #f0d6b2 100%);width:42px;height:42px;box-shadow:0 3px 0 var(--ink);animation:pop-in .34s var(--spring) .55s both;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:2px;right:-4px}.emblem.own .emblem-badge{left:-4px;right:auto}.emblem-badge .icon{width:28px;height:28px}.emblem.own .emblem-badge .icon{color:var(--own)}.emblem.enemy .emblem-badge .icon{color:var(--amber)}.vs-middle{place-items:center;width:250px;height:210px;margin:-105px 0 0 -125px;display:grid;position:absolute;top:50%;left:50%}.versus-screen.leaving .vs-middle{animation:.28s ease-in forwards vs-gone}.vs-burst{background:var(--ink);clip-path:polygon(50% 0,60% 28%,88% 10%,76% 40%,100% 50%,76% 62%,90% 92%,60% 74%,50% 100%,40% 74%,10% 92%,24% 62%,0 50%,24% 40%,12% 10%,40% 28%);width:204px;height:204px;animation:stamp-burst .5s var(--snap) .24s both;margin:-102px 0 0 -102px;position:absolute;top:50%;left:50%}.vs-burst:before,.vs-burst:after{content:"";clip-path:inherit;position:absolute}.vs-burst:before{background:var(--amber);inset:7px}.vs-burst:after{background:radial-gradient(circle, #ffffff6b 1.3px, transparent 1.8px) 0 0 / 9px 9px, radial-gradient(circle at 50% 38%, #fff0a6 0, var(--wait) 45%, var(--amber-hi) 100%);inset:16px}.vs-stamp{color:var(--cream);font:italic 900 100px/1 var(--display);letter-spacing:-.01em;text-shadow:var(--outline-big), 0 10px var(--ink);animation:stamp .42s var(--snap) .24s both;padding-right:.08em;position:relative}@keyframes stamp{0%{opacity:0;transform:scale(3.2)rotate(-24deg)}55%{opacity:1;transform:scale(.88)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes stamp-burst{0%{opacity:0;transform:scale(.2)rotate(-40deg)}60%{opacity:1;transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes vs-gone{to{opacity:0;transform:scale(2.4)rotate(10deg)}}.vs-map{max-width:calc(100% - 96px);animation:vs-ribbon .42s var(--spring) .6s both;position:absolute;top:calc(50% + 108px);left:50%;transform:translate(-50%)rotate(-3deg)}.versus-screen.leaving .vs-map{animation:.26s ease-in forwards vs-ribbon-out}.vs-band{border:var(--ink-line) solid var(--ink);background:linear-gradient(#ffffff8c, #fff0 50%), var(--cream);box-shadow:var(--shade), 0 5px 0 var(--ink);color:var(--ink);text-align:center;border-radius:6px;justify-items:center;gap:3px;padding:7px 24px 8px;display:grid;position:relative}.vs-tail{width:34px;height:100%;position:absolute;top:12px;bottom:-12px;overflow:visible}.vs-tail path{fill:var(--sand-lo);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.vs-tail-left{left:-26px}.vs-tail-right{right:-26px;transform:scaleX(-1)}.vs-map b{font:900 24px/1.05 var(--display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.vs-map small{opacity:.8;font-size:12.5px;font-weight:700}@keyframes vs-ribbon{0%{opacity:0;transform:translate(-160%)rotate(-3deg)}}@keyframes vs-ribbon-out{to{opacity:0;transform:translate(80%)rotate(-3deg)}}@media (min-width:900px),(orientation:landscape) and (max-height:500px){.them .vs-side{justify-content:flex-end;padding-right:7%}.you .vs-side{justify-content:flex-start;padding-left:7%}.vs-map{left:64%}}@media (min-width:900px) and (min-height:600px){.emblem{width:150px;height:150px}.emblem-badge{width:52px;height:52px}.emblem-badge .icon{width:34px;height:34px}.vs-side{gap:28px}.vs-name{font-size:min(68px, calc(140vw / var(--len,8)))}.vs-lineup{gap:var(--gap-m)}.vs-lineup .pictured.shown{width:74px;height:98px}.vs-count{font-size:15px}.vs-middle{scale:1.2}.vs-map{top:calc(50% + 136px)}.vs-map b{font-size:30px}.vs-map small{font-size:14px}}.end-veil{padding-bottom:calc(max(16px, var(--safe-bottom)) + 8px);background:linear-gradient(#2e1a1240 25%,#2e1a12c7);align-items:end}.end-banner{left:0;right:0;top:calc(max(12px, var(--safe-top)) + 9% - 60px);pointer-events:none;place-items:center;height:120px;display:grid;position:absolute}.end-burst{opacity:0;border-radius:50%;width:440px;height:440px;margin:-220px 0 0 -220px;position:absolute;top:50%;left:50%}.end-veil.win .end-burst{background:repeating-conic-gradient(#ffd35a99 0 9deg, transparent 9deg 20deg);animation:.4s .15s forwards fade-in,14s linear infinite spin;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}.end-veil.loss .end-burst{background:radial-gradient(circle,#2e1a128c 0,#0000 60%);animation:.6s .3s forwards fade-in}.end-sparks{position:absolute;inset:0}.end-sparks i{background:var(--ink);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:26px;height:26px;animation:spark-in .4s var(--spring) calc(.45s + var(--k) * 70ms) both, twinkle 1.8s ease-in-out calc(1s + var(--k) * .3s) infinite;margin:-13px 0 0 -13px;position:absolute}.end-sparks i:after{content:"";clip-path:inherit;background:#fff2a8;position:absolute;inset:5px}.end-sparks i:first-child{top:18%;left:calc(50% - 150px)}.end-sparks i:nth-child(2){top:8%;left:calc(50% + 138px);scale:.8}.end-sparks i:nth-child(3){top:82%;left:calc(50% + 158px);scale:.6}.end-sparks i:nth-child(4){top:92%;left:calc(50% - 124px);scale:.7}.end-sparks i:nth-child(5){top:-14%;left:calc(50% + 20px);scale:.55}@keyframes spark-in{0%{opacity:0;transform:scale(0)rotate(-90deg)}}@keyframes twinkle{50%{transform:scale(.7)rotate(20deg)}}.end-word{color:var(--go);font:italic 900 min(96px, 19vw, calc(150vw / var(--len,7)))/1 var(--display);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;text-shadow:var(--outline-big), 0 10px var(--ink);position:relative}.end-banner.win .end-word{animation:end-slam .5s var(--snap) 50ms both}.end-banner.loss .end-word{color:var(--amber);animation:.7s cubic-bezier(.3,0,.5,1) 50ms both end-drop}.end-banner.draw .end-word{color:var(--wait);animation:.9s ease-in-out 50ms both end-wobble}@keyframes end-slam{0%{opacity:0;transform:scale(3)rotate(-16deg)}55%{opacity:1;transform:scale(.9)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(-5deg)}}@keyframes end-drop{0%{opacity:0;transform:translateY(-140px)}45%{opacity:1;transform:translateY(0)rotate(0)}60%{transform:translateY(-14px)rotate(-2deg)}75%{transform:translateY(0)rotate(3deg)}to{opacity:1;transform:translateY(0)rotate(4deg)}}@keyframes end-wobble{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.1)rotate(5deg)}50%{transform:scale(1)rotate(-5deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:rotate(-2deg)}}.end{gap:14px;padding:20px 16px 18px;animation-delay:.3s}.end .outcome{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reason{font:900 21px/1.15 var(--display);letter-spacing:.01em;text-shadow:0 2px 0 var(--ink);margin:0;padding:0 12px}.end.win .reason{color:var(--go)}.end.loss .reason{color:var(--amber-hi)}.left{border-radius:var(--round-m);background:#140c0852;border:2px solid #0000004d;gap:7px;width:100%;padding:10px 12px 12px;display:grid;box-shadow:inset 0 3px #00000038,0 1px #fff1dc14}.left-title{font:900 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;opacity:.85}.left-row{text-align:left;grid-template-columns:62px 1fr minmax(52px,auto);align-items:center;gap:10px;font-size:13px;display:grid}.left-share{text-align:right;font:900 19px/1 var(--display);font-variant-numeric:tabular-nums}.left-bar{border:2.5px solid var(--ink);background:#140c08b3;border-radius:8px;height:16px;position:relative;overflow:hidden}.left-bar i{background:linear-gradient(to bottom, var(--own-hi) 0 32%, var(--own) 32%);transform-origin:0;transform:scaleX(var(--share,0));animation:fill-up .9s var(--snap) .75s both;position:absolute;inset:0}.left-bar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 2px),#140c088c calc(25% - 2px) 25%);position:absolute;inset:0}@keyframes fill-up{0%{transform:scaleX(0)}}.left-row.enemy .left-bar i{background:linear-gradient(to bottom, var(--amber-hi) 0 32%, var(--amber) 32%)}.left-row[data-destroyed] .left-bar{background:repeating-linear-gradient(135deg,#ff5a4a59 0 6px,#140c08b3 6px 12px)}.left-row[data-destroyed] .left-share{border:2px solid var(--ink);background:var(--danger);box-shadow:0 2px 0 var(--ink);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;animation:stamp-in .4s var(--spring) .9s both;border-radius:6px;justify-self:end;padding:3px 8px 4px;font-size:14px;rotate:-4deg}@keyframes stamp-in{0%{opacity:0;transform:scale(2.2)rotate(-12deg)}}.end-stats{gap:var(--gap-s);grid-template-columns:repeat(4,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid}.stat{border:2.5px solid var(--ink);border-radius:var(--round-m);background:linear-gradient(#fff1dc1a, #fff1dc00 50%), linear-gradient(var(--plate-hi), var(--plate));min-height:84px;box-shadow:inset 0 2px 0 #fff1dc24, 0 3px 0 var(--ink);animation:pop-in .34s var(--spring) calc(.9s + var(--k) * 80ms) both;align-content:start;justify-items:center;gap:4px;padding:8px 2px 7px;display:grid}.stat .icon{width:24px;height:24px;color:var(--cream)}.stat.kills .icon{color:var(--amber-hi)}.stat.losses .icon{color:var(--own-hi)}.stat.razed .icon{color:var(--hard)}.stat b{font:900 25px/1 var(--display);font-variant-numeric:tabular-nums}.stat span{text-align:center;opacity:.85;font-size:10.5px;line-height:1.15}.stat.kills b{color:var(--amber-hi)}.stat.losses b{color:var(--own-hi)}.end-buttons{gap:var(--gap-s);grid-template-columns:1fr 1.6fr;width:100%;margin-top:2px;display:grid}.end-buttons.single{grid-template-columns:1fr}.end-buttons .btn{justify-content:center;align-items:center;display:flex}.again:after{content:"";border:3px solid var(--go);border-radius:calc(var(--round-m) + 6px);pointer-events:none;animation:1.3s ease-out 1.4s infinite ring-call;position:absolute;inset:-8px}@keyframes ring-call{0%{opacity:.9;transform:scale(.94)}to{opacity:0;transform:scale(1.12)}}.end-veil.missed{background:var(--sand);align-items:center}.end-veil.missed .panel{position:relative}.end-veil.missed .end-banner{top:calc(max(12px, var(--safe-top)) + 6%);z-index:1}.missed-line{color:var(--cream);font:700 14px/1.3 var(--font);opacity:.85;text-shadow:none;margin-bottom:4px;display:block}.elsewhere-veil{z-index:8;background:#2e1a12b3}.settings-veil{z-index:11;padding:12px 12px calc(max(12px, var(--safe-bottom)) + 4px);background:#2e1a128c;align-items:end}.sheet{border:3px solid var(--ink);width:100%;max-width:420px;box-shadow:0 7px 0 var(--ink);animation:sheet-in .36s var(--spring) both;background:#3a2519;border-radius:24px;gap:12px;padding:18px 16px 16px;display:grid}.sheet h2{text-align:center;margin:0 0 2px;font-size:20px;font-weight:900}@keyframes sheet-in{0%{transform:translateY(110%)}}.toggle{border:2.5px solid var(--ink);min-height:56px;color:var(--cream);text-align:left;cursor:pointer;transition:transform .3s var(--spring);background:#fff1dc14;border-radius:16px;grid-template-columns:1fr auto 46px;align-items:center;gap:12px;padding:8px 14px;font-size:17px;display:grid}.toggle:active{transition-duration:60ms;transform:scale(.97)}.toggle-track{border:2.5px solid var(--ink);background:#2e1a12b3;border-radius:999px;width:56px;height:32px;transition:background .2s;position:relative}.toggle-track i{border:2.5px solid var(--ink);background:var(--cream);width:23px;height:23px;transition:transform .3s var(--spring);border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on .toggle-track{background:var(--go)}.toggle.on .toggle-track i{transform:translate(24px)}.toggle-state{text-align:right;opacity:.8;font-size:13px}.lang-row{border:2.5px solid var(--ink);background:#fff1dc14;border-radius:16px;gap:8px;padding:10px 12px 12px;display:grid}.lang-title{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:13px}.lang-picks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lang-pick{border:2.5px solid var(--ink);background:var(--cream);cursor:pointer;min-height:46px;box-shadow:0 4px 0 var(--ink);transition:transform .3s var(--spring);border-radius:12px;font-size:15px;font-weight:900;color:var(--ink)!important}.lang-pick:active{transition-duration:60ms;transform:translateY(3px)}.lang-pick.on{background:var(--own);color:var(--cream)!important}@media (max-height:760px){.lobby-head{padding-top:36px}.title{font-size:clamp(52px,15vw,72px)}.lobby .backdrop{background-size:100% 200px,auto}.lobby .dunes{height:200px}.lobby .ground{top:180px}.lobby .ripples{height:calc(100% - 220px);top:220px}.lobby .sun,.lobby .sun-rays{top:24px;left:calc(50% - min(28vw,220px))}.lobby .sun-rays{top:-32px}.lobby .weed{top:104px}.lobby .cloud.two,.lobby .flyer{top:60px}.versus{display:none}.vs-side{gap:var(--gap-m)}.emblem{width:88px;height:88px}.emblem-badge{width:36px;height:36px}.emblem-badge .icon{width:24px;height:24px}.vs-map{top:calc(50% + 70px)}.vs-middle{scale:.85}.count-beat{width:156px;height:156px}.count-word{font-size:94px}.countin.is-go .count-beat{width:240px}.countin.is-go .count-word{font-size:84px}.radar{width:180px;height:180px}}@media (min-width:900px) and (min-height:600px) and (max-height:760px){.emblem{width:120px;height:120px}.vs-middle{scale:1}.vs-map{top:calc(50% + 112px)}}@media (max-height:500px){.hint,.alarm-text{bottom:auto;top:calc(max(8px, var(--safe-top)) + 22px)}.chip.opponent{top:calc(max(8px, var(--safe-top)) + 60px)}.countin{top:8%}.emblem{width:72px;height:72px}.vs-lineup .pictured.shown{width:44px;height:58px}.vs-middle{scale:.7}.vs-map{top:calc(50% + 50px)}.vs-name{font-size:min(40px, calc(84vh / var(--len,8)))}.vs-lineup .mark{width:40px;height:40px}}@media (orientation:landscape) and (max-height:500px){.end-veil{padding:max(10px, var(--safe-top)) max(20px, env(safe-area-inset-right,0px)) max(10px, var(--safe-bottom));place-items:center end}.end-banner{height:auto;top:0;bottom:0;right:50%}.end-veil.missed .end-banner{top:0}.end-word{font-size:min(76px, calc(75vw / var(--len,7)))}.end{gap:var(--gap-s);max-width:min(400px,50vw);padding:12px 14px}.stat{min-height:66px;padding:6px 2px}.stat .icon{width:20px;height:20px}.stat b{font-size:21px}.left{gap:4px;padding:7px 10px 9px}.end-buttons .btn{min-height:46px}.title{font-size:54px}.lobby-head{padding-top:4px}}:lang(zh) .title,:lang(zh) .title-plate,:lang(zh) .big-word,:lang(zh) .card h2,:lang(zh) .outcome,:lang(zh) .left-title,:lang(zh) .lang-title,:lang(zh) .vs-name,:lang(zh) .vs-map b,:lang(zh) .callout-text,:lang(zh) .end-word,:lang(zh) .card-name,:lang(zh) .left-row[data-destroyed] .left-share{text-transform:none;letter-spacing:0;font-style:normal}:lang(zh) .title{font-size:clamp(40px,12vw,60px);line-height:1.1}:lang(zh) .countin.is-go .count-word{font-size:80px;font-style:normal}@media (prefers-reduced-motion:reduce){.alarm,.base-bar.low .base-fill,.sun-rays,.home-art img,.cloud,.flyer,.weed,.shine,.versus .mark,.radar-sweep,.radar-me .mark,.blip,.seeking i,.vs-lines,.end-burst,.end-sparks i,.again:after,.wipe{animation:none!important}.flyer,.weed,.shine,.wipe{display:none}.end-veil.win .end-burst,.end-veil.loss .end-burst{opacity:1}.title,.rise,.panel,.sheet,.room-code span,.vs-side,.vs-lineup li,.vs-stamp,.vs-burst,.vs-map,.emblem-badge,.count-beat,.countin.is-go .count-beat,.end-word,.stat,.left-row[data-destroyed] .left-share,.tile.full,.chip,.note,.radial-disc,.radial-item{animation-name:fade-in!important}.versus-screen{animation:none}.vs-half.them,.vs-half.you{animation:.2s both fade-in}.vs-map{animation:.3s .4s both fade-in!important}.versus-screen.leaving .vs-half.them,.versus-screen.leaving .vs-half.you,.versus-screen.leaving .vs-middle,.versus-screen.leaving .vs-map{animation:.2s forwards fade-out!important}.left-bar i{animation:none}.btn,.round-btn,.round-btn .icon,.toggle,.lang,.lang-pick,.tile,.room-code span{transition-timing-function:ease-out}.btn:active:not(:disabled){transform:translateY(var(--lift))}.round-btn:hover .icon,.round-btn:active .icon{rotate:none}}.rank-badge{width:var(--size,56px);height:var(--size,56px);flex:none;display:inline-grid;position:relative}.rank-badge>*{object-fit:contain;grid-area:1/1;width:100%;height:100%;transition:opacity .2s}.rank-badge img{opacity:0;filter:drop-shadow(0 3px #2e1a1273)}.rank-badge.shown img{opacity:1}.rank-badge.shown svg{opacity:0}.rank-plate{text-align:left;align-items:center;gap:10px;min-width:0;display:flex}.rank-text{justify-items:start;gap:1px;min-width:0;display:grid}.rank-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--cream);font:900 19px/1.1 var(--display);letter-spacing:.02em;text-shadow:0 2px 0 var(--ink);overflow:hidden}.rank-number{color:var(--own-hi);font:900 17px/1.1 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 var(--ink);flex-wrap:wrap;align-items:baseline;gap:2px 4px;display:flex}.rank-number small{color:var(--cream);font:800 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;opacity:.7;text-shadow:none}.rank-tag{border:2px solid var(--ink);border-radius:var(--round-pill);background:var(--plate-lo);color:var(--cream);font:800 11px/1.2 var(--font);letter-spacing:.04em;white-space:nowrap;align-self:center;margin-left:4px;padding:2px 8px 3px}.rank-tag.provisional{border-style:dashed;border-color:var(--wait);color:var(--wait);background:#ffd35a1f}.rank-card{gap:var(--gap-m);border:var(--ink-line) solid var(--ink);border-radius:var(--round-l);background:radial-gradient(circle at 11px 11px, var(--rivet) 0 2.2px, var(--ink) 2.4px 3.6px, transparent 4px), radial-gradient(circle at calc(100% - 11px) 11px, var(--rivet) 0 2.2px, var(--ink) 2.4px 3.6px, transparent 4px), radial-gradient(circle at 11px calc(100% - 11px), var(--rivet) 0 2.2px, var(--ink) 2.4px 3.6px, transparent 4px), radial-gradient(circle at calc(100% - 11px) calc(100% - 11px), var(--rivet) 0 2.2px, var(--ink) 2.4px 3.6px, transparent 4px), linear-gradient(to bottom, var(--plate-hi), var(--plate) 45%, var(--plate-lo));box-shadow:inset 0 2px 0 #fff1dc1f, 0 var(--lift) 0 var(--ink), var(--cast);padding:12px 16px 13px 14px;display:grid}.rank-row{justify-content:space-between;align-items:center;gap:var(--gap-m);display:flex}.rank-kept{border-radius:var(--round-pill);max-width:50%;color:var(--go);font:800 12px/1.2 var(--font);text-align:left;background:#8fe05a1f;border:2px solid #8fe05a73;align-items:center;gap:7px;padding:5px 12px 5px 5px;display:inline-flex}.rank-kept .icon{border:2px solid var(--ink);background:var(--go);width:26px;height:26px;color:var(--ink);border-radius:50%;flex:none;padding:4px}.rank-card .rank-name{font-size:22px}.rank-card .rank-number{grid-template-columns:max-content 1fr;place-items:baseline start;column-gap:5px;font-size:19px;display:grid}.rank-card .rank-tag{grid-column:1/-1;justify-self:start;margin:5px 0 0}.rank-note{gap:var(--gap-s);color:var(--cream);font:700 13px/1.35 var(--font);text-align:left;margin:0;display:grid}.rank-card.with-note .rank-note{padding-top:var(--gap-s);border-top:2px dashed #fff1dc2e}.rank-note p{opacity:.88;margin:0}.rank-note.line{grid-template-columns:1fr auto;align-items:center}.rank-later{cursor:pointer;background:0 0;border:2px solid #fff1dc38;border-radius:50%;place-items:center;width:40px;height:40px;margin:-4px -6px -4px 0;padding:0;display:grid;position:relative}.rank-later:after{content:"";position:absolute;inset:-4px}.rank-later .icon{opacity:.8;width:18px;height:18px}.scene a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.rank-signin{flex:none;min-height:48px;padding:8px 14px}.scene .rank-signin{font-size:17px}.rank-note.dev{opacity:.72;font-size:12px;display:block}.rank-note.compact{text-align:center;flex:100%;justify-items:center}.rank-note.compact .btn{width:100%}@media (max-height:800px) and (min-width:400px){.end .rank-change{flex-wrap:nowrap}.end .rank-note.compact{flex:0 auto}.end .rank-note.compact .btn{width:auto;padding:8px 12px}.scene .end .rank-note.compact .btn{font-size:15px}}@media (max-height:800px){.end-veil.missed:has(.rank-change){align-items:end}}.people{margin:calc(var(--gap-l) * -.5) 0 0;border-radius:var(--round-pill);color:var(--cream);font:800 12.5px/1.25 var(--font);text-align:center;background:#2e1a12a8;flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:2px 8px;padding:5px 12px 6px;display:flex}.people-dot{background:var(--go);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;animation:1.6s ease-in-out infinite people-live}.people.empty .people-dot{background:var(--wait)}@keyframes people-live{50%{opacity:.35}}.people-hint{color:var(--wait);align-items:center;gap:4px;display:inline-flex}.people-hint .icon{width:16px;height:16px}.vs-rank{border:var(--ink-line) solid var(--ink);border-radius:var(--round-m);box-shadow:0 4px 0 var(--ink);animation:pop-in .34s var(--spring) .36s both;background:#24222ad1;padding:5px 12px 5px 6px}.you .vs-rank{background:#2f6a96e0}.vs-rank .rank-name{font-size:16px}.vs-rank .rank-number{font-size:15px}.them .vs-rank .rank-number{color:var(--amber-hi)}.vs-stakes{border:2px solid var(--ink);border-radius:var(--round-pill);background:var(--plate);color:var(--cream);font:900 13px/1.1 var(--display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 3px 0 var(--ink);padding:3px 12px 4px;animation:.3s .5s both fade-in;position:absolute;top:2px;left:50%;translate:-50%}.vs-stakes.ranked{background:var(--own-pink)}.rank-change{justify-content:center;align-items:center;gap:var(--gap-s) var(--gap-m);border-radius:var(--round-m);background:#00000029;border:2px solid #0000004d;flex-wrap:wrap;width:100%;padding:8px 12px 10px;animation:.3s .6s both fade-in;display:flex;box-shadow:inset 0 3px #0000002e}.rank-change-row{align-items:center;gap:12px;display:flex}.rank-change .rank-name{font-size:21px}.rank-change .rank-number{font-size:20px}.rank-delta{color:var(--cream);font:900 17px/1 var(--display);margin-left:4px}.rank-delta.up{color:var(--go)}.rank-delta.down{color:var(--danger)}.rank-change-mark{place-items:center;display:grid;position:relative}.rank-stamp{color:var(--wait);font:italic 900 14px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-shadow:var(--outline-2);animation:stamp .42s var(--snap) both;position:absolute;bottom:-6px;left:50%;translate:-50%}.rank-change.demoted .rank-stamp{color:var(--amber-hi)}.rank-change.promoted .rank-change-badge{animation:rank-up .55s var(--spring) both}.rank-change.demoted .rank-change-badge{animation:rank-down .5s var(--snap) both}@keyframes rank-up{0%{opacity:0;transform:scale(.3)rotate(-18deg)}60%{opacity:1;transform:scale(1.22)rotate(6deg)}}@keyframes rank-down{0%{opacity:0;transform:translateY(-26px)}70%{transform:translateY(4px)}}.rank-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.people-dot,.rank-stamp,.rank-change.promoted .rank-change-badge,.rank-change.demoted .rank-change-badge{animation:none!important}.vs-rank,.vs-stakes,.end .rank-change{animation-name:fade-in!important}}