@font-face{font-family:Luckiest Guy;src:url(/fonts/LuckiestGuy-Regular.ttf);font-display:swap}@font-face{font-family:Lilita One;src:url(/fonts/lilita-one-latin-400-normal.woff2) format("woff2");font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/rubik-latin-wght-normal.woff2) format("woff2-variations");font-weight:300 900;font-display:swap}:root{--ink: #0d1a4a;--ink-2: #22357a;--ink-3: #4a5e9c;--ink-deep: #06102f;--sky-0: #016dcb;--sky-2: #0abeff;--own: #2173e8;--own-1: #5fa6ff;--own-lip: #134a9f;--opp: #f4581f;--opp-1: #ff9a62;--opp-lip: #a8380c;--display: "Luckiest Guy", "Lilita One", system-ui, sans-serif;--label: "Lilita One", "Luckiest Guy", system-ui, sans-serif;--body: "Rubik", system-ui, "Segoe UI", Roboto, sans-serif;--skew: -8deg;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--safe-t: max(var(--tg-safe-area-inset-top, 0px), env(safe-area-inset-top, 0px));--safe-b: max(var(--tg-safe-area-inset-bottom, 0px), env(safe-area-inset-bottom, 0px));--safe-l: max(var(--tg-safe-area-inset-left, 0px), env(safe-area-inset-left, 0px));--safe-r: max(var(--tg-safe-area-inset-right, 0px), env(safe-area-inset-right, 0px));--top: calc(var(--safe-t) + var(--tg-content-safe-area-inset-top, 0px));--bottom: calc(var(--safe-b) + var(--tg-content-safe-area-inset-bottom, 0px));--gut: clamp(12px, 4vw, 20px);--target: 44px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none;background:#016dcb;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}img{display:block;-webkit-user-drag:none;user-select:none}button{appearance:none;font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button:disabled{cursor:default}.ico{width:1em;height:1em;display:block;flex:none}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#app{position:fixed;inset:0;height:100dvh;overflow:hidden}.screen{position:absolute;inset:0;overflow:hidden}.world{background:radial-gradient(120% 75% at 50% 0%,#6fd6ff,#0abeff 34%,#0a8fe0 70%,#016dcb)}.world-deep{background:radial-gradient(130% 110% at 50% 0%,#0abeff,#016dcb 80%)}.rays{position:absolute;inset:0;pointer-events:none;opacity:.2;background:repeating-conic-gradient(from 0deg at 50% 42%,#fff 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle at 50% 42%,#000 0,transparent 62%);mask:radial-gradient(circle at 50% 42%,#000 0,transparent 62%)}.cloud{position:absolute;width:150px;height:60px;background:#fff;border-radius:60px;box-shadow:0 6px #c9e9fb;pointer-events:none}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:70px;height:70px;left:22px;top:-36px}.cloud:after{width:54px;height:54px;left:72px;top:-24px}.col{position:absolute;left:calc(var(--gut) + var(--safe-l));right:calc(var(--gut) + var(--safe-r));top:calc(var(--top) + 12px);bottom:calc(var(--bottom) + 12px);display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:520px}.col>*{flex:none}.col .grow{flex:1 1 0;min-height:0}.scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.c{text-align:center}.white{color:#fff}.shadow-t{text-shadow:0 2px 0 rgb(6 16 47 / .45)}.disp{font-family:var(--display);letter-spacing:.4px;line-height:1}.lab{font-family:var(--label);letter-spacing:.3px;line-height:1.1}.note{font-size:14px;color:var(--ink-3);line-height:1.4}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.clamp2{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.f-sun{--f1: #ffe872;--f2: #ffc21a;--lip: #d98a00;--on: var(--ink)}.f-gum{--f1: #ff8cc8;--f2: #ff3e9a;--lip: #c4126a;--on: #fff}.f-grape{--f1: #8a4bff;--f2: #5b25d6;--lip: #3b139e;--on: #fff}.f-mint{--f1: #8bf7cf;--f2: #22d39a;--lip: #0e9a6c;--on: var(--ink)}.f-sky{--f1: #5ed3ff;--f2: #1398f0;--lip: #0a62b8;--on: #fff}.f-sugar{--f1: #fff;--f2: #e6f0ff;--lip: #b4d0f0;--on: var(--ink)}.f-cherry{--f1: #ff5a5a;--f2: #e02030;--lip: #9e0f18;--on: #fff}.slab{position:relative;width:100%;min-height:56px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 14px;background:linear-gradient(180deg,var(--f1),var(--f2));color:var(--on);box-shadow:0 6px 0 var(--lip),0 12px 18px #06102f38,inset 0 -3px #0000000f;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out)}.slab:before{content:"";position:absolute;left:7%;right:7%;top:5px;height:42%;border-radius:16px;background:linear-gradient(#ffffff80,#ffffff14);pointer-events:none}.slab:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--lip),0 6px 10px #06102f33,inset 0 -3px #0000000f}.slab:disabled{filter:saturate(.4);opacity:.7}.slab .lbl{font-family:var(--display);font-size:22px;letter-spacing:.5px;transform:skew(var(--skew));position:relative;padding-top:3px;text-align:center}.slab:not(.f-sun):not(.f-sugar):not(.f-mint) .lbl{text-shadow:0 2px 0 rgb(6 16 47 / .4)}.slab.sm{min-height:50px;border-radius:18px}.slab.sm .lbl{font-size:19px}.slab.xs{min-height:44px;border-radius:15px;box-shadow:0 4px 0 var(--lip),0 8px 12px #06102f2e}.slab.xs .lbl{font-size:16px}.slab.xs:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--lip)}.puck{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;position:relative;flex:none}.puck .ico{width:24px;height:24px}.slab.sm .puck{width:34px;height:34px;border-radius:10px}.slab.sm .puck .ico{width:20px;height:20px}.play{min-height:80px;border-radius:26px;justify-content:flex-start;padding:0 14px;gap:0}.play .puck{width:56px;height:56px;border-radius:17px}.play .puck .ico{width:28px;height:28px}.play .mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;min-width:0}.play .big{font-family:var(--display);font-size:42px;transform:skew(var(--skew));line-height:.9;padding-top:6px}.chip-sub{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#ffd84a;border-radius:11px;padding:4px 10px 4px 4px;max-width:100%;font-family:var(--display);font-size:12px;letter-spacing:.4px;transform:skew(var(--skew));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-mode{background:#5b25d6;color:#fff;border-radius:8px;padding:4px 7px 2px;font-family:var(--display);font-size:12px;letter-spacing:.4px;display:inline-block}.chip-mode.classic{background:#0abeff;color:var(--ink)}.tile{position:relative;border-radius:20px;background:linear-gradient(180deg,var(--f1),var(--f2));color:var(--on);height:92px;box-shadow:0 6px 0 var(--lip),0 12px 18px #06102f33;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 8px 9px;gap:6px;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out)}.tile:before{content:"";position:absolute;left:8%;right:8%;top:5px;height:36%;border-radius:16px;background:linear-gradient(#ffffff80,#ffffff0f);pointer-events:none}.tile:active{transform:translateY(4px);box-shadow:0 2px 0 var(--lip)}.tile .art{flex:1;display:grid;place-items:center}.tile .art .ico{width:36px;height:36px;filter:drop-shadow(0 3px 0 rgb(6 16 47 / .25))}.plate{background:var(--ink);color:#fff;border-radius:11px;padding:6px 10px 3px;font-family:var(--display);font-size:14px;letter-spacing:.4px;transform:skew(var(--skew));white-space:nowrap;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ibtn{width:48px;height:48px;border-radius:16px;background:linear-gradient(#fff,#e6f0ff);box-shadow:0 5px #b4d0f0,0 10px 14px #06102f2e;display:grid;place-items:center;color:var(--ink);position:relative;flex:none;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out)}.ibtn .ico{width:25px;height:25px}.ibtn:active{transform:translateY(3px);box-shadow:0 2px #b4d0f0}.ibtn.sm{width:44px;height:44px;border-radius:14px}.ibtn.sm .ico{width:22px;height:22px}.ibtn.navy{background:var(--ink);color:#fff;box-shadow:0 5px 0 var(--ink-deep)}.pchip{display:flex;align-items:center;gap:10px;background:linear-gradient(#fff,#eaf3ff);border-radius:18px;padding:5px 14px 5px 5px;min-width:0;max-width:230px;box-shadow:0 5px #b4d0f0,0 10px 14px #06102f29}.pchip .pa{width:46px;height:46px;border-radius:13px;overflow:hidden;flex:none;background:linear-gradient(#5fd0ff,#1b8de6);box-shadow:0 0 0 3px #2b8ef0}.pchip .pa img{width:100%;height:100%;object-fit:cover}.pchip .who{min-width:0}.pchip .pn{font-family:var(--display);font-size:16px;letter-spacing:.3px}.elo{display:inline-flex;align-items:center;gap:4px;background:var(--ink);color:#ffd84a;border-radius:8px;padding:3px 7px 1px;font-family:var(--display);font-size:13px;margin-top:3px;font-variant-numeric:tabular-nums}.elo .ico{width:13px;height:13px;margin-top:-2px}.avatar img.champ,img.champ{object-fit:cover;transform:scale(1.3);transform-origin:50% 25%}.seg{display:flex;background:var(--ink);border-radius:17px;padding:5px;gap:5px;box-shadow:0 5px 0 var(--ink-deep)}.seg>button{flex:1;min-height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;color:#8fb3ff;font-family:var(--display);font-size:16px;letter-spacing:.4px;transition:background-color .16s var(--ease-out),color .16s var(--ease-out)}.seg>button[aria-pressed=true]{background:linear-gradient(#8a4bff,#5b25d6);color:#fff;box-shadow:0 3px #3b139e}.seg>button[aria-pressed=true].cl{background:linear-gradient(#8adfff,#0abeff);color:var(--ink);box-shadow:0 3px #016dcb}.seg .mg{width:24px;height:16px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:1.5px}.seg .mg i{display:block;border-radius:1.5px;background:currentColor;opacity:.55}.seg .mg i.p{background:#ffd84a;opacity:1}.seg .mg i.g{background:#22d39a;opacity:1}.ribbon{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px 5px;border-radius:13px;background:var(--ink);color:#fff;transform:skew(var(--skew));font-family:var(--display);font-size:23px;letter-spacing:.5px;box-shadow:0 5px 0 var(--ink-deep)}.ribbon.sun{background:linear-gradient(#ffe872,#ffc21a);color:var(--ink);box-shadow:0 5px #d98a00}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px 3px;border-radius:9px;font-family:var(--display);font-size:13px;letter-spacing:.4px;white-space:nowrap}.chip .ico{width:13px;height:13px;margin-top:-2px}.navy{background:var(--ink);color:#fff}.logo{width:100%;max-width:172px;margin:0 auto;filter:drop-shadow(0 6px 0 rgb(6 16 47 / .18))}.panel{background:linear-gradient(#fff,#f2f8ff);border-radius:24px;box-shadow:0 6px #b4d0f0,0 16px 30px #06102f47;position:relative;padding:14px}.glass{background:#0d1a4adb;color:#fff;border-radius:18px;backdrop-filter:blur(8px)}.lrow{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:56px;width:100%;text-align:left;border-radius:16px;background:#fff;box-shadow:0 3px #dcebff;margin-bottom:8px}.lrow:last-child{margin-bottom:0}.lrow .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef6ff;color:var(--ink);flex:none}.lrow .ic .ico{width:21px;height:21px}.lrow .tx{flex:1;min-width:0}.lrow b{font-family:var(--label);font-size:17px;font-weight:400;display:block;letter-spacing:.2px}.lrow small{font-size:13px;color:var(--ink-3);display:block;line-height:1.3}.lrow .end{margin-left:auto;color:var(--ink-3);flex:none}.lrow .end .ico{width:20px;height:20px}button.lrow:active{transform:translateY(2px);box-shadow:0 1px #dcebff}.sw{width:52px;height:32px;border-radius:16px;background:#c9d6ea;position:relative;flex:none;margin-left:auto;transition:background-color .16s var(--ease-out)}.sw:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px #06102f33;transition:transform .18s var(--ease-out)}[aria-checked=true] .sw{background:linear-gradient(#8bf7cf,#22d39a)}[aria-checked=true] .sw:after{transform:translate(20px)}.mini-seg{display:flex;background:#e6efff;border-radius:12px;padding:3px;gap:3px;margin-left:auto;flex:none}.mini-seg>button{min-width:44px;min-height:44px;padding:0 9px;border-radius:9px;font-family:var(--label);font-size:14px;color:var(--ink-3)}.mini-seg>button[aria-pressed=true]{background:var(--ink);color:#fff}.section-label{font-family:var(--label);font-size:13px;color:var(--ink-3);margin:6px 4px 8px;letter-spacing:.6px}.scrim{position:absolute;inset:0;background:#06102f8c;z-index:40;animation:fade .18s var(--ease-out)}.sheet{position:absolute;left:var(--gut);right:var(--gut);bottom:calc(var(--bottom) + 12px);z-index:41;max-width:520px;margin:0 auto;max-height:calc(100% - var(--top) - var(--bottom) - 40px);display:flex;flex-direction:column;animation:rise .26s var(--ease-out)}.sheet h3{font-family:var(--display);font-size:25px;letter-spacing:.5px;transform:skew(var(--skew))}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.toast{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--bottom) + 18px);z-index:60;display:flex;align-items:center;gap:10px;max-width:calc(100% - 2 * var(--gut));padding:11px 16px 10px 12px;border-radius:16px;background:var(--ink);color:#fff;box-shadow:0 5px 0 var(--ink-deep),0 12px 24px #06102f59;font-size:15px;font-weight:500;animation:rise .22s var(--ease-out)}.toast .ti{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#ffc21a;color:var(--ink);flex:none}.toast .ti .ico{width:18px;height:18px}.spinner{width:28px;height:28px;border-radius:50%;border:4px solid rgb(255 255 255 / .35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage{display:flex;justify-content:center;align-items:flex-end}.stage .champion{height:100%;max-height:240px;aspect-ratio:1;background:url(https://www.smashandclash.in/spotlight/1.webp) 0 0 / 600% 100% no-repeat;position:relative}.stage .champion:after{content:"";position:absolute;left:14%;right:14%;bottom:2%;height:9%;border-radius:50%;background:#06102f40;filter:blur(4px);z-index:-1}.tiles{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;margin-bottom:6px}.dots4{display:grid;grid-template-columns:repeat(2,11px);gap:5px}.dots4 i{width:11px;height:11px;border-radius:50%}@media(max-height:700px){.col{gap:9px}.tile{height:80px}.play{min-height:72px}.play .big{font-size:36px}.logo{max-width:130px}.cloud{display:none}}@media(min-width:700px)and (min-height:900px){.logo{max-width:250px}.stage .champion{max-height:420px}}.match{display:flex;flex-direction:column;align-items:center;padding:calc(var(--top) + 8px) calc(var(--gut) + var(--safe-r)) calc(var(--bottom) + 6px) calc(var(--gut) + var(--safe-l));gap:8px}.match>*{flex:none;width:100%;max-width:760px}.meter{display:flex;align-items:center;gap:8px}.meter .bar{flex:1;height:15px;border-radius:8px;background:var(--ink);padding:3px;display:flex;gap:2px}.meter .bar i{flex:1;border-radius:3px;background:#22357a;transition:background-color .26s var(--ease-out)}.meter .bar i.y{background:var(--own-1)}.meter .bar i.t{background:var(--opp-1)}.meter .pills{display:flex;align-items:center;gap:4px;background:var(--ink);color:#fff;border-radius:11px;padding:5px 9px 3px;font-family:var(--display);font-size:13px;letter-spacing:.4px;white-space:nowrap;font-variant-numeric:tabular-nums}.meter .pills .ico{width:13px;height:13px;margin:-2px 0 0 6px}.plates{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.side{display:grid;justify-items:start;gap:5px;min-width:0}.side.them{justify-items:end}.plate-p{display:flex;align-items:center;gap:6px}.plate-p .face{width:50px;height:50px;border-radius:15px;overflow:hidden;background:linear-gradient(#ffd77a,#f3a73a);box-shadow:0 4px #06102f59;flex:none}.plate-p .face img{width:100%;height:100%;object-fit:cover}.plate-p.them .face{background:linear-gradient(#ffc7a8,#f4884f)}.plate-p .score{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-family:var(--display);font-size:30px;padding-top:4px;font-variant-numeric:tabular-nums;background:linear-gradient(#fff,#e9f2ff);box-shadow:inset 0 0 0 4px var(--pc),0 4px 0 var(--pl)}.plate-p.you{--pc: var(--own);--pl: var(--own-lip)}.plate-p.them{--pc: var(--opp);--pl: var(--opp-lip);flex-direction:row-reverse}.tag{font-family:var(--display);font-size:12px;letter-spacing:.4px;color:#fff;padding:4px 8px 2px;border-radius:8px;transform:skew(var(--skew));max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag.you{background:var(--own);box-shadow:0 3px 0 var(--own-lip)}.tag.them{background:var(--opp);box-shadow:0 3px 0 var(--opp-lip)}.opp-hand{display:flex;justify-content:center;padding-top:8px;flex:1;min-width:0}.opp-hand img{width:32px;height:44px;border-radius:4px;margin:0 -5px;box-shadow:0 3px 6px #06102f59}.turn-row{display:flex;justify-content:center;min-height:34px}.turn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(#ffe872,#ffc21a);color:var(--ink);border-radius:12px;padding:7px 12px 4px;max-width:100%;font-family:var(--display);font-size:15px;letter-spacing:.4px;box-shadow:0 4px #d98a00;transform:skew(var(--skew));white-space:nowrap}.turn .ico{width:13px;height:13px;margin-top:-3px;flex:none}.turn.them{background:linear-gradient(#ffb48a,#f4581f);color:#fff;box-shadow:0 4px #a8380c}.turn .who{min-width:0;overflow:hidden;text-overflow:ellipsis}.turn.over{background:var(--ink);color:#fff;box-shadow:0 4px 0 var(--ink-deep)}.thinking{display:inline-flex;gap:4px;margin-left:2px;flex:none}.thinking i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.3;animation:think 1.2s infinite}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes think{40%{opacity:1}}.board-wrap{flex:1 1 0!important;min-height:0;display:grid;place-items:center;container-type:size}.board{position:relative;width:min(100cqw,720px,calc((100cqh - 22px) / .81));border-radius:10px;padding:17px 7px;background:linear-gradient(90deg,#ffffff0f,#00000008 30%,#ffffff0d 60%,#0000000a),#ecd7aa;box-shadow:0 7px #c49c5c,0 16px 28px #06102f59}.board .cols{position:absolute;left:7px;right:7px;display:grid;grid-template-columns:repeat(5,1fr);text-align:center;font-family:var(--display);font-size:11px;color:#6d5530;pointer-events:none}.board .cols.top{top:3px}.board .cols.top span{transform:rotate(180deg);display:block}.board .cols.bot{bottom:1px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.cell{aspect-ratio:.74;border-radius:9px;position:relative;background:#e3c995;box-shadow:inset 0 0 0 1.5px #c9ab72;display:grid;place-items:center;padding:0}.cell .wm{width:64%;opacity:.18;filter:grayscale(1) sepia(.6);pointer-events:none}.cell.flipwm .wm{transform:rotate(180deg)}.cell>.card{position:absolute;inset:2px;border-radius:7px;overflow:hidden;transition:transform .38s var(--ease-out)}.cell>.card img{width:100%;height:100%;object-fit:cover}.cell>.card.them{transform:rotate(180deg)}.cell>.card:after{content:"";position:absolute;inset:0;border-radius:7px;box-shadow:inset 0 0 0 2.5px var(--oc);pointer-events:none}.cell>.card.you{--oc: rgb(33 115 232 / .85)}.cell>.card.them{--oc: rgb(244 88 31 / .85)}.cell>.card.frozen:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(160deg,#beebff8c,#78c8ff40);box-shadow:inset 0 0 0 3px #bfefff;border-radius:7px}.cell.op{background:linear-gradient(160deg,#b98cff,#7d4be6);box-shadow:inset 0 0 0 2px #e6d6ff,0 0 0 1px #6a3fd0}.cell.op .pc{width:54%;color:#fff;filter:drop-shadow(0 2px 0 rgb(59 19 158 / .6));pointer-events:none}.cell.op .pc svg{width:100%;height:auto;display:block}.cell.pw{box-shadow:inset 0 0 0 2px #fff7c2,0 0 12px 3px #ffe872d9;background:#f6e7b5}.pwb{position:absolute;top:5px;left:50%;transform:translate(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;z-index:3;color:#fff;font-family:var(--display);font-size:12px;padding-top:2px;box-shadow:0 0 0 2px #fff,0 2px #06102f59;pointer-events:none}.cell.target{box-shadow:inset 0 0 0 3px #fff,0 0 0 3px #22d39a,0 0 16px 4px #22d39abf;background:#d9f7e9;cursor:pointer}.cell.op.target{background:linear-gradient(160deg,#b98cff,#7d4be6)}.cell.target-card{cursor:pointer}.cell.target-card>.card{box-shadow:0 0 0 3px #fff,0 0 0 6px #ff3e9a,0 0 14px 4px #ff3e9ab3;z-index:2}.cell.dim>.card{filter:saturate(.45) brightness(.72)}.cell.last{box-shadow:0 0 0 3px #ffe872,0 0 12px 3px #ffe872d9}.cell.captured>.card{animation:capture .52s var(--ease-out)}@keyframes capture{0%{scale:1}40%{scale:1.12;filter:brightness(1.4)}to{scale:1}}.cell.placed>.card{animation:place .32s var(--ease-pop)}@keyframes place{0%{scale:.6;opacity:0}}.zone{position:relative;display:flex;align-items:center;justify-content:center;min-height:56px;gap:10px}.zone .side-btn{position:absolute;top:50%;transform:translateY(-50%)}.zone .side-btn.l{left:0}.zone .side-btn.r{right:0}.prompt{display:flex;align-items:center;gap:12px;padding:9px 12px;max-width:calc(100% - 112px)}.prompt .tx{flex:1;font-size:14px;line-height:1.3;font-weight:500;min-width:0}.prompt .tx b{font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:.3px;display:block;color:#ffd84a;margin-bottom:1px}.prompt .slab{width:auto;min-width:84px;flex:none}.hand{display:flex;justify-content:center;align-items:flex-end;--cw: min(19vw, 80px);padding-top:18px}@media(min-width:700px)and (min-height:900px){.hand{--cw: 112px}}.hand .hc{width:var(--cw);height:calc(var(--cw) * 1.364);border-radius:8px;overflow:hidden;margin:0 -2px;box-shadow:0 6px 12px #06102f66;position:relative;padding:0;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),filter .16s}.hand .hc img{width:100%;height:100%;object-fit:cover;pointer-events:none}.hand .hc:nth-child(1){transform:rotate(-7deg) translateY(6px)}.hand .hc:nth-child(2){transform:rotate(-3.5deg) translateY(1px)}.hand .hc:nth-child(4){transform:rotate(3.5deg) translateY(1px)}.hand .hc:nth-child(5){transform:rotate(7deg) translateY(6px)}.hand .hc[aria-pressed=true]{transform:translateY(-18px) scale(1.06);box-shadow:0 0 0 3px #fff,0 0 0 6px #ffc21a,0 14px 22px #06102f73;z-index:2}.hand .hc.unplayable,.hand.waiting .hc{filter:saturate(.45) brightness(.75)}.hand .hc:disabled{cursor:default}.vs-card{position:absolute;width:min(48vw,200px);aspect-ratio:1;border-radius:28%;overflow:hidden}.vs-card img{width:100%;height:100%;object-fit:cover}.vs-word{font-family:var(--display);font-size:clamp(72px,24vw,110px);color:#ffe872;text-shadow:0 6px 0 #d98a00,0 12px 24px rgb(6 16 47 / .4);display:inline-block;transform:skew(-8deg) rotate(-6deg)}.stat{border-radius:14px;background:#eaf3ff;padding:9px 12px}.stat .disp{font-size:28px;font-variant-numeric:tabular-nums}@media(hover:hover)and (pointer:fine){.slab:hover:not(:disabled),.tile:hover,.ibtn:hover{filter:brightness(1.04)}.hand .hc:not(:disabled):hover{translate:0 -6px}.cell.target:hover{filter:brightness(1.05)}}:focus-visible{outline:3px solid #fff;outline-offset:3px}.panel :focus-visible,.sheet :focus-visible{outline-color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.zone-mid{display:flex;justify-content:center;width:100%;padding:0 54px;min-width:0}.zone-mid .prompt{max-width:100%}html[data-motion=less] *,html[data-motion=less] *:before,html[data-motion=less] *:after{animation-duration:1ms!important;transition-duration:1ms!important}.match{padding-left:calc(6px + var(--safe-l));padding-right:calc(6px + var(--safe-r))}.match>.hud,.match>.turn-row,.match>.zone,.match>.hand{padding-left:calc(var(--gut) - 6px);padding-right:calc(var(--gut) - 6px)}.hand{--cw: min(20vw, 10.5dvh, 112px)}@media(max-height:700px){.hand{--cw: min(16vw, 64px)}}@media(orientation:landscape)and (max-height:520px){.col.lobby{max-width:920px;display:grid;grid-template-columns:1fr 1.15fr;column-gap:20px;row-gap:6px;top:calc(var(--top) + 8px);bottom:calc(var(--bottom) + 8px);grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"logo top" "stage tiles" "stage friend" "stage mode" "stage play"}.col.lobby .l-top{grid-area:top}.col.lobby .l-logo{grid-area:logo;align-self:center;max-width:150px}.col.lobby .l-stage{grid-area:stage;min-height:0}.col.lobby .l-tiles{grid-area:tiles;margin-bottom:4px}.col.lobby .l-friend{grid-area:friend;margin-bottom:4px!important}.col.lobby .l-mode{grid-area:mode;margin-bottom:4px!important}.col.lobby .l-play{grid-area:play;align-self:start}.col.lobby .tile{height:54px;padding-bottom:5px;gap:2px}.col.lobby .tile .plate{font-size:12px;padding:4px 8px 2px}.col.lobby .tile .art .ico{width:24px;height:24px}.col.lobby .play{min-height:56px;border-radius:20px}.col.lobby .play .puck{width:42px;height:42px}.col.lobby .play .big{font-size:28px}.col.lobby .slab.sm{min-height:44px}.col.lobby .seg{padding:4px}.col.lobby .pchip{padding:3px 12px 3px 3px}.col.lobby .pchip .pa{width:38px;height:38px}.col.lobby .ibtn{width:44px;height:44px}}.hand{padding-bottom:8px}.board-wrap{position:relative;z-index:2}.cam{position:relative;transform-origin:0 0}.board>.fx{position:absolute;inset:0;pointer-events:none;z-index:6}.fxi{position:absolute;pointer-events:none;will-change:transform,opacity}.fxi.flash,.fxi.ring,.fxi.spark,.fxi.dust,.fxi.puff{border-radius:50%}.fxi.ring{border:3px solid;box-sizing:border-box}.fxi.spark{width:7px;height:7px;box-shadow:0 0 6px 1px #fff9}.fxi.dust{filter:blur(1px)}.fxi.confetti{width:6px;height:10px;border-radius:2px}.fxi.shard{width:7px;height:15px;clip-path:polygon(50% 0,100% 100%,0 100%)}.fxi.beam{height:10px;margin-top:-5px;border-radius:4px;transform-origin:0 50%}.fxi.comic,.fxi.riser{font-family:var(--display);white-space:nowrap;line-height:1;letter-spacing:.02em;-webkit-text-stroke:.14em #1a1440;paint-order:stroke fill;text-shadow:0 .08em 0 #1a1440,0 .16em .25em rgb(6 16 47 / .45);z-index:2}.fxi.comic.warm{color:#ffe872}.fxi.comic.red{color:#ff8a7a}.fxi.comic.cool{color:#bfefff}.fxi.rock{z-index:3;filter:drop-shadow(0 10px 8px rgb(6 16 47 / .45))}.fxi.rock svg{width:100%;height:100%;display:block}.grid.directing .cell>.card{transition:none}.cell{transition:filter .34s var(--ease-out)}.cell.recede{filter:brightness(.58) saturate(.6)}.cell.striking{z-index:3}.cell>.card .ice{position:absolute;inset:0;z-index:3;border-radius:7px;background:linear-gradient(160deg,#cdf0ffbf,#78c8ff59);box-shadow:inset 0 0 0 3px #bfefff,0 0 14px 4px #a0e1ffb3}.cell>.card.ghost{z-index:2}.board.flipping .cols{opacity:0}.match :is(.zone,.hand,.turn-row){transition:opacity .3s var(--ease-out)}.match.clash-beat :is(.zone,.hand,.turn-row){opacity:.28}.fly-card{position:fixed;z-index:60;pointer-events:none;transform-style:preserve-3d;will-change:transform}.fly-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:7px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 18px #06102f66}.fly-card .back{transform:rotateY(180deg)}.fly-card.showcase img{border-radius:10px;box-shadow:0 0 0 3px #fff,0 18px 36px #06102f8c}