*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html,body{background:0 0}body{color:#eee;-webkit-user-select:none;user-select:none;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;background:0 0;border:none}.hud{--teal:#29d6c7;--gold:#ffc857;--red:#e85d5d;--mint:#64dc8c;--panel:#08101aeb;--glow:0 0 12px;z-index:1;pointer-events:none;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto;display:grid;position:fixed;inset:0}.hud.is-paused{filter:saturate(.58)brightness(.62)}.hud.is-paused .interactive,.hud.is-paused .board-capture{pointer-events:none}.menu-button{z-index:45;color:#ffe7a9;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#ffffff17,#ffffff06),#08101adb;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:900;transition:transform .12s,border-color .14s,background .14s;display:grid;position:fixed;top:12px;right:12px;box-shadow:0 12px 30px #0000003d}.menu-button:hover,.menu-button:focus-visible{background:linear-gradient(#ffffff21,#ffffff0a),#08101aeb;border-color:#ffc85757;outline:none;transform:translateY(-1px)}.menu-button:active{transform:translateY(1px)}.fx-defs{pointer-events:none;width:0;height:0;position:fixed;overflow:hidden}.interactive{pointer-events:auto}.board-capture{z-index:1;pointer-events:auto;touch-action:none;background:0 0;border:none;padding:0;position:fixed;inset:0}.board-capture.board-ready{cursor:pointer}.hud-top{z-index:30;grid-area:1/1/auto/-1;justify-content:center;padding:0 6px;display:flex}.drawer{background:var(--panel);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff0f;border-top:none;border-radius:0 0 20px 20px;width:min(680px,100%);overflow:hidden;box-shadow:0 18px 42px #00000042}.drawer-bar{align-items:center;gap:8px;padding:8px 10px 6px;display:flex}.db-left{flex-shrink:0;align-items:center;gap:6px;display:flex}.progress-ring{width:54px;height:54px;position:relative}.progress-ring svg{width:100%;height:100%;display:block}.ring-track{fill:none;stroke:#ffffff14;stroke-width:8px}.ring-bar{fill:none;stroke:url(#gRing);stroke-width:8px;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:calc(264 * (1 - var(--pct)));transform-origin:50%;filter:drop-shadow(0 0 5px #29d6c766);transition:stroke-dashoffset .5s;transform:rotate(-90deg)}.ring-inner{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.ring-num{text-overflow:ellipsis;color:#ffe7a9;font-variant-numeric:tabular-nums;max-width:42px;font-size:.62rem;font-weight:800;overflow:hidden}.ring-den{color:#ffffff57;font-variant-numeric:tabular-nums;font-size:.35rem}.streak-badge{color:var(--sun);white-space:nowrap;font-variant-numeric:tabular-nums;background:#ff643224;border:1px solid #ff643238;border-radius:20px;padding:2px 8px;font-size:.5rem;font-weight:700}.db-center{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.drawer-tabs{justify-content:center;gap:2px;display:flex}.dtab{cursor:pointer;opacity:.38;border-radius:8px;justify-content:center;align-items:center;width:36px;height:28px;font-size:.95rem;transition:opacity .15s,background .15s,transform .15s;display:flex}.dtab:hover,.dtab:focus-visible{opacity:.74;background:#ffffff0d;outline:none}.dtab.active{opacity:1;background:#ffffff14;transform:translateY(1px)}.tc-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;color:#ffffff3d;max-width:100%;font-size:.38rem;overflow:hidden}.db-right{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:5px;display:flex}.sp{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:4px;min-height:24px;padding:3px 8px;display:flex}.sp-icon{font-size:.72rem}.sp-val{font-variant-numeric:tabular-nums;font-size:.62rem;font-weight:800}.sp-lbl{letter-spacing:.08em;text-transform:uppercase;opacity:.38;font-size:.34rem}.sp-col{flex-direction:column;gap:2px;display:flex}.sp.xpf{border-color:#ffc8572e}.sp.xpf .sp-val{color:var(--gold)}.sp.focus{border-color:#29d6c72e}.sp.focus .sp-val{color:var(--teal)}.sp.tap{border-color:#f7914f2e}.sp.tap .sp-val{color:var(--sun)}.sp.auto{border-color:#8cb4ff26}.sp.auto .sp-val{color:#8cb4ff}.sp.perf{border-color:#ffffff1f}.sp.perf .sp-icon{letter-spacing:.04em;color:#ffffff7a;font-size:.44rem;font-weight:900}.sp.perf.warn{background:#f7914f1a;border-color:#f7914f66}.sp.perf.warn .sp-val{color:var(--sun)}.fbar{background:#ffffff14;border-radius:3px;width:32px;height:3px;overflow:hidden}.fbar-fill{height:100%;width:var(--f);border-radius:inherit;background:var(--teal);display:block;box-shadow:0 0 5px #29d6c766}.drawer-body{scrollbar-width:none;max-height:126px;padding:4px 8px 8px;overflow-y:auto}.drawer-body::-webkit-scrollbar{display:none}.dcontent{flex-direction:column;gap:4px;display:flex}.abtn{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:42px;padding:7px 10px;transition:background .12s,transform 80ms,border-color .12s;display:flex}.abtn:hover:not(:disabled){background:#ffffff0f;transform:translate(3px)}.abtn:active:not(:disabled){transform:scale(.98)}.abtn.locked,.abtn:disabled{opacity:.34;cursor:not-allowed}.ai{text-align:center;flex-shrink:0;width:1.35rem;font-size:1rem}.abtn>div{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.abtn b,.abtn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.abtn b{font-size:.68rem}.abtn small{opacity:.48;text-transform:capitalize;margin-left:4px;font-size:.6em;font-weight:400}.abtn span{opacity:.46;font-size:.5rem}.abtn em{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:7px;flex-shrink:0;max-width:5.8rem;padding:2px 7px;font-size:.52rem;font-style:normal;font-weight:800;overflow:hidden}.abtn.gold em{color:var(--gold);background:#ffc8571f}.abtn.gold:hover:not(:disabled){border-color:#ffc8572e}.abtn.teal em,.abtn.mint em{color:var(--teal);background:#29d6c71f}.abtn.teal:hover:not(:disabled),.abtn.mint:hover:not(:disabled){border-color:#29d6c72e}.abtn.blue em{color:#8cb4ff;background:#8cb4ff1f}.abtn.blue:hover:not(:disabled){border-color:#8cb4ff2e}.abtn.orange em{color:var(--sun);background:#f7914f1f}.abtn.orange:hover:not(:disabled){border-color:#f7914f2e}.abtn.green em{color:var(--mint);background:#64dc8c1f}.abtn.green:hover:not(:disabled){border-color:#64dc8c2e}.abtn.red em{color:var(--red);background:#e85d5d1f}.abtn.red:hover:not(:disabled){border-color:#e85d5d2e}.street-pass-row{background:linear-gradient(90deg,#e85d5d21,#ffc8570e),#ffffff06;border-color:#e85d5d29;min-height:50px}.street-pass-row.ready{border-color:#ffd26e61;box-shadow:0 0 18px #e85d5d33}.street-pass-row.charging:disabled{opacity:.78;cursor:default}.street-pass-row em{text-align:center;min-width:3.2rem}.empty-row{color:#ffffff6b;background:#ffffff06;border-radius:10px;align-items:center;min-height:42px;padding:0 10px;font-size:.62rem;display:flex}.hud-ml,.hud-mr{z-index:20;flex-direction:column;align-self:center;gap:6px;padding:0 8px;display:flex}.hud-ml{grid-area:2/1;align-items:flex-start}.hud-mr{grid-area:2/3;align-items:flex-end}.m-slot{background:var(--panel);-webkit-backdrop-filter:blur(6px);border:1px solid #ffffff0f;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:40px;height:40px;transition:border-color .2s,box-shadow .2s,opacity .2s;display:flex}.m-slot span{font-size:1rem}.m-slot small{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.56;max-width:34px;font-size:.34rem;font-weight:700;overflow:hidden}.m-slot.on{border-color:color-mix(in srgb, var(--mc) 30%, transparent)}.m-slot.ready{border-color:var(--mc);box-shadow:var(--glow) color-mix(in srgb, var(--mc) 30%, transparent)}.m-slot.ready.pulse{animation:2s ease-in-out infinite m-pulse}.m-slot.off{opacity:.28}.support-boosts{z-index:24;pointer-events:none;transition:opacity .18s,transform .18s;position:fixed;inset:0}.character-placements{z-index:25;pointer-events:none;transition:opacity .18s,transform .18s;position:fixed;inset:0}.support-boosts.pass-hidden,.character-placements.pass-hidden{opacity:0;pointer-events:none;transform:scale(.96)}.support-boost{left:var(--support-x);top:var(--support-y);cursor:pointer;pointer-events:auto;isolation:isolate;filter:drop-shadow(0 10px 18px #00000047);border-radius:50%;width:58px;height:58px;padding:0;transition:opacity .18s,transform .12s,filter .18s;position:absolute;transform:translate(-50%,-50%)}.support-boost img{z-index:2;object-fit:cover;pointer-events:none;border-radius:50%;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;inset:5px}.support-boost b{z-index:4;border:1px solid color-mix(in srgb, var(--support-accent) 60%, #ffffff2e);color:#fff4ba;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;background:#050910eb;border-radius:8px;min-width:28px;max-width:46px;padding:2px 5px;font-size:.48rem;font-weight:900;line-height:1.1;position:absolute;bottom:-3px;right:-7px;overflow:hidden}.support-aura,.support-bolt{z-index:1;pointer-events:none;border-radius:50%;position:absolute;inset:-7px}.support-aura{background:radial-gradient(circle, color-mix(in srgb, var(--support-accent) 34%, transparent) 0 45%, transparent 68%), conic-gradient(from 20deg, transparent, color-mix(in srgb, var(--support-accent) 70%, #fff5a6) 18%, transparent 31%, transparent 68%, #fff0a2 76%, transparent 88%);opacity:.18}.support-bolt{opacity:0;filter:blur(.2px);mix-blend-mode:screen;background:linear-gradient(120deg,#0000 24%,#fff5a8 26%,#ff8f23 28%,#0000 31%),linear-gradient(-28deg,#0000 54%,#fffffff5 56%,#0000 59%);inset:-13px}.support-boost.ready{animation:1.2s ease-in-out infinite support-ready-lift}.support-boost.ready .support-aura{opacity:1;animation:1.2s ease-in-out infinite support-ready-aura}.support-boost.ready .support-bolt{animation:.82s steps(2,end) infinite support-bolt-flash}.support-boost.active{filter:drop-shadow(0 0 22px color-mix(in srgb, var(--support-accent) 54%, transparent));transform:translate(-50%,-50%)scale(1.08)}.support-boost.active .support-aura{opacity:1;animation:.86s linear infinite support-active-ring}.support-boost.place-ready .support-aura{background:radial-gradient(circle, color-mix(in srgb, var(--support-accent) 40%, transparent) 0 45%, transparent 68%), conic-gradient(from -40deg, transparent, color-mix(in srgb, var(--support-accent) 76%, #fff5a6) 16%, transparent 30%, transparent 62%, #79f4ff 74%, transparent 88%)}.support-boost.place-ready b{color:#dffcff;border-color:color-mix(in srgb, var(--support-accent) 64%, #ffffff2e)}.support-boost.cooldown{opacity:.42;cursor:default}.support-boost:disabled{pointer-events:none}.support-boost:active:not(:disabled){transform:translate(-50%,-50%)scale(.94)}.street-pass-fab{z-index:34;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle at 20% 40%,#ffc64e3d,#0000 38%),linear-gradient(105deg,#08101af0,#240e12eb);border:1px solid #e85d5d42;border-radius:18px;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:9px;width:min(318px,100vw - 32px);min-height:68px;padding:7px 9px 7px 7px;transition:transform .12s,opacity .18s,border-color .18s,box-shadow .18s;display:grid;position:fixed;bottom:44px;right:16px;overflow:hidden;box-shadow:0 16px 36px #0000004d,0 0 24px #e85d5d2e}.street-pass-fab:before{content:"";z-index:0;opacity:.72;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(120deg,#0000 20%,#ffffff24 34%,#0000 48%),linear-gradient(8deg,#0000 42%,#ff503033 44%,#0000 49%);position:absolute;inset:0}.street-pass-fab>*{z-index:1;position:relative}.street-pass-fab.ready{border-color:#ffdb7494;animation:1.4s ease-in-out infinite street-pass-ready;box-shadow:0 16px 42px #00000057,0 0 30px #ff3c2a57}.street-pass-fab.cooldown:disabled{opacity:.86;cursor:default}.street-pass-fab.locked:disabled{opacity:.52;cursor:default}.street-pass-fab:active:not(:disabled){transform:scale(.98)}.street-pass-thumb{background:#00000047;border:1px solid #ffdb744d;border-radius:14px;width:70px;height:48px;overflow:hidden;box-shadow:inset 0 0 18px #ffffff0d}.street-pass-thumb img{object-fit:contain;filter:saturate(1.18)contrast(1.05)drop-shadow(0 6px 10px #00000047);width:102px;height:76px;transform:translate(-18px,-14px)}.street-pass-copy{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}.street-pass-copy b,.street-pass-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.street-pass-copy b{color:#fff0c4;font-size:.72rem;font-weight:900}.street-pass-copy span{color:#ffe7c49e;font-size:.52rem;font-weight:700}.street-pass-fab em{color:#ffdc78;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;background:#ffc85729;border-radius:10px;min-width:42px;max-width:56px;padding:4px 7px;font-size:.58rem;font-style:normal;font-weight:950;overflow:hidden}.boost-cutin{z-index:46;pointer-events:none;isolation:isolate;width:min(980px,100vw - 128px);height:clamp(118px,18vw,176px);animation:3.4s cubic-bezier(.12,.86,.22,1) both boost-cutin-enter;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.boost-cutin:before,.boost-cutin:after{content:"";z-index:0;pointer-events:none;border-radius:18px;position:absolute;inset:8% -2%}.boost-cutin:before{background:linear-gradient(90deg, #fff0, #ffffff4d, #fff0), radial-gradient(circle at 62% 50%, color-mix(in srgb, var(--support-accent) 34%, transparent), transparent 46%);filter:blur(12px);mix-blend-mode:screen;animation:.82s ease-out both boost-cutin-smear}.boost-cutin:after{border:1px solid color-mix(in srgb, var(--support-accent) 48%, #ffffff38);box-shadow:0 0 22px color-mix(in srgb, var(--support-accent) 38%, transparent), inset 0 0 28px #ffcd5c2e;inset:18% 2%}.boost-cutin-bg,.boost-cutin-lightning{object-fit:cover;pointer-events:none;border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.boost-cutin-bg{z-index:1;opacity:.96;filter:url(#boost-distortion)saturate(1.14)contrast(1.06)}.boost-cutin-lightning{z-index:3;opacity:.88;mix-blend-mode:screen;filter:blur(.2px)saturate(1.3);animation:.46s steps(2,end) 7 boost-lightning-jitter}.boost-cutin-copy{z-index:4;text-transform:uppercase;text-shadow:0 2px #000,0 0 18px #ff99269e;flex-direction:column;gap:2px;width:min(46%,430px);animation:.72s cubic-bezier(.12,.86,.22,1) both boost-copy-hit;display:flex;position:absolute;top:50%;left:clamp(18px,4.2vw,52px);transform:translateY(-50%)}.boost-cutin-copy span{color:#ffcc57;font-size:clamp(.5rem,1.1vw,.72rem);font-weight:900}.boost-cutin-copy strong{overflow-wrap:anywhere;color:#fff;font-size:clamp(1.3rem,3.1vw,2.55rem);font-weight:950;line-height:.92}.boost-cutin-copy em{color:#fff3cbc7;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.58rem,1.1vw,.82rem);font-style:normal;font-weight:800;overflow:hidden}.boost-cutin-face{z-index:5;object-fit:cover;width:clamp(106px,17vw,184px);height:clamp(106px,17vw,184px);filter:drop-shadow(0 0 18px color-mix(in srgb, var(--support-accent) 50%, transparent)) drop-shadow(0 14px 24px #00000061);border-radius:50%;animation:.66s cubic-bezier(.12,.86,.22,1) both boost-face-pop;position:absolute;top:50%;right:clamp(14px,3.4vw,46px);transform:translateY(-50%)}.place-cutin{animation-duration:2.8s;top:57%}.place-cutin .boost-cutin-bg{filter:url(#boost-distortion)hue-rotate(18deg)saturate(1.22)contrast(1.08)}.place-cutin .boost-cutin-copy span{color:#79f4ff}.place-cutin .boost-cutin-copy em{color:#dffdffd1}.street-pass-cutin{top:48%}.street-pass-cutin:before{background:linear-gradient(90deg, #fff0, #fff1be5c, #fff0), radial-gradient(circle at 66% 48%, color-mix(in srgb, var(--support-accent) 42%, #ffd45a), transparent 48%)}.street-pass-cutin:after{border-color:color-mix(in srgb, var(--support-accent) 60%, #ffd25a3d);box-shadow:0 0 30px color-mix(in srgb, var(--support-accent) 48%, transparent), inset 0 0 34px #ffd65c47}.street-pass-cutin .boost-cutin-bg{filter:url(#boost-distortion)hue-rotate(-18deg)saturate(1.42)contrast(1.12)}.street-pass-cutin .boost-cutin-copy span{color:#ffe36c}.street-pass-cutin .boost-cutin-copy strong{text-shadow:0 2px 0 #000, 0 0 22px color-mix(in srgb, var(--support-accent) 72%, transparent)}.street-pass-cutin .boost-cutin-face{border:3px solid color-mix(in srgb, var(--support-accent) 56%, #fff2a8);background:#050910b8}.hud-tap{z-index:10;cursor:pointer;pointer-events:auto;flex-direction:column;grid-area:2/2;justify-content:flex-end;place-self:end center;align-items:center;padding:0 0 14vh;display:flex}.hud-tap:disabled{opacity:.36;cursor:default}.tap-ripple{border:1.5px solid #ffffff14;border-radius:50%;width:56px;height:56px;transition:transform 80ms;animation:3s ease-in-out infinite breathe}.hud-tap:active:not(:disabled) .tap-ripple{transform:scale(.85)}.tap-power{color:var(--sun);text-shadow:0 0 14px #f7914f66;pointer-events:none;font-variant-numeric:tabular-nums;margin-top:5px;font-size:.65rem;font-weight:800}.hud-buff{z-index:40;background:linear-gradient(90deg,#29d6c72e,#29d6c70f);border:1px solid #29d6c72e;border-radius:14px;align-items:center;gap:8px;max-width:min(90vw,28rem);padding:6px 16px;font-size:.65rem;animation:.3s ease-out slide-up;display:flex;position:fixed;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #0000003d}.buff-emoji{font-size:1rem}.hud-buff b{font-weight:800}.hud-buff span{text-overflow:ellipsis;white-space:nowrap;opacity:.68;min-width:0;font-size:.52rem;overflow:hidden}.status-line{z-index:25;-webkit-backdrop-filter:blur(10px);background:#08101ac2;border:1px solid #ffffff12;border-radius:14px;gap:2px;width:min(520px,100vw - 112px);padding:7px 12px;display:grid;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000038}.status-line.hot{border-color:#29d6c733}.status-line strong,.status-line span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-line strong{color:#ffffffbd;letter-spacing:.12em;text-transform:uppercase;font-size:.52rem}.status-line span{color:#ffffffe0;font-size:.68rem}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes m-pulse{0%,to{box-shadow:var(--glow) color-mix(in srgb, var(--mc) 20%, transparent)}50%{box-shadow:var(--glow) color-mix(in srgb, var(--mc) 45%, transparent)}}@keyframes support-ready-lift{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,calc(-50% - 4px))scale(1.08)}}@keyframes support-ready-aura{0%,to{filter:blur();transform:scale(.92)rotate(0)}50%{filter:blur(.5px);transform:scale(1.14)rotate(12deg)}}@keyframes support-bolt-flash{0%,45%,to{opacity:0;transform:rotate(0)scale(.92)}46%,72%{opacity:.86;transform:rotate(18deg)scale(1.08)}}@keyframes support-active-ring{0%{transform:rotate(0)scale(1.04)}to{transform:rotate(360deg)scale(1.04)}}@keyframes street-pass-ready{0%,to{filter:saturate();transform:translateY(0)}50%{filter:saturate(1.18);transform:translateY(-3px)}}@keyframes boost-cutin-enter{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-66%,-50%)skew(-13deg)scaleX(.72)}8%{opacity:1;clip-path:inset(0)}14%,82%{opacity:1;clip-path:inset(0);transform:translate(-50%,-50%)skew(-4deg)scaleX(1)}to{opacity:0;clip-path:inset(0 0 0 100%);transform:translate(-38%,-50%)skew(-10deg)scaleX(.98)}}@keyframes boost-cutin-smear{0%{opacity:0;transform:translate(-28%)scaleX(.45)}26%{opacity:1}to{opacity:0;transform:translate(34%)scaleX(1.08)}}@keyframes boost-lightning-jitter{0%,to{opacity:.86;transform:translate(0)scaleX(1)}50%{opacity:1;transform:translate(9px,-2px)scaleX(1.02)}}@keyframes boost-copy-hit{0%{opacity:0;transform:translate(-18px,-50%)scaleX(1.18)}36%,to{opacity:1;transform:translateY(-50%)scaleX(1)}}@keyframes boost-face-pop{0%{opacity:0;transform:translate(30px,-50%)scale(.72)}34%{opacity:1;transform:translateY(-50%)scale(1.08)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@media (width<=680px){.menu-button{width:38px;height:38px;top:8px;right:8px}.drawer{border-radius:0 0 14px 14px;width:100%}.drawer-bar{gap:4px;padding:6px 6px 4px}.hud.has-menu-button .drawer-bar{padding-right:52px}.progress-ring{width:44px;height:44px}.ring-num{max-width:34px;font-size:.52rem}.streak-badge{padding:1px 6px;font-size:.44rem}.dtab{width:30px;height:24px;font-size:.82rem}.db-right{gap:3px}.sp{padding:2px 6px}.sp-val{font-size:.56rem}.sp-lbl,.tc-label{display:none}.drawer-body{max-height:112px}.m-slot{width:34px;height:34px}.support-boost{width:48px;height:48px}.support-boost b{max-width:38px;font-size:.42rem;right:-5px}.street-pass-fab{grid-template-columns:62px minmax(50px,auto);gap:8px;width:162px;min-height:58px;padding:5px 7px 5px 5px;bottom:78px;right:8px}.street-pass-copy{display:none}.street-pass-thumb{border-radius:12px;width:62px;height:42px}.street-pass-thumb img{width:94px;height:70px;transform:translate(-17px,-13px)}.street-pass-fab em{min-width:48px;max-width:64px;padding:4px 6px}.boost-cutin{width:calc(100vw - 22px);height:clamp(104px,28vw,136px);top:48%}.boost-cutin-copy{width:54%;left:18px}.boost-cutin-copy strong{font-size:clamp(1.06rem,6vw,1.58rem)}.boost-cutin-copy em{max-width:88%;font-size:.54rem}.boost-cutin-face{width:clamp(84px,25vw,112px);height:clamp(84px,25vw,112px);right:12px}.status-line{width:min(460px,100vw - 86px)}}html,body{background:#050b14;width:100%;height:100%;margin:0;overflow:hidden}body{color:#f8fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0}#game-canvas{z-index:0;touch-action:none;outline:none;display:block;position:fixed;inset:0}#app{z-index:1;pointer-events:none;background:0 0;width:100%;height:100%;margin:0;position:fixed;inset:0;overflow:hidden}