:root{--coin: #f5c43c;--trophy: #f0b429;--panel: rgba(12, 20, 30, .78);--panel-border: rgba(150, 180, 215, .35);--perfect: #ffe14d;--great: #8fe04a;--good: #4fb8f0;--miss: #ff5a4d;--ball: #d8ea4d;--ball-seam: #fdfff0;--trail: #c8f06a;--court: #2f66b2;--navy: #14294c;--wall: #2b5aa8;--p1: #d8352b;--ink: #eef4ff;--ink-dim: rgba(224, 236, 255, .62);--ink-faint: rgba(206, 222, 245, .4);--panel-hi: rgba(255, 255, 255, .12);--shadow: 0 6px 20px rgba(2, 8, 18, .45);--r-pill: 999px;--r-lg: 20px;--r-md: 14px;--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px);--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);--font: "Segoe UI Variable Display", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pill-fs: clamp(11px, 3.1vw, 13px);--pill-pad: 4px 9px;--hit-size: clamp(58px, 16vw, 74px);--act-w: clamp(58px, 16vw, 74px);--act-h: 40px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{height:100%;margin:0;padding:0}body{background:#0a1119;color:var(--ink);font-family:var(--font);font-weight:800;font-synthesis-weight:none;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#app{position:fixed;inset:0;overflow:hidden}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud-root,.screens-root{position:fixed;inset:0;pointer-events:none}.hud-root{z-index:10}.screens-root{z-index:20}.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow),inset 0 1px 0 var(--panel-hi);-webkit-backdrop-filter:blur(7px) saturate(1.15);backdrop-filter:blur(7px) saturate(1.15)}svg{display:block}.hud{position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity .22s ease}.hud.hidden{opacity:0;visibility:hidden}.hud-top{position:absolute;top:calc(var(--st) + 6px);left:calc(var(--sl) + 10px);right:calc(var(--sr) + 10px);display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.pill{position:relative;display:flex;align-items:center;gap:5px;min-height:30px;padding:var(--pill-pad);border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow),inset 0 1px 0 var(--panel-hi);-webkit-backdrop-filter:blur(7px) saturate(1.15);backdrop-filter:blur(7px) saturate(1.15);font-size:var(--pill-fs);letter-spacing:.06em;font-variant-numeric:tabular-nums;transform-origin:50% 50%;transition:transform .16s cubic-bezier(.2,1.6,.4,1);overflow:hidden}.pill.pop{transform:scale(1.14)}.pill-ic{width:1.3em;height:1.3em;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.pill-ic svg{width:100%;height:100%}.pill-val{line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.55)}.pill-sub{font-size:.72em;color:var(--trophy);letter-spacing:.02em;opacity:.95}.pill-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff14}.pill-bar>i{display:block;height:100%;width:calc(var(--p, 0) * 100%);background:var(--trophy);box-shadow:0 0 8px var(--trophy);transition:width .32s cubic-bezier(.2,.9,.3,1)}.hud-row2{position:absolute;top:calc(var(--st) + 42px);left:calc(var(--sl) + 10px);right:calc(var(--sr) + 10px);display:flex;align-items:center;gap:8px}.score{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;min-height:32px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow),inset 0 1px 0 var(--panel-hi);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:clamp(10px,2.9vw,12.5px);letter-spacing:.09em}.sc-team{display:flex;align-items:center;gap:6px;min-width:0}.sc-team.far{justify-content:flex-end}.sc-name{color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9ch}.sc-team.near .sc-name{color:#ffd9d4}.sc-games{min-width:1.9em;text-align:center;padding:2px 5px;border-radius:7px;background:#ffffff17;border:1px solid rgba(255,255,255,.12);font-variant-numeric:tabular-nums}.sc-serve{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:#ffffff1f;transition:background .2s,box-shadow .2s}.sc-serve.on{background:var(--ball);box-shadow:0 0 8px var(--ball)}.sc-pts{display:flex;align-items:baseline;gap:6px;font-size:1.25em;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.sc-p{min-width:2ch;text-align:center;transition:transform .18s cubic-bezier(.2,1.7,.4,1),color .24s}.sc-p.pop{transform:scale(1.35);color:var(--perfect)}.sc-dash{color:var(--ink-faint);font-size:.8em}.sc-tb{display:none;padding:2px 6px;border-radius:6px;font-size:.78em;letter-spacing:.1em;background:var(--miss);color:#1a0d0b}.score.tiebreak .sc-tb{display:inline-block}.sys{display:flex;gap:6px;flex:0 0 auto}.sysbtn{pointer-events:auto;touch-action:none;width:38px;height:38px;padding:10px;border:1px solid var(--panel-border);border-radius:50%;background:var(--panel);color:var(--ink);box-shadow:var(--shadow),inset 0 1px 0 var(--panel-hi);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .11s ease,background .15s;cursor:pointer}.sysbtn svg{width:100%;height:100%}.sysbtn.down{transform:scale(.9);background:#3c64968c}.sysbtn .slash,.sysbtn.muted .w1,.sysbtn.muted .w2{opacity:0}.sysbtn.muted .slash{opacity:1}.grade{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%) scale(.4);opacity:0;text-align:center;white-space:nowrap;will-change:transform,opacity}.grade-lbl{display:block;font-size:clamp(30px,10.5vw,62px);letter-spacing:.07em;line-height:1;color:var(--g, var(--perfect));text-shadow:0 3px 0 rgba(4,10,20,.65),0 0 26px var(--g, var(--perfect)),0 8px 26px rgba(0,0,0,.55)}.grade-combo{display:block;margin-top:6px;font-size:clamp(13px,4vw,20px);letter-spacing:.22em;color:var(--ink);text-shadow:0 2px 8px rgba(0,0,0,.7)}.grade-combo.off{display:none}.announce{position:absolute;left:50%;top:27%;transform:translate(-50%,-50%);opacity:0;text-align:center;white-space:nowrap;will-change:transform,opacity}.ann-main{display:block;font-size:clamp(26px,9vw,54px);letter-spacing:.16em;line-height:1;color:#fff;text-shadow:0 3px 0 var(--navy),0 0 24px rgba(120,190,255,.55),0 10px 30px rgba(0,0,0,.6)}.ann-sub{display:block;margin-top:7px;font-size:clamp(11px,3.4vw,16px);letter-spacing:.3em;color:var(--ink-dim)}.ann-sub.off{display:none}.hud-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(120% 80% at 50% 55%,transparent 45%,var(--g, #fff) 140%);mix-blend-mode:screen}.toasts{position:absolute;left:50%;top:calc(var(--st) + 112px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;max-width:88vw}.toast{padding:7px 15px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);font-size:clamp(11px,3.2vw,14px);letter-spacing:.1em;white-space:nowrap;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}.toast.in{opacity:1;transform:none}.toast.good{color:var(--great);border-color:#8fe04a73}.toast.bad{color:var(--miss);border-color:#ff5a4d73}.serve-prompt{position:absolute;left:50%;bottom:calc(var(--sb) + 182px);transform:translate(-50%) scale(.9);padding:9px 20px;border-radius:var(--r-pill);background:var(--panel);border:1px solid rgba(216,234,77,.5);color:var(--ball);font-size:clamp(12px,3.6vw,16px);letter-spacing:.2em;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease;animation:promptPulse 1.25s ease-in-out infinite}.serve-prompt.on{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}@keyframes promptPulse{0%,to{box-shadow:0 0 #d8ea4d00}50%{box-shadow:0 0 22px #d8ea4d59}}.hint{position:absolute;left:calc(var(--sl) + 12px);bottom:calc(var(--sb) + 104px);max-width:46vw;padding:7px 12px;border-radius:var(--r-md);background:#080e189e;border:1px solid rgba(150,180,215,.22);color:var(--ink-dim);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.45;opacity:0;visibility:hidden;transition:opacity .3s ease}.hint.on{opacity:1;visibility:visible}.fps{position:absolute;left:calc(var(--sl) + 8px);bottom:calc(var(--sb) + 4px);font-size:10px;font-weight:700;letter-spacing:.08em;color:#b4ffc8b3;display:none}.fps.on{display:block}.floaters{position:absolute;inset:0;overflow:hidden}.float{position:absolute;left:0;top:0;display:flex;align-items:center;gap:4px;font-size:clamp(14px,4.4vw,20px);letter-spacing:.04em;color:var(--coin);text-shadow:0 2px 6px rgba(0,0,0,.7);opacity:0;visibility:hidden;white-space:nowrap;will-change:transform,opacity}.float i{width:1em;height:1em}.float i svg{width:100%;height:100%}.hitbtn{pointer-events:auto;touch-action:none;position:absolute;right:calc(var(--sr) + 14px);bottom:calc(var(--sb) + 14px);width:var(--hit-size);height:var(--hit-size);padding:0;border:1px solid rgba(190,215,245,.42);border-radius:50%;background:#0a121e80;box-shadow:0 10px 26px #02081280,inset 0 2px #ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;transition:transform .1s ease,background .15s ease}.hitbtn.down{transform:scale(.93);background:#1e375a9e}.hit-ic{width:66%;height:66%;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));transition:transform .12s ease}.hitbtn.down .hit-ic{transform:scale(.94) rotate(-12deg)}.ring{position:absolute;inset:-6px;border-radius:50%;opacity:0;background:conic-gradient(from -90deg,var(--cc, var(--great)) calc(var(--charge, 0) * 360deg),rgba(255,255,255,.07) 0);-webkit-mask:radial-gradient(closest-side,transparent 0 79%,#000 80% 100%);mask:radial-gradient(closest-side,transparent 0 79%,#000 80% 100%);transition:opacity .14s ease}.hitbtn.charging .ring{opacity:1}.hitbtn.full{--cc: var(--perfect);border-color:var(--perfect);box-shadow:0 0 22px #ffe14d80,inset 0 2px #fff3}.actions{position:absolute;left:50%;bottom:calc(var(--sb) + 14px);transform:translate(-50%);display:flex;gap:10px}.actbtn{pointer-events:auto;touch-action:none;width:var(--act-w);min-width:54px;height:var(--act-h);min-height:38px;padding:4px 4px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--panel-border);border-radius:var(--r-md);background:var(--panel);color:var(--ink);box-shadow:var(--shadow),inset 0 1px 0 var(--panel-hi);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;transition:transform .1s ease,border-color .18s,box-shadow .18s,background .18s}.act-ic{width:20px;height:15px;color:var(--ink);opacity:.92}.act-ic svg{width:100%;height:100%}.act-lbl{font-size:9px;letter-spacing:.13em;line-height:1;color:var(--ink-dim)}.actbtn.down{transform:scale(.94);background:#1e375a9e}.actbtn.armed{border-color:var(--ball);background:#28461e99;box-shadow:0 0 20px #d8ea4d61,inset 0 1px #ffffff2e}.actbtn.armed .act-ic{color:var(--ball);opacity:1}.actbtn.armed .act-lbl{color:var(--ball)}.joy{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .14s ease}.joy.on{opacity:1;visibility:visible}.joy-base,.joy-knob{position:absolute;left:0;top:0;border-radius:50%;will-change:transform}.joy-base{width:124px;height:124px;border:2px solid rgba(210,230,255,.3);background:radial-gradient(circle,#0a142257,#0a14221a 70%)}.joy-knob{width:58px;height:58px;background:#e6f2ff57;border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 14px #00000059}.scr{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:calc(var(--st) + 14px) calc(var(--sr) + 14px) calc(var(--sb) + 14px) calc(var(--sl) + 14px);pointer-events:auto;opacity:0;transition:opacity .26s ease;background:radial-gradient(120% 90% at 50% 40%,#060e1a8c,#03070ee0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:auto}.scr.mounted{display:flex}.scr.show{opacity:1}.scr-card{width:min(94vw,430px);max-height:100%;padding:22px 20px 20px;border-radius:24px;text-align:center;background:#0b131fe6;border:1px solid var(--panel-border);box-shadow:0 24px 60px #0000008c,inset 0 1px 0 var(--panel-hi);transform:translateY(26px) scale(.94);opacity:0;transition:transform .32s cubic-bezier(.18,1.3,.35,1),opacity .3s ease}.scr.show .scr-card{transform:none;opacity:1}.wordmark{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:14px}.wm-line{font-size:clamp(34px,12.5vw,60px);line-height:.94;letter-spacing:.13em;text-indent:.13em;color:#fff;text-shadow:0 4px 0 var(--navy),0 8px 0 rgba(4,10,22,.65),0 14px 28px rgba(0,0,0,.6)}.wm-line.b{color:var(--ball);text-shadow:0 4px 0 #4a6a12,0 8px 0 rgba(4,10,22,.65),0 0 30px rgba(216,234,77,.35),0 14px 28px rgba(0,0,0,.6)}.wm-sub{margin-top:8px;font-size:11px;letter-spacing:.42em;text-indent:.42em;color:var(--ink-faint)}.cur-row{display:flex;justify-content:center;gap:10px;margin:14px 0 16px;flex-wrap:wrap}.cur{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.cur-ic{width:19px;height:19px}.cur-ic svg{width:100%;height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 24px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff24,#ffffff0a);color:var(--ink);font-family:inherit;font-weight:900;font-size:16px;letter-spacing:.18em;text-indent:.18em;cursor:pointer;touch-action:manipulation;transition:transform .1s ease,filter .16s ease,box-shadow .16s ease}.btn:active{transform:scale(.96)}.btn--primary{background:linear-gradient(180deg,#9fe85c,#55b02c);border-color:#ffffff59;color:#0d1c07;box-shadow:0 8px #2f6a17,0 14px 26px #00000073}.btn--primary:active{box-shadow:0 4px #2f6a17,0 8px 16px #00000073}.btn--play{width:100%;font-size:22px;min-height:64px}.btn--ghost{background:#ffffff0d;color:var(--ink-dim)}.btn.off{display:none}.scr-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.scr-actions .btn{width:100%}.iconbtn{position:absolute;top:12px;right:12px;width:56px;height:56px;padding:16px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--ink);cursor:pointer;touch-action:manipulation}.iconbtn svg{width:100%;height:100%}.iconbtn:active{transform:scale(.92)}.iconbtn .slash,.iconbtn.muted .w1,.iconbtn.muted .w2{opacity:0}.iconbtn.muted .slash{opacity:1}.legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;text-align:left}.lg-col{padding:10px 11px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.lg-h{font-size:10px;letter-spacing:.22em;color:var(--ink-faint);margin-bottom:7px}.lg-row{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--ink-dim)}.lg-row:last-child{margin-bottom:0}.kbd{flex:0 0 auto;padding:3px 6px;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:var(--ink);font-size:9.5px;letter-spacing:.08em}.so-title{font-size:clamp(30px,10vw,46px);letter-spacing:.12em;text-indent:.12em;line-height:1;text-shadow:0 4px 0 rgba(4,10,22,.6),0 12px 26px rgba(0,0,0,.5)}.so-title.won{color:var(--great)}.so-title.lost{color:var(--miss)}.so-sub{margin-top:6px;font-size:11px;letter-spacing:.3em;color:var(--ink-faint)}.so-score{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 6px;font-size:clamp(38px,13vw,58px);font-variant-numeric:tabular-nums;line-height:1}.so-score i{font-style:normal;font-size:.5em;color:var(--ink-faint)}.rewards{display:flex;justify-content:center;gap:10px;margin:18px 0 6px;flex-wrap:wrap}.rw{display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--r-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:17px;font-variant-numeric:tabular-nums;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .3s ease,transform .34s cubic-bezier(.2,1.5,.4,1)}.rw.in{opacity:1;transform:none}.rw.off{display:none}.rw-ic{width:22px;height:22px}.rw-ic svg{width:100%;height:100%}.rw.coin{color:var(--coin)}.rw.trophy{color:var(--trophy);border-color:#f0b42980;box-shadow:0 0 20px #f0b42938}.so-next{margin-top:12px;font-size:12px;letter-spacing:.16em;color:var(--ink-dim)}.so-next b{color:var(--ball)}.pz-title{font-size:clamp(28px,9vw,42px);letter-spacing:.24em;text-indent:.24em;color:#fff}.scr-card.shop-card{width:min(94vw,520px);max-height:88vh;display:flex;flex-direction:column;gap:10px;padding:16px 14px 14px;text-align:left}.shop-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto}.shop-title{font-size:clamp(22px,7vw,30px);letter-spacing:.14em;text-indent:.14em;line-height:1;color:#fff;text-shadow:0 3px 0 rgba(4,10,22,.6),0 10px 22px rgba(0,0,0,.5)}.shop-wallet{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-pill);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:14px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.shop-wallet .sw-ic{width:1.2em;height:1.2em;flex:0 0 auto}.shop-wallet .sw-ic svg{width:100%;height:100%}.shop-wallet .sw-val{color:var(--coin)}.shop-close{pointer-events:auto;flex:0 0 auto;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--ink-dim);font-family:inherit;font-weight:900;font-size:20px;line-height:1;cursor:pointer;touch-action:manipulation;transition:transform .1s ease,color .16s ease}.shop-close:empty:before{content:"×"}.shop-close:active{transform:scale(.92);color:var(--ink)}.shop-tabs{display:flex;width:100%;gap:4px;padding:3px;border-radius:var(--r-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);flex:0 0 auto}.shop-tab{pointer-events:auto;flex:1 1 0;min-width:0;min-height:34px;padding:0 6px;border:0;border-radius:10px;background:transparent;color:var(--ink-faint);font-family:inherit;font-weight:900;font-size:11px;letter-spacing:.16em;text-indent:.16em;cursor:pointer;touch-action:manipulation;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.shop-tab.is-on{color:var(--ink);background:#d8ea4d1f;box-shadow:inset 0 -2px 0 var(--ball)}.shop-blurb{font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--ink-faint);flex:0 0 auto}.shop-grid{display:flex;flex-direction:column;gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(190,215,245,.28) transparent}.shop-grid::-webkit-scrollbar{width:5px}.shop-grid::-webkit-scrollbar-track{background:transparent}.shop-grid::-webkit-scrollbar-thumb{border-radius:3px;background:#bed7f547}.shop-item{pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.1);background:#ffffff0b;color:var(--ink);font-family:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:transform .1s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}.shop-item:active{transform:scale(.98)}.shop-item.is-locked{opacity:1}.shop-item.is-poor{opacity:.55}.shop-item.is-poor .si-price{color:var(--miss)}.shop-item.is-owned{background:#ffffff12}.shop-item.is-equipped{border-color:var(--ball);background:#d8ea4d1a;box-shadow:0 0 16px #d8ea4d47,inset 0 1px #ffffff24}.si-swatch{position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #fff3}.si-swatch i{position:absolute;left:0;right:0;height:50%;display:block}.si-swatch i:first-child{top:0;background:var(--a, var(--ball))}.si-swatch i:last-child{bottom:0;background:var(--b, var(--navy))}.si-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 1 auto;min-width:0}.si-name{font-size:13px;font-weight:900;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.si-tag{padding:2px 6px;border-radius:5px;background:#ffffff17;border:1px solid rgba(255,255,255,.1);font-size:8.5px;font-weight:900;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:var(--ink-faint)}.si-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}.si-price{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:900;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--coin)}.si-price .si-coin{width:1em;height:1em;flex:0 0 auto}.si-price .si-coin svg{width:100%;height:100%}.si-state{font-size:9.5px;font-weight:900;letter-spacing:.18em;text-indent:.18em;color:var(--ball)}.si-state.own{color:var(--ink-faint)}.shop-foot{display:flex;width:100%;flex:0 0 auto}.shop-foot .btn{width:100%;pointer-events:auto}.gotoast{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.9);padding:14px 26px;border-radius:18px;text-align:center;background:#0b131fe0;border:1px solid var(--panel-border);box-shadow:0 16px 40px #00000080;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,transform .28s cubic-bezier(.2,1.4,.4,1)}.gotoast.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.gt-main{display:block;font-size:clamp(20px,6.5vw,30px);letter-spacing:.14em}.gt-sub{display:block;margin-top:5px;font-size:11px;letter-spacing:.24em;color:var(--ink-faint)}.gt-sub.off{display:none}@media(orientation:landscape){:root{--pill-fs: clamp(10px, 1.7vw, 12.5px);--pill-pad: 3px 8px;--hit-size: clamp(56px, 9.5vh, 72px);--act-w: clamp(54px, 7.5vw, 68px);--act-h: 38px}.pill{min-height:26px;gap:4px}.hud-top{top:calc(var(--st) + 8px)}.hud-row2{top:calc(var(--st) + 40px);left:50%;right:auto;transform:translate(-50%);width:min(70vw,620px)}.toasts{top:calc(var(--st) + 100px)}.actions{left:calc(var(--sl) + 16px);bottom:calc(var(--sb) + 16px);transform:none}.hitbtn{right:calc(var(--sr) + 18px);bottom:calc(var(--sb) + 16px)}.serve-prompt{bottom:calc(var(--sb) + 96px)}.hint{bottom:calc(var(--sb) + 92px);max-width:30vw}.grade{top:38%}.scr-card{width:min(92vw,560px);padding:18px 20px}.wm-line{font-size:clamp(30px,6.6vw,54px)}.scr-actions{flex-direction:row}.legend{margin-top:14px}.scr-card.shop-card{width:min(94vw,680px);max-height:92vh}.shop-grid{display:grid;grid-template-columns:1fr 1fr;align-content:start}}@media(prefers-reduced-motion:reduce){.serve-prompt{animation:none}.scr,.scr-card,.rw,.toast{transition-duration:.01ms}}@media(max-width:560px){.sysbtn{width:38px;height:38px;padding:10px}.score{padding:6px 10px;gap:6px}.sc-team.far .sc-name{display:none}}@media(max-width:380px){.sc-name{display:none}}.serve-prompt{bottom:calc(var(--sb) + 300px)}.hint{left:calc(var(--sl) + 12px);top:calc(var(--st) + 108px);bottom:auto;max-width:54vw}.hint{max-width:44vw}@media(orientation:landscape){.hud-top{justify-content:flex-start;gap:8px;right:auto}.hud-row2{left:calc(var(--sl) + 10px);right:auto;transform:none;width:min(46vw,460px)}.hint{top:calc(var(--st) + 100px);bottom:auto;max-width:34vw}}.serve-prompt{top:53%;bottom:auto}@media(orientation:landscape){.serve-prompt{top:46%;bottom:auto}}.btn--shop{margin-top:10px}.legend{grid-template-columns:1fr}.lg-col[hidden]{display:none}