@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo-bhaijaan-2-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo-bhaijaan-2-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo-bhaijaan-2-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#3a23a6;--bg-deep:#1c0f5c;--ink:#2b1660;--ink-deep:#1d0d4a;--panel-1:#6b44e4;--panel-2:#4e2dbf;--panel-rim:#b797ff;--panel-drop:#2a1680;--well:#16084a73;--cream:#fff6df;--cream-2:#f7e7bf;--cream-d:#d9bf86;--green-1:#1fa855;--green-2:#148440;--green-d:#0b5c2b;--pink-1:#f5479a;--pink-2:#ea3587;--pink-d:#a91d5e;--orange-1:#ff8a3d;--orange-2:#f25a1d;--orange-d:#a8380b;--violet-1:#8c6cf5;--violet-2:#6d4ae3;--violet-d:#3d23a0;--yellow:#ffd23f;--yellow-d:#c99a00;--teal:#2ec4b6;--teal-d:#1b8a80;--danger:#ff4b6e;--danger-ink:#ffc2cf;--line:#ffffff2e;--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px);--sa-r:env(safe-area-inset-right,0px);--font:"Baloo Bhaijaan 2", "SF Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;--focus:var(--yellow);--tap:44px;--r-panel:28px;--ease-pop:cubic-bezier(.2, 1.4, .4, 1);--flip:1;--tdir:rtl;--sa-start:var(--sa-r);--sa-end:var(--sa-l);--side-w:clamp(400px, 52vw, 450px);--scene-x:calc(var(--sa-end) + 12px);--scene-w:min(calc(100vw - var(--side-w) - var(--sa-l) - var(--sa-r) - 32px), 380px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[dir=ltr]{--flip:-1;--tdir:ltr;--sa-start:var(--sa-l);--sa-end:var(--sa-r)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:#fff;height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;margin:0;overflow:hidden}#stage{width:100vw;height:var(--app-h,100dvh);touch-action:none;display:block;position:fixed;inset:0}:root.tall body{height:var(--app-h);contain:layout}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui>*{pointer-events:none}#ui button,#ui input,#ui label,#ui .sheet,#ui .me-chip,#ui a{pointer-events:auto}#controls-layer{pointer-events:none;z-index:5;direction:ltr;position:fixed;inset:0}button{cursor:pointer;font-family:inherit}button:disabled{cursor:default}input{-webkit-user-select:text;user-select:text;font-family:inherit}img{-webkit-user-drag:none}button,input,label,a,.sheet,.sheet-body,.home{touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.i{vertical-align:-.15em;flex:none;width:1.1em;height:1.1em}.btn{--c1:var(--violet-1);--c2:var(--violet-2);--d:var(--violet-d);--rim:#ffffff59;--t:#fff;isolation:isolate;min-height:var(--tap);color:var(--t);background:linear-gradient(180deg, var(--c1), var(--c2));border:3px solid var(--rim);text-shadow:0 2px #00000038;box-shadow:0 5px 0 var(--d), 0 9px 14px #10063c59, inset 0 -3px 0 #0000001f;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:19px;font-weight:800;line-height:1.15;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative}.btn:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff80,#ffffff0f);border-radius:12px 12px 18px 18px;height:42%;position:absolute;top:3px;left:8px;right:8px}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--d), 0 3px 6px #10063c4d, inset 0 -3px 0 #0000001f;transform:translateY(4px)}.btn:disabled{opacity:.5;filter:grayscale(.6)}.btn[aria-busy=true]{opacity:.8;filter:none}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled),.game-card.live:hover,.arena-card:hover,.char-grid button:hover,.me-chip:hover,.round-btn:hover,.round-act:hover .disc{filter:brightness(1.1)}}.btn.green{--c1:var(--green-1);--c2:var(--green-2);--d:var(--green-d);--rim:var(--cream)}.btn.pink{--c1:var(--pink-1);--c2:var(--pink-2);--d:var(--pink-d);--rim:#ffc2e0}.btn.orange{--c1:var(--orange-1);--c2:var(--orange-2);--d:var(--orange-d);--rim:#ffd0b0;--t:var(--ink);text-shadow:0 1px #ffffff4d}.btn.violet{--c1:var(--violet-1);--c2:var(--violet-2);--d:var(--violet-d);--rim:#c9b6ff}.btn.big{border-radius:22px;width:100%;min-height:60px;padding:12px 20px;font-size:22px}.btn.big .i{width:1.2em;height:1.2em}.btn.wide{width:100%}.btn.small{box-shadow:0 4px 0 var(--d);border-width:2px;border-radius:14px;padding:6px 12px;font-size:16px}.btn .tag{text-shadow:none;background:#00000038;border-radius:8px;padding:1px 8px;font-size:12px;font-weight:700}.btn.orange .tag{background:#fff6}.row{justify-content:center;align-items:center;gap:10px;display:flex}.row>.btn{flex:1;min-width:0}.round-btn{background:linear-gradient(180deg, #fff, var(--cream-2));width:46px;height:46px;color:var(--violet-2);box-shadow:0 4px 0 var(--cream-d), 0 6px 12px #10063c59;border:3px solid #fff;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid}.round-btn .i{stroke-width:3px;width:24px;height:24px}.round-btn:active{box-shadow:0 1px 0 var(--cream-d);transform:translateY(3px)}.home{padding:calc(var(--sa-t) + 18px) calc(var(--sa-r) + 18px) calc(var(--sa-b) + 14px) calc(var(--sa-l) + 18px);scrollbar-width:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.home .corner{top:calc(var(--sa-t) + 12px);z-index:3;position:absolute;inset-inline-end:calc(var(--sa-end) + 12px)}.brand{text-align:center}.brand h1{color:#fff;-webkit-text-stroke:9px var(--ink-deep);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink-deep), 0 10px 18px #0a042873;margin:0;font-size:clamp(44px,13vw,72px);font-weight:800;line-height:1.05;animation:3.2s ease-in-out infinite wobble}.brand h1 span{color:var(--yellow)}.brand p{color:#efe6ff;text-shadow:0 2px #0000004d;margin:6px 0 0;font-size:16px;font-weight:700}.brand h1:lang(ar){padding-bottom:.14em}@keyframes wobble{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)scale(1.02)}}.me-chip{background:linear-gradient(180deg, var(--cream), var(--cream-2));min-height:58px;color:var(--ink);font:inherit;box-shadow:0 5px 0 var(--cream-d), 0 9px 16px #10063c66;border:3px solid #fff;border-radius:40px;align-items:center;gap:10px;margin-top:auto;padding-block:4px;padding-inline:6px 8px;transition:transform .1s,box-shadow .1s;display:flex}.me-chip:active{box-shadow:0 2px 0 var(--cream-d);transform:translateY(3px)}.me-chip img{background:radial-gradient(circle at 50% 40%, var(--cc,#b797ff), #fff 75%);border:2px solid #fff;border-radius:50%;width:46px;height:46px}.me-chip span{text-align:start;flex-direction:column;min-width:0;line-height:1.2;display:flex}.me-chip b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.me-chip small{color:#5b4a86;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.me-chip em{background:linear-gradient(180deg, var(--violet-1), var(--violet-2));color:#fff;box-shadow:0 3px 0 var(--violet-d);border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-style:normal;font-weight:800;display:inline-flex}.home-actions{flex-direction:column;gap:14px;width:min(100%,420px);margin-top:14px;display:flex}.home-stats{text-align:center;color:#e4d9ff;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.home-stats .i{color:var(--yellow)}@media (orientation:landscape) and (height<=720px){.home{width:var(--side-w);padding-block:calc(var(--sa-t) + 10px) calc(var(--sa-b) + 10px);padding-inline:calc(var(--sa-start) + 22px) 12px;justify-content:center;align-items:stretch;gap:0;inset-inline:0 auto}.home .corner{position:fixed}.brand h1{font-size:50px}.brand p{margin-top:2px;font-size:15px}.me-chip{bottom:calc(var(--sa-b) + 12px);transform:translateX(calc(-50% * var(--flip)));max-width:var(--scene-w);margin:0;position:fixed;inset-inline-end:calc(var(--scene-x) + var(--scene-w) / 2)}.me-chip:active{transform:translate(calc(-50% * var(--flip)), 3px)}.home-actions{gap:10px;width:100%;margin-top:12px}.btn.big{min-height:56px;padding:8px 16px;font-size:21px}}@media (orientation:landscape) and (height<=340px){.brand h1{-webkit-text-stroke-width:7px;text-shadow:0 4px 0 var(--ink-deep);font-size:40px}.brand p{display:none}.home-actions{gap:8px;margin-top:8px}.btn.big{min-height:52px;font-size:20px}.home-actions .btn{padding:6px 10px;font-size:16px}.home-actions .btn.big{font-size:20px}.me-chip{gap:8px;min-height:50px;padding-block:3px;padding-inline:5px 6px}.me-chip img{width:38px;height:38px}.me-chip b{font-size:15px}}.panel-screen{flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.sheet{background:linear-gradient(180deg, var(--panel-1), var(--panel-2));border:3px solid var(--panel-rim);border-radius:var(--r-panel) var(--r-panel) 0 0;min-height:0;max-height:72dvh;animation:sheetIn .38s var(--ease-pop);border-bottom:none;flex-direction:column;flex:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px #ffffff38,0 -8px 30px #0a042873}.sheet-head{background:linear-gradient(180deg, var(--pink-1), var(--pink-2));min-height:58px;box-shadow:inset 0 3px 0 #ffffff59, inset 0 -4px 0 #780a3c59, 0 4px 0 var(--pink-d);border-radius:20px;flex:none;align-items:center;gap:10px;margin:8px 8px 0;padding:7px 10px;display:flex}.sheet-head.gold{box-shadow:inset 0 3px 0 #ffffff80, inset 0 -4px 0 #965a004d, 0 4px 0 var(--yellow-d);background:linear-gradient(#ffe066,#ffb81c)}.sheet-head h2{color:#fff;text-align:center;-webkit-text-stroke:5px var(--ink-deep);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink-deep);text-overflow:ellipsis;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;margin:0;font-size:26px;font-weight:800;line-height:1.15;display:flex;overflow:hidden}.sheet-head h2 .i{color:var(--yellow);filter:drop-shadow(0 2px 0 var(--ink-deep))}.sheet-head.gold h2 .i{color:#fff}.sheet-head:has(.round-btn):not(:has(.head-extra)):after{content:"";flex:none;width:46px}.sheet-head h2 small{-webkit-text-stroke-width:4px;font-size:14px}.sheet-head .room-code{letter-spacing:6px;color:var(--yellow);font-size:30px}.sheet-head .head-extra{flex:none}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:12px;min-height:0;padding:14px 14px 16px;display:flex;overflow-y:auto}.sheet-body>*{flex:none}.sheet-body:after{content:"";pointer-events:none;background:linear-gradient(#4e2dbf00, var(--panel-2));flex:none;height:22px;margin:-22px -14px 0;position:sticky;bottom:-12px}.panel-screen>.sheet:last-child .sheet-body{padding-bottom:calc(var(--sa-b) + 16px)}.cta{pointer-events:auto;padding:10px 14px calc(var(--sa-b) + 14px);background:var(--panel-2);border:3px solid var(--panel-rim);border-top:2px solid #ffffff1f;border-bottom:none;flex-direction:column;flex:none;gap:6px;display:flex}.cta .hint{margin:0}.cta .row .btn{white-space:nowrap;gap:6px;min-height:52px;padding:8px 10px;font-size:17px}.sheet p{color:#efe8ff;margin:0;font-size:15px;line-height:1.5}@keyframes sheetIn{0%{opacity:0;transform:translateY(40px)}}.rerender .sheet{animation:none}.card{background:linear-gradient(180deg, var(--cream), var(--cream-2));color:var(--ink);border-radius:18px;padding:12px 14px;box-shadow:0 4px #14084659}.card p,.sheet .card p{color:#4b3a78}@media (orientation:landscape) and (height<=720px){.panel-screen{display:block}.sheet{top:calc(var(--sa-t) + 8px);bottom:calc(var(--sa-b) + 8px);width:var(--side-w);border:3px solid var(--panel-rim);border-radius:var(--r-panel);max-height:none;box-shadow:inset 0 3px 0 #ffffff38, 0 6px 0 var(--panel-drop), 0 14px 30px #0a042880;animation-name:sheetInSide;position:absolute;inset-inline-start:calc(var(--sa-start) + 8px);inset-inline-end:auto}@keyframes sheetInSide{0%{transform:translateX(calc(40px * var(--flip)));opacity:0}}.sheet-head{border-radius:20px;min-height:50px;margin:6px 6px 0;padding:4px 8px}.sheet-head h2{font-size:23px}.sheet-head .round-btn{width:40px;height:40px}.sheet-head:has(.round-btn):not(:has(.head-extra)):after{width:40px;height:40px}.sheet-head .round-btn .i{width:21px;height:21px}.sheet-body{gap:10px;padding:10px 12px 12px}.sheet-body:after{margin-inline:-12px}.panel-screen>.sheet:last-child .sheet-body{padding-bottom:12px}.cta{z-index:3;inset-inline-end:var(--scene-x);bottom:calc(var(--sa-b) + 10px);width:var(--scene-w);animation:pop .3s var(--ease-pop);background:0 0;border:none;padding:0;position:absolute}.cta .hint{background:var(--cream);box-shadow:0 3px 0 var(--cream-d);border-radius:12px;padding:4px 10px;font-weight:700;color:var(--ink)!important}}@media (width>=700px) and (height>=721px),(orientation:portrait) and (width>=700px){.sheet,.cta{width:min(100%,560px);margin:0 auto}}.char-info.side{display:none}.ci-head{align-items:center;gap:8px;display:flex}.ci-head h3{flex:1;min-width:0}.ci-fold{background:var(--violet-2);color:#fff;width:34px;height:34px;box-shadow:0 3px 0 var(--violet-d);border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.ci-fold:after{content:"";position:absolute;inset:-6px}.ci-fold .i{stroke-width:3px;width:20px;height:20px;transition:transform .2s}.ci-fold:active{box-shadow:0 1px 0 var(--violet-d);transform:translateY(2px)}.char-info.folded .ci-more{display:none}.char-info.folded .ci-fold .i{transform:rotate(180deg)}.char-info.folded{padding-block:8px}.char-info h3{color:var(--ink);margin:0;font-size:24px;line-height:1.15}.char-info h3 small{color:var(--pink-2);margin-inline-start:6px;font-size:15px;font-weight:800}:root[dir=ltr] .char-info h3 small{white-space:nowrap;display:inline-block}.char-info p{margin-top:2px!important;font-size:14px!important}.sheet .char-trait{background:#ffb4002e;border-radius:12px;margin-top:8px;padding:6px 10px;line-height:1.45;color:var(--ink)!important;font-size:13px!important}.char-trait b{color:var(--pink-2)}.char-trait small{color:#6b5a96;white-space:nowrap;margin-inline-start:4px}.sheet .char-trait.mini,.chars .char-trait.mini{background:#ffb4001a;line-height:1.3;margin-top:4px!important;padding:2px 8px!important}.char-trait.mini small{margin-inline-start:0}.stats{flex-direction:column;gap:5px;margin-top:8px;display:flex}.stat{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.stat span{color:#5b4a86;width:52px}.pips{flex:1;gap:4px;display:flex}.pips i{background:#2b166024;border-radius:6px;flex:1;height:12px;transition:background .25s}.pips i.on{background:var(--cc);box-shadow:inset 0 -3px #0000002e,inset 0 2px #ffffff59}.char-grid{grid-template-columns:repeat(var(--cols,4), 1fr);gap:8px;display:grid}.char-grid button{background:var(--well);color:#fff;min-height:84px;transition:transform .15s var(--ease-pop), background .15s;border:3px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;font-size:14px;font-weight:700;display:flex}.char-grid button:active,.game-card.live:active,.arena-card:active,.seg button:active:not(:disabled){filter:brightness(1.2)}.char-grid button img{background:radial-gradient(circle at 50% 40%, var(--cc), transparent 72%);border-radius:50%;width:56px;height:56px}.char-grid button.on{border-color:var(--cream);background:linear-gradient(#ffffff47,#ffffff1a);transform:translateY(-2px)scale(1.04);box-shadow:0 4px #14084666}.name-field{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.name-field input,.modal input{background:var(--cream);color:var(--ink);border:3px solid #0000;border-radius:16px;outline:none;flex:1;min-width:0;padding:9px 14px;font-size:18px;font-weight:700;box-shadow:inset 0 3px #2b16601f}.name-field input::placeholder,.modal input::placeholder{color:#9a8cbc}.name-field input:focus,.modal input:focus{border-color:var(--yellow)}.char-record{color:#dcd0ff;font-size:13px}.char-record:empty{display:none}@media (orientation:landscape) and (height<=720px){.chars .sheet .char-info{display:none}.chars .char-info.side{z-index:3;top:calc(var(--sa-t) + 10px);width:var(--scene-w);animation:pop .3s var(--ease-pop);padding:10px 12px;display:block;position:absolute;inset-inline-end:var(--scene-x)}.chars .char-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (orientation:landscape) and (height<=460px){.chars .char-info.side .ci-more>p:not(.char-trait){display:none}.chars .char-info.side .char-trait{margin-top:6px;padding:4px 8px}.chars .char-info.side .stats{gap:3px;margin-top:4px}.chars .char-info.side .pips i{height:10px}.char-grid button{min-height:72px}.char-grid button img{width:46px;height:46px}}@media (orientation:portrait) and (height<=820px){.chars .char-info .ci-more>p:not(.char-trait){display:none}.chars .char-info .stats{gap:2px;margin-top:4px}.chars .char-info .pips i{height:10px}.chars .char-trait{margin-top:6px!important;padding:4px 8px!important}}@media (orientation:portrait) and (height<=800px){.char-grid{gap:6px}.char-grid button{min-height:0;padding:3px 2px 2px;font-size:13px}.char-grid button img{width:42px;height:42px}.sheet-head{min-height:50px;padding-block:4px}.sheet-body{gap:8px;padding-block:10px}}@media (orientation:landscape) and (height<=420px){.char-grid{gap:6px}.char-grid button{min-height:0;padding:3px 2px 2px;font-size:13px}.char-grid button img{width:40px;height:40px}.name-field input{padding:5px 12px}.sheet-body{gap:8px}}@media (orientation:landscape) and (height<=340px){.chars .char-info p,.chars .char-info .char-trait{display:none}.chars .char-info h3{font-size:21px}.stats{gap:3px;margin-top:4px}.char-grid{gap:6px}.char-grid button{min-height:62px;padding:3px 2px 2px;font-size:13px}.char-grid button img{width:38px;height:38px}.sheet-head{min-height:44px}.sheet-head h2{font-size:21px}.arena-card{height:66px}.arena-card span{font-size:22px}}.game-card{text-align:start;font:inherit;background:linear-gradient(180deg, var(--cream), var(--cream-2));color:var(--ink);border:3px solid #fff;border-radius:22px;align-items:center;gap:12px;padding:10px;display:flex;box-shadow:0 5px #14084666}.gc-text{flex:1;min-width:0}.game-card b{font-size:21px;line-height:1.2;display:block}.game-card small{color:#5b4a86;font-size:14px;font-weight:700;display:block}.game-card em{color:#fff;background:var(--violet-2);border-radius:10px;margin-top:4px;padding:1px 8px;font-size:12px;font-style:normal;font-weight:800;display:inline-block}.gc-go{color:#fff;background:linear-gradient(180deg, var(--green-1), var(--green-2));border:3px solid var(--cream);width:50px;height:50px;box-shadow:0 4px 0 var(--green-d);border-radius:50%;flex:none;place-items:center;display:grid}.gc-go .i{width:22px;height:22px;margin-left:-2px}.gc-art{background:linear-gradient(160deg,#7c5cf0,#3d23a0);border-radius:18px;flex:none;place-items:center;width:76px;height:76px;font-size:34px;display:grid;position:relative;box-shadow:inset 0 3px #ffffff40}.gc-art.cc i{background:#c8843c;border:3px solid #6b3f16;border-radius:4px;width:26px;height:26px;position:absolute}.gc-art.cc i:first-child{bottom:11px;left:11px}.gc-art.cc i:nth-child(2){background:#d7263d;border-color:#f5c542;bottom:11px;right:11px}.gc-art.cc i:nth-child(3){background:#20c934;border-color:#0b6b18;animation:1s ease-in-out infinite bob;top:9px;left:25px}@keyframes bob{50%{transform:translateY(-5px)rotate(8deg)}}.gc-art.gg i:first-child{background:repeating-linear-gradient(90deg,#0000 0 6px,#ffffff59 6px 7px),repeating-linear-gradient(0deg,#0000 0 6px,#ffffff59 6px 7px);border:4px solid #fff;border-bottom:none;border-radius:4px 4px 0 0;height:30px;position:absolute;top:14px;left:12px;right:12px}.gc-art.gg i:nth-child(2){background:radial-gradient(circle at 35% 35%,#fff,#c9d3de 45%,#7d8aa0);border:2px solid #3d23a0;border-radius:50%;width:18px;height:18px;animation:1.4s ease-in-out infinite gg-roll;position:absolute;bottom:9px;left:29px}@keyframes gg-roll{50%{transform:translate(-10px,-12px)}}.soon-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.game-card.soon{background:var(--well);box-shadow:none;color:#fff;border:2px dashed #ffffff47;gap:8px;padding:6px}.game-card.soon .gc-art{opacity:.8;border-radius:12px;width:44px;height:44px;font-size:22px}.game-card.soon b{font-size:15px}.game-card.soon small{color:#cbbcff;font-size:12px}@media (orientation:landscape) and (height<=720px){.game-list .game-card.live{gap:10px;padding:6px 10px}.game-list .game-card.live .gc-art{transform-origin:50%;border-radius:15px;width:58px;height:58px;font-size:28px}.game-list .game-card.live .gc-art>i{zoom:.78}.game-list .game-card.live b{font-size:18px}.game-list .game-card.live small{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.game-list .game-card.live em{margin-top:2px}.game-list .gc-go{width:42px;height:42px}.soon-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}.game-card.soon{text-align:start;flex-direction:row;gap:6px;min-width:0;padding:4px 6px}.game-card.soon .gc-art{border-radius:9px;flex:none;width:30px;height:30px;font-size:16px}.game-card.soon .gc-text{min-width:0}.game-card.soon b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.15;display:-webkit-box;overflow:hidden}.game-card.soon small{font-size:10.5px;line-height:1.1}}.arena-list{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px;padding:8px 2px 4px;display:grid}.arena-card{background:linear-gradient(160deg, var(--a2), var(--a1));color:#fff;text-shadow:0 2px #0006;min-width:0;height:76px;transition:transform .15s var(--ease-pop);border:3px solid #ffffff73;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;font-weight:800;display:flex;position:relative;box-shadow:0 5px #14084673,inset 0 3px #ffffff4d}.arena-card span{font-size:26px;line-height:1.1}.arena-card b{overflow-wrap:anywhere;font-size:12px;line-height:1.1}.arena-card.on{border-color:var(--cream);box-shadow:0 6px 0 #14084673, 0 0 0 3px var(--green-1);transform:translateY(-2px)}.arena-card.on:after{content:"";top:-7px;background:var(--green-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 14px no-repeat;border:2px solid var(--cream);border-radius:50%;width:22px;height:22px;position:absolute;inset-inline-end:-7px}.arena-blurb{min-height:2.6em;font-size:14px!important}.arena-blurb.side{display:none}@media (orientation:landscape) and (height<=720px){.setup .sheet .arena-blurb{display:none}.arena-blurb.side{z-index:3;top:calc(var(--sa-t) + 10px);width:var(--scene-w);min-height:0;animation:pop .3s var(--ease-pop);margin:0;padding:8px 12px;font-weight:700;display:block;position:absolute;inset-inline-end:var(--scene-x);color:var(--ink)!important}}.arena-now{font-weight:700;font-size:16px!important}.opts{flex-wrap:wrap;gap:8px;display:flex}.opts>.opt:has(#o-mode){flex:100%}.opt{flex-direction:column;flex:100px;gap:3px;min-width:0;display:flex}.opt:has([data-level]){flex:1.6 140px}.opt>span{color:#e4d9ff;text-align:center;font-size:13px;font-weight:800;line-height:1.2}.seg{background:var(--well);border-radius:16px;flex:1;gap:2px;padding:4px;display:flex;box-shadow:inset 0 3px #0003}.seg button{min-width:0;min-height:var(--tap);color:#fff;white-space:nowrap;background:0 0;border:none;border-radius:12px;flex:1;padding:4px 2px;font-size:15px;font-weight:800;transition:background .15s}.seg button.on{box-shadow:0 3px 0 var(--green-d), inset 0 2px 0 #ffffff59;text-shadow:0 1px #0000004d;background:linear-gradient(#168a45,#117a3a)}.seg button:disabled{cursor:default}.seg button small{opacity:.8;font-size:10px;font-weight:700;line-height:1.1;display:block}:root[dir=ltr] .seg button{flex:auto;font-size:14px}:root[dir=ltr] .opt:has([data-level]){flex-grow:2}.seg button:disabled:not(.on){opacity:.5}.or{color:#dcd0ff;text-align:center;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.or:before,.or:after{content:"";background:#fff3;border-radius:2px;flex:1;height:2px}.code-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.code-row>.btn{flex:110px;max-width:220px;min-height:58px}.code-in{justify-content:center;gap:6px;display:flex}.code-in input{text-align:center;text-transform:uppercase;background:var(--cream);width:52px;height:58px;color:var(--ink);border:3px solid #0000;border-radius:16px;outline:none;font-size:30px;font-weight:800;box-shadow:inset 0 3px #2b166024,0 4px #14084666}.code-in input:focus{border-color:var(--yellow)}.net-status{text-align:center;font-size:13px!important}.net-status:empty{display:none}.hint{text-align:center;color:#dcd0ff!important;font-size:13px!important}.field-err{text-align:center;min-height:1.2em;font-weight:700;color:var(--danger-ink)!important;font-size:14px!important}.code-in.bad input{border-color:var(--danger)}.members{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.members li{background:linear-gradient(180deg, var(--cream), var(--cream-2));min-height:52px;color:var(--ink);border-radius:16px;align-items:center;gap:8px;padding:5px 8px;font-size:15px;font-weight:700;display:flex;position:relative;box-shadow:0 3px #14084659}.members li img{border-radius:50%;width:40px;height:40px}.members li b{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.members li .host{color:#e0a100;display:grid}.members li em{background:var(--violet-2);color:#fff;border-radius:8px;padding:0 6px;font-size:11px;font-style:normal;font-weight:800}.members li small{bottom:2px;color:#c0183f;font-size:11px;position:absolute;inset-inline-end:8px}.members li.away{opacity:.6}.members li.bot,.members li.empty{background:var(--well);color:#fff;box-shadow:none;opacity:.85;border:2px dashed #ffffff4d}.members li.bot span,.members li.empty span{place-items:center;width:40px;display:grid}.members li.bot .i,.members li.empty .i{width:24px;height:24px}.members{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.members li{text-align:center;flex-direction:column;justify-content:center;gap:0;min-height:70px;padding:4px 4px 2px}.members li img,.members li.bot span,.members li.empty span{width:36px;height:36px}.members li b{width:100%;font-size:13px}.members li .host{top:3px;position:absolute;inset-inline-start:6px}.members li .host .i{width:16px;height:16px}.members li em{top:4px;position:absolute;inset-inline-end:5px}.wait{text-align:center;color:#dcd0ff;flex:1;font-size:15px;font-weight:700}.auto{text-align:center;font-weight:700;font-size:18px!important}.auto b{color:var(--yellow);font-size:28px}.ranking{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ranking li{background:linear-gradient(180deg, var(--cream), var(--cream-2));min-height:52px;color:var(--ink);border-radius:16px;align-items:center;gap:10px;padding:5px 10px;font-weight:800;display:flex;box-shadow:0 3px #14084659}.ranking li.first{box-shadow:0 4px 0 var(--yellow-d), 0 0 18px #ffd23f80;background:linear-gradient(#fff1a8,#ffd23f);border:3px solid #fff}.ranking em{background:var(--violet-2);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:17px;font-style:normal;display:grid}.ranking li.first em{background:var(--orange-2)}.ranking img{border-radius:50%;width:42px;height:42px}.ranking b{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.ranking .bot-i{color:#7a68ad;width:18px;height:18px}.ranking .score{color:var(--orange-2);letter-spacing:2px}.ranking li.first .score{color:#b35a00}.toggles{flex-direction:column;gap:4px;padding:6px;display:flex}.settings .toggles{flex-direction:row}.settings .toggles .toggle{flex-direction:column;flex:1 1 0;justify-content:center;gap:6px;min-width:0;padding:6px 4px;font-size:15px}.settings .toggles .toggle>span{white-space:nowrap;gap:6px}.toggle{cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:6px 10px;font-size:17px;font-weight:700;display:flex;position:relative}.toggle>span{align-items:center;gap:10px;display:flex}.toggle>span .i{color:var(--violet-2);width:22px;height:22px}.toggle input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.toggle input:focus-visible+i{outline:3px solid var(--focus);outline-offset:3px}.toggle i{background:var(--violet-2);border-radius:20px;flex:none;width:60px;height:34px;transition:background .2s;position:relative;box-shadow:inset 0 3px #00000040,0 0 0 3px #d8c9ff}.toggle i:after{content:"";top:4px;width:26px;height:26px;transition:transform .2s var(--ease-pop);background:#fff;border-radius:50%;position:absolute;inset-inline-start:4px;box-shadow:0 2px #00000040}.toggle input:checked+i{background:linear-gradient(180deg, var(--green-1), var(--green-2))}.toggle input:checked+i:after{transform:translateX(calc(-26px * var(--flip)))}.help{text-align:start;max-height:calc(var(--app-h,100dvh) - var(--sa-t) - var(--sa-b) - 170px);overscroll-behavior:contain;padding-inline-end:4px;overflow-y:auto}.help p{line-height:1.55;margin:4px 0!important;font-size:14px!important}.modal-back{z-index:50;padding:calc(var(--sa-t) + 26px) 12px calc(var(--sa-b) + 12px);-webkit-backdrop-filter:blur(4px);background:#0e05329e;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(180deg, var(--panel-1), var(--panel-2));border:4px solid var(--panel-rim);text-align:center;width:min(90vw,380px);max-width:560px;box-shadow:inset 0 3px 0 #ffffff40, 0 7px 0 var(--panel-drop), 0 18px 40px #08031e8c;animation:pop .32s var(--ease-pop);border-radius:30px;flex-direction:column;gap:12px;padding:34px 18px 18px;display:flex;position:relative}.modal h2{white-space:nowrap;color:#fff;background:linear-gradient(180deg, var(--green-1), var(--green-2));border:3px solid var(--cream);-webkit-text-stroke:4px var(--ink-deep);paint-order:stroke fill;max-width:calc(100% - 24px);text-shadow:0 3px 0 var(--ink-deep);box-shadow:0 5px 0 var(--green-d), 0 8px 14px #08031e59;border-radius:18px;margin:0;padding:4px 26px 6px;font-size:24px;line-height:1.25;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.modal p{color:#efe8ff;margin:0;font-size:15px}.modal:has(.help){width:min(92vw,560px)}.modal>.btn{width:100%}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.mini-toggles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini-toggles .toggle{background:var(--well);color:#fff;min-height:48px;padding:6px 8px;font-size:15px}.mini-toggles .toggle>span{gap:6px}.mini-toggles .toggle>span .i{color:#d8c9ff;width:20px;height:20px}.mini-toggles .toggle i{width:50px;height:30px;box-shadow:inset 0 3px #00000040,0 0 0 2px #d8c9ff}.mini-toggles .toggle i:after{width:22px;height:22px}.mini-toggles .toggle input:checked+i:after{transform:translateX(calc(-20px * var(--flip)))}.modal .opt,.modal .opt .seg{flex:none}.round-acts{justify-content:center;align-items:flex-end;gap:14px;padding-top:4px;display:flex}.round-act{color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;min-width:76px;padding:0;font-size:15px;font-weight:800;display:flex}.round-act .disc{--c1:var(--green-1);--c2:var(--green-2);--d:var(--green-d);background:linear-gradient(180deg, var(--c1), var(--c2));border:4px solid var(--cream);width:72px;height:72px;box-shadow:0 6px 0 var(--d), 0 10px 16px #08031e59, inset 0 -4px 0 #0000001f;border-radius:24px;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.round-act .disc:before{content:"";background:linear-gradient(#ffffff80,#ffffff0d);border-radius:14px 14px 20px 20px;height:40%;position:absolute;top:4px;left:7px;right:7px}.round-act .disc .i{stroke-width:2.8px;filter:drop-shadow(0 2px #00000040);width:34px;height:34px;position:relative}.round-act.orange .disc{--c1:var(--orange-1);--c2:var(--orange-2);--d:var(--orange-d)}.round-act.pink .disc{--c1:var(--pink-1);--c2:var(--pink-2);--d:var(--pink-d)}.round-act.green .disc{border-radius:28px;width:84px;height:84px}.round-act:active .disc{box-shadow:0 2px 0 var(--d);transform:translateY(4px)}.round-act:focus-visible{outline:none}.round-act:focus-visible .disc{outline:3px solid var(--focus);outline-offset:3px}@media (orientation:landscape) and (height<=400px){.modal{gap:10px;width:min(92vw,440px);padding:28px 16px 14px}.modal h2{font-size:21px;top:-21px}.round-act .disc{border-radius:20px;width:60px;height:60px}.round-act.green .disc{width:68px;height:68px}.round-act .disc .i{width:28px;height:28px}}#toast{z-index:60;left:50%;bottom:calc(var(--sa-b) + 22%);background:var(--cream);color:var(--ink);box-shadow:0 5px 0 var(--cream-d), 0 10px 20px #08031e66;opacity:0;transition:opacity .25s, transform .25s var(--ease-pop);pointer-events:none;text-align:center;border:3px solid #fff;border-radius:18px;max-width:90vw;padding:10px 18px;font-size:16px;font-weight:700;position:fixed;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}.game-layer{position:absolute;inset:0}.hud{direction:ltr;position:absolute;inset:0}.hud-top{top:calc(var(--sa-t) + 6px);left:calc(var(--sa-l) + 6px);right:calc(var(--sa-r) + 6px);justify-content:space-between;align-items:flex-start;gap:6px;display:flex;position:absolute}.hud-side{flex:1;gap:6px;min-width:0;display:flex}.hud-side:last-child{justify-content:flex-end}.pcard{direction:var(--tdir);border:3px solid var(--pc);background:linear-gradient(#28146ed1,#180a46d1);border-radius:18px;align-items:center;gap:5px;min-width:0;max-width:190px;padding-block:2px;padding-inline:4px 8px;transition:opacity .3s,filter .3s;display:flex;box-shadow:0 3px #0000004d,inset 0 2px #ffffff26}.pcard.me{box-shadow:0 0 0 2px #fff, 0 0 14px var(--pc), 0 3px 0 #0000004d}.pcard.out{opacity:.45;filter:grayscale()}.pcard.shake{animation:.35s shake}@keyframes shake{20%{transform:translate(-5px)rotate(-3deg)}40%{transform:translate(5px)rotate(3deg)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.pc-face{background:#ffffff24;border-radius:50%;flex:none;width:38px;height:38px}.pc-body{flex-direction:column;min-width:0;line-height:1;display:flex}.pc-name{white-space:nowrap;text-overflow:ellipsis;max-width:92px;padding-bottom:2px;font-size:12px;font-weight:800;overflow:hidden}.pc-name b{color:var(--yellow);font-weight:800}.pc-hearts{gap:1px;display:flex}.pc-hearts i:before{content:"♥︎";color:#ff3f5b;text-shadow:0 1px #00000080;font-size:15px;font-style:normal;transition:color .2s,opacity .2s}.pc-hearts i.off:before{color:#fff;opacity:.2;filter:grayscale()}.pc-wins{flex-direction:column;font-size:11px;line-height:1;display:flex}.pc-wins i{color:#ffffff40;font-style:normal}.pc-wins i.on{color:var(--yellow);text-shadow:0 0 6px var(--yellow)}.hud-timer{border:3px solid var(--cream);background:linear-gradient(180deg, var(--violet-1), var(--violet-2));min-width:64px;height:52px;box-shadow:0 4px 0 var(--violet-d), inset 0 2px 0 #ffffff4d;border-radius:18px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.hud-timer .t{text-shadow:0 2px #0000004d;font-size:24px;font-weight:800;line-height:1}.hud-timer .r{direction:var(--tdir);opacity:.9;font-size:11px;font-weight:700}.hud-timer.low{background:linear-gradient(#ff6b86,#e0264e);animation:1s infinite pulse;box-shadow:0 4px #8f1230}@keyframes pulse{50%{transform:scale(1.08)}}.hud-pause{pointer-events:auto;top:calc(var(--sa-t) + 64px);color:#fff;touch-action:manipulation;background:#1e0e5ab3;border:2px solid #ffffffb3;border-radius:14px;place-items:center;width:44px;height:36px;padding:0;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px #00000059}.hud-pause .i{width:18px;height:18px}.hud-pause:after{content:"";position:absolute;inset:-6px -4px}.hud-pause:active{background:#1e0e5af2;transform:translate(-50%,2px);box-shadow:0 1px #00000059}.hud-banner{text-align:center;direction:var(--tdir);overflow-wrap:anywhere;color:#fff;pointer-events:none;-webkit-text-stroke:8px var(--ink-deep);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink-deep), 0 12px 24px #00000059;opacity:0;padding:0 16px;font-size:clamp(40px,11vw,92px);font-weight:800;position:absolute;top:38%;left:0;right:0;transform:scale(.4)}.hud-banner.show{animation:.45s cubic-bezier(.2,1.6,.4,1) forwards bannerPop}.hud-banner.count{color:var(--yellow)}.hud-banner.count:before{content:"";z-index:-1;background:linear-gradient(180deg, var(--violet-1), var(--violet-2));border:.07em solid var(--cream);box-sizing:border-box;width:1.3em;height:1.3em;box-shadow:0 .06em 0 var(--violet-d);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-banner.go{color:var(--green-1)}.hud-banner.danger{color:#ff4b6e}.hud-banner.win{color:var(--yellow);font-size:clamp(30px,8vw,64px)}.hud-banner.info{font-size:clamp(28px,7vw,56px)}@keyframes bannerPop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.hud-stack{top:calc(var(--sa-t) + 106px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-stack>*{direction:var(--tdir);color:var(--ink);text-align:center;border-radius:16px;max-width:100%;padding:4px 14px;font-weight:800;display:none;box-shadow:0 3px #0000004d}.hud-wind{background:var(--cream);align-items:center;gap:8px}.hud-wind.show{animation:.6s infinite pulse;display:flex}.hud-wind .arrow{font-size:22px;transition:transform .2s;display:inline-block}.hud-wind.blowing{background:#48cae4}.hud-zerog{background:#3fe0ff}.hud-zerog.show{animation:1s infinite pulse;display:block}.hud-ready{background:#ffd166}.hud-ready.show{animation:1s infinite pulse;display:block}.hud-notice{color:#fff;background:#1e0e5ae6;border:2px solid #ffffff80;padding:6px 16px;font-size:16px}.hud-notice.alert{color:#ffd3da;border-color:#ff4b6e}.hud-notice.show{animation:.25s ease-out noticeIn;display:block}@keyframes noticeIn{0%{opacity:0;transform:translateY(-8px)scale(.92)}}.hud-spectate{bottom:calc(var(--sa-b) + 18px);direction:var(--tdir);background:var(--cream);color:var(--ink);white-space:nowrap;box-shadow:0 4px 0 var(--cream-d);border-radius:16px;padding:6px 16px;font-size:15px;font-weight:800;display:none;position:absolute;left:50%;transform:translate(-50%)}.hud-spectate.show{display:block}@media (orientation:portrait){.hud-side{flex-direction:column;flex:1 1 0;align-items:stretch;gap:4px;min-width:0}.pcard{border-width:2px;border-radius:14px;gap:3px;width:100%;max-width:none;padding-block:2px;padding-inline:3px 5px}.pc-face{width:28px;height:28px}.pc-name{max-width:100%;font-size:11px}.pc-hearts i:before{font-size:11px}.pc-body{flex:1}.hud-timer{min-width:52px;height:46px}.hud-timer .t{font-size:20px}.hud-pause{top:calc(var(--sa-t) + 58px)}}@media (width<=700px) and (orientation:landscape){.pc-name{max-width:64px}.pc-face{width:32px;height:32px}.pc-hearts i:before{font-size:13px}}@media (orientation:landscape) and (height<=500px){.pcard{border-width:2px;border-radius:15px;flex:0 auto;gap:4px;padding-block:2px;padding-inline:3px 6px;overflow:hidden}.pc-face{width:30px;height:30px}.pc-name{max-width:70px;font-size:11px}.pc-hearts i:before{font-size:12px}.hud-timer{min-width:56px;height:46px}.hud-timer .t{font-size:20px}}.controls{position:absolute;inset:0}.stick-zone{pointer-events:auto;touch-action:none;width:55%;height:78%;position:absolute;bottom:0;left:0}.stick-base{left:calc(var(--sa-l) + 96px);top:calc(100% - var(--sa-b) - 104px);pointer-events:none;opacity:.6;background:radial-gradient(circle,#1e0e5a59 55%,#1e0e5a8c);border:4px solid #ffffff73;border-radius:50%;width:124px;height:124px;transition:opacity .15s;position:fixed;transform:translate(-50%,-50%)}.stick-active .stick-base{opacity:1;transition:none}.stick-knob{background:linear-gradient(180deg, #fff, var(--cream-2));width:60px;height:60px;box-shadow:0 5px 0 var(--cream-d), 0 8px 14px #0000004d;border:3px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick-hint{left:calc(var(--sa-l) + 96px);top:calc(100% - var(--sa-b) - 30px);opacity:.75;pointer-events:none;direction:var(--tdir);text-shadow:0 1px #00000080;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%)}.stick-active .stick-hint{display:none}.btn-action,.btn-dash{--c1:#ffe066;--c2:var(--yellow);--d:var(--yellow-d);pointer-events:auto;touch-action:none;isolation:isolate;color:var(--ink);border:4px solid var(--cream);background:linear-gradient(180deg, var(--c1), var(--c2));box-shadow:0 7px 0 var(--d), 0 10px 20px #00000059, inset 0 -4px 0 #0000001a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-weight:800;line-height:1;transition:transform 60ms,box-shadow 60ms;display:flex;position:absolute}.btn-action:before,.btn-dash:before{content:"";z-index:-1;background:linear-gradient(#fff9,#ffffff0d);border-radius:50% 50% 40% 40%;height:38%;position:absolute;top:6%;left:16%;right:16%}.btn-action{right:calc(var(--sa-r) + 22px);bottom:calc(var(--sa-b) + 26px);width:100px;height:100px}.btn-action.carrying{--c1:#ffab5c;--c2:#ff8c1a;--d:#b35a00}.btn-dash{--c1:#5fe3d6;--c2:var(--teal);--d:var(--teal-d);right:calc(var(--sa-r) + 136px);bottom:calc(var(--sa-b) + 30px);border-width:3px;width:74px;height:74px}.btn-dash.cooldown{opacity:.45}.btn-action .ico{font-size:34px}.btn-dash .ico{font-size:26px}.btn-action .lbl,.btn-dash .lbl{margin-top:2px;font-size:15px}.btn-action.pressed{box-shadow:0 2px 0 var(--d);transform:translateY(5px)scale(.96)}.btn-dash.pressed{box-shadow:0 2px 0 var(--d);transform:translateY(4px)scale(.96)}@media (orientation:portrait){.btn-action{width:92px;height:92px;bottom:calc(var(--sa-b) + 34px)}.btn-dash{right:calc(var(--sa-r) + 30px);bottom:calc(var(--sa-b) + 140px);width:68px;height:68px}}@media (hover:hover) and (pointer:fine){.stick-base,.stick-hint{display:none}}.net-banner{z-index:45;left:50%;top:calc(var(--sa-t) + 12px);text-align:center;background:var(--cream);max-width:calc(100vw - 120px);color:var(--ink);border:3px solid var(--yellow);box-shadow:0 4px 0 var(--cream-d);pointer-events:none;border-radius:16px;padding:6px 16px;font-size:15px;font-weight:800;display:none;position:fixed;transform:translate(-50%)}.net-banner.show{display:block}.net-banner.in-game{top:auto;bottom:calc(var(--sa-b) + 150px)}.shop-pill{z-index:3;top:calc(var(--sa-t) + 14px);min-height:42px;font:inherit;color:var(--ink);background:linear-gradient(180deg, #ffe680, var(--yellow));box-shadow:0 4px 0 var(--yellow-d), 0 6px 12px #10063c59;border:3px solid #fff;border-radius:22px;align-items:center;gap:6px;padding:4px 14px 4px 12px;font-size:17px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:absolute;inset-inline-end:calc(var(--sa-end) + 68px)}.shop-pill .i{stroke-width:2.6px;width:20px;height:20px}.shop-pill:active{box-shadow:0 1px 0 var(--yellow-d);transform:translateY(3px)}.shop-pill .dot{top:-3px;background:var(--pink-1);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;inset-inline-end:-3px}@media (orientation:landscape) and (height<=720px){.home .shop-pill{position:fixed}}@media (orientation:portrait){.home{padding-top:calc(var(--sa-t) + 66px)}}.shop-tabs{flex:none}.shop-tabs button{font-size:16px}.shop-grid{grid-template-columns:repeat(var(--cols,4), 1fr);gap:8px;display:grid}.shop-tile{background:var(--well);color:#fff;min-width:0;transition:transform .15s var(--ease-pop), background .15s;border:3px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;font-size:13px;font-weight:700;display:flex;position:relative}.shop-tile img{background:radial-gradient(circle at 50% 40%, var(--cc), transparent 72%);border-radius:50%;width:54px;height:54px}.shop-tile>span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-inline:2px;line-height:1.2;overflow:hidden}.shop-tile em{border-radius:10px;margin-top:2px;padding:0 8px;font-size:12px;font-style:normal;font-weight:800;line-height:1.5}.shop-tile .st-price{background:linear-gradient(180deg, var(--green-1), var(--green-2));box-shadow:0 2px 0 var(--green-d)}.shop-tile .st-own{background:#fff3}.shop-tile .st-own .i{stroke-width:3px;vertical-align:-1px;width:11px;height:11px}.shop-tile .st-use{background:var(--yellow);color:var(--ink);box-shadow:0 2px 0 var(--yellow-d);place-items:center;padding:0 10px;display:inline-grid}.shop-tile .st-use .i{stroke-width:3.4px;width:14px;height:14px}.shop-tile .st-new{z-index:1;top:-6px;background:var(--pink-1);box-shadow:0 2px 0 var(--pink-d);transform:rotate(calc(8deg * var(--flip)));border-radius:9px;padding:0 7px;font-size:11px;font-style:normal;font-weight:800;position:absolute;inset-inline-start:-4px}.shop-tile.on{border-color:var(--cream);background:linear-gradient(#ffffff47,#ffffff1a);transform:translateY(-2px)scale(1.04);box-shadow:0 4px #14084666}.shop-tile.using{border-color:var(--yellow)}.shop-tile.pass{background:linear-gradient(#ffd23f61,#ff961e33)}.shop-tile .st-pair{justify-content:center;display:flex}.shop-tile .st-pair img{object-fit:cover;width:40px;height:54px}.shop-tile .st-pair img+img{margin-inline-start:-10px}.shop-tile .st-pass{background:linear-gradient(180deg, #ffe680, var(--yellow));color:var(--ink);box-shadow:0 2px 0 var(--yellow-d)}.shop-tile:active{filter:brightness(1.2)}@media (hover:hover) and (pointer:fine){.shop-tile:hover{filter:brightness(1.1)}}.sheet-head .round-btn:disabled{opacity:.6}.shop-info.side{display:none}.shop-info{animation:pop .3s var(--ease-pop);padding:8px 14px}.shop-info h3{color:var(--ink);margin:0;font-size:21px;line-height:1.2}.shop-info p{color:#5b4a86;margin:0;font-size:14px;font-weight:700}.sheet .shop-info{flex-wrap:wrap;align-items:baseline;column-gap:10px;padding-block:6px;display:flex}.sheet .shop-info h3{font-size:19px}.sheet .shop-info p{margin:0!important;font-size:13px!important}.shop-info .si-traits{color:var(--pink-2);font-size:13px}@media (orientation:landscape) and (height<=720px){.shop .sheet .shop-info{display:none}.shop .shop-info.side{z-index:3;top:calc(var(--sa-t) + 10px);width:var(--scene-w);text-align:center;margin:0;display:block;position:absolute;inset-inline-end:var(--scene-x)}}@media (orientation:landscape) and (height<=420px){.shop-tabs{padding:3px}.shop-tabs button{min-height:38px;font-size:15px}.shop-grid{gap:6px}.shop-tile{padding:4px 2px}.shop-tile img{width:44px;height:44px}.shop-tile .st-pair img{width:32px;height:44px}.shop-info h3{font-size:19px}}.char-grid button{position:relative}.char-grid button.locked img{filter:saturate(.75)brightness(.9)}.char-grid .lock{top:3px;background:var(--yellow);width:22px;height:22px;color:var(--ink);box-shadow:0 2px 0 var(--yellow-d);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:3px}.char-grid .lock .i{stroke-width:3px;width:13px;height:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pc-pts b{color:#fff;text-shadow:0 1px #00000073;font-size:17px;font-weight:900;line-height:1}.pcard.low .pc-pts b{color:#ff5c73}.pcard.tm0,.pcard.tm1{position:relative}.pcard.tm0:after,.pcard.tm1:after{content:"";border-radius:4px 4px 0 0;height:4px;position:absolute;bottom:0;left:8px;right:8px}.pcard.tm0:after{background:#7fdbff}.pcard.tm1:after{background:#ffb347}@media (orientation:landscape){.hud.gg .hud-pause{top:calc(var(--sa-t) + 8px);left:calc(50% + 40px);transform:none}.hud.gg .hud-pause:active{transform:translateY(2px)}.hud.gg .hud-stack{top:calc(var(--sa-t) + 58px);left:calc(var(--sa-l,0px) + 12px);align-items:flex-start;max-width:30%;transform:none}}