*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;overflow:hidden;background:#090b12;font-family:IBM Plex Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100%;height:100dvh}.app-shell{position:fixed;inset:0}.scene-mount{width:100%;height:100%;background:linear-gradient(180deg,#7fb6ef,#b9ddff 55%,#d7ebff)}.speed-vignette-blur{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:clamp(0,calc(var(--speedfx, 0) * 1.15),1);backdrop-filter:blur(calc(4px + var(--speedfx, 0) * 18px));-webkit-backdrop-filter:blur(calc(4px + var(--speedfx, 0) * 18px));mask-image:radial-gradient(circle at 50% 50%,#0000 35%,#00000014 52%,#000000b8);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 35%,rgba(0,0,0,.08) 52%,rgba(0,0,0,.72) 100%)}.hud-actions{position:fixed;top:1rem;left:1rem;z-index:5;display:flex;align-items:center;gap:.42rem}.hud-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#070d19b3;color:#f3f8ff;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.hud-action-btn:hover{background:#122038c7}.help-toggle{font-size:1.1rem;font-weight:700}.sound-toggle{color:#f3f8ff}.sound-toggle__icon{width:1.02rem;height:1.02rem;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.help-toggle:focus-visible,.sound-toggle:focus-visible{outline:2px solid rgba(185,226,255,.85);outline-offset:2px}.help-overlay{position:fixed;inset:0;z-index:6;background:#05091173;display:flex;align-items:center;justify-content:center;padding:1rem}.help-panel{position:relative;width:min(560px,100%);max-height:min(78vh,740px);overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:#080e18d1;color:#edf5ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1rem .9rem}.help-panel__close{position:absolute;top:.45rem;right:.55rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#142842b8;color:#f0f7ff;width:1.9rem;height:1.9rem;font-size:1.1rem;cursor:pointer}.help-panel__title{margin:0 0 .8rem;font-size:1.2rem;font-weight:700}.help-panel__section{margin-top:.55rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.14)}.help-panel__section h3{margin:0 0 .45rem;font-size:.9rem;color:#c4d8f2;text-transform:uppercase;letter-spacing:.04em}.help-panel__section p{margin:.25rem 0;font-size:.95rem;line-height:1.45}.orb-countdown{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;padding:.5rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.32);background:#080e1994;color:#f3f8ff;font-size:1.8rem;font-weight:700;letter-spacing:.03em;text-shadow:0 2px 14px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.orb-join-notice{background:#0c142080}.waiting-player-hint{position:fixed;left:1rem;bottom:1rem;z-index:4;color:#fff;font-size:.96rem;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.28);pointer-events:none}.tag-hud{position:fixed;top:1rem;right:1rem;z-index:3;width:250px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#070d199e;color:#eef4ff;padding:.75rem .85rem;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto}.tag-hud__line{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.25rem;gap:.75rem}.tag-hud__label{color:#d2def2;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.tag-hud__rank{margin-top:.65rem;border-top:1px solid rgba(255,255,255,.16);padding-top:.55rem}.tag-hud__rank-title{margin-bottom:.4rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:#bdd0ef}.tag-hud__rank-row{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.18rem}.tag-hud__empty{color:#b1c2df;font-size:.86rem}.tag-hud--compact{top:.6rem;right:.6rem;width:min(44vw,176px);padding:.48rem .54rem;border-radius:10px}.tag-hud--compact .tag-hud__line{margin-bottom:.15rem;gap:.45rem}.tag-hud--compact .tag-hud__line strong{max-width:6.5rem;font-size:.82rem;line-height:1.15;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-hud--compact .tag-hud__label{font-size:.66rem;letter-spacing:.02em}.tag-hud--compact .tag-hud__rank{margin-top:.44rem;padding-top:.38rem}.tag-hud--compact .tag-hud__rank-title{margin-bottom:.28rem;font-size:.66rem}.tag-hud--compact .tag-hud__rank-row{gap:.4rem;margin-bottom:.11rem;font-size:.74rem}.tag-hud--compact .tag-hud__rank-row span{max-width:6.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-hud--compact .tag-hud__empty{font-size:.74rem}.mobile-controls{position:fixed;inset:0;z-index:4;pointer-events:none}.mobile-controls__steer{position:fixed;bottom:0;width:50vw;height:min(60vh,460px);display:flex;align-items:flex-end;justify-content:center;padding:.65rem .65rem .35rem;pointer-events:auto;touch-action:none;border-top:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#060c1405,#0a18286b);transition:background .22s ease,border-color .22s ease}.mobile-controls__steer--left{left:0;border-right:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#060c1408,#122b4670)}.mobile-controls__steer--right{right:0;border-left:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#060c1408,#122b4670)}.mobile-controls__steer--active{background:linear-gradient(180deg,#4682be14,#50a0eb6b)}.mobile-controls__steer-pad{width:min(34vw,156px);height:min(24vw,112px);border-radius:18px;border:1px solid rgba(255,255,255,.42);background:linear-gradient(180deg,#122a44cc,#1e4366e6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08rem;color:#f6fbff;text-shadow:0 1px 3px rgba(0,0,0,.58);pointer-events:none;opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 10px 22px #00000057,0 0 0 1px #c1e4ff2e,inset 0 1px #fff3;transform:translateY(6px);transition:opacity .22s ease,transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.mobile-controls__steer-icon{font-size:clamp(1.3rem,4.8vw,2rem);line-height:1;font-weight:700}.mobile-controls__steer-label{margin-top:.1rem;font-size:clamp(.66rem,2.1vw,.84rem);letter-spacing:.08em;font-weight:700}.mobile-controls__steer--active .mobile-controls__steer-pad{border-color:#ceebffd1;background:linear-gradient(180deg,#387bb6c2,#489ee4e6);box-shadow:0 12px 28px #00000059,0 0 0 2px #b9e2ff57,inset 0 1px #ffffff47;transform:translateY(2px) scale(1.03)}.mobile-controls--visual-hidden .mobile-controls__steer{border-top-color:transparent;background:transparent}.mobile-controls--visual-hidden .mobile-controls__steer--left{border-right-color:transparent}.mobile-controls--visual-hidden .mobile-controls__steer--right{border-left-color:transparent}.mobile-controls--visual-hidden .mobile-controls__steer-pad{opacity:0;transform:translateY(12px) scale(.96);box-shadow:none}.mobile-controls--visual-hidden .mobile-controls__steer--active{background:transparent}.mobile-controls--visual-hidden .mobile-controls__steer--active .mobile-controls__steer-pad{opacity:0;transform:translateY(12px) scale(.96);box-shadow:none;border-color:transparent}.mobile-controls__speedbar{position:fixed;right:.95rem;bottom:.95rem;width:min(25vw,6.9rem);height:min(25vw,6.9rem);z-index:5;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:radial-gradient(circle at 34% 28%,#76c5ff54,#205280db 65%,#143252eb);color:#f6fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08rem;touch-action:none;pointer-events:auto;box-shadow:0 10px 24px #00000061,inset 0 1px #ffffff47;transform:translateY(0) scale(1);transition:transform 90ms ease,box-shadow .1s ease,background .12s ease,border-color .12s ease}.mobile-controls__speedbar-label{font-size:clamp(.58rem,1.8vw,.76rem);font-weight:800;letter-spacing:.09em;text-transform:uppercase}.mobile-controls__speedbar-hint{font-size:clamp(.52rem,1.5vw,.68rem);font-weight:600;letter-spacing:.05em;opacity:.85}.mobile-controls__speedbar--active{border-color:#e6f8fff2;background:radial-gradient(circle at 34% 28%,#aae0ff8f,#387ec0eb 60%,#1f5283fa);box-shadow:0 12px 30px #0000006b,0 0 0 2px #afdfff6b,inset 0 1px #ffffff59;transform:translateY(1px) scale(.985)}.mobile-controls-hint{position:fixed;left:50%;bottom:6.85rem;transform:translate(-50%);z-index:5;pointer-events:none;width:min(86vw,460px);padding:.48rem .72rem;border-radius:10px;border:1px solid rgba(255,255,255,.26);background:#080e1885;color:#f1f8ff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.45);font-size:.83rem;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-rotate-hint{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;pointer-events:none;padding:.65rem .9rem;border-radius:10px;background:#080e1a99;color:#f4f8ff;text-shadow:0 1px 2px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25);font-size:.96rem}@media(max-width:900px){.hud-actions{top:.5rem;left:.5rem;gap:.34rem}.hud-action-btn{width:2rem;height:2rem}.help-toggle{font-size:1rem}.sound-toggle{font-size:.92rem}.tag-hud{width:210px;padding:.62rem .72rem}.tag-hud--compact{top:.5rem;right:.5rem;width:min(46vw,168px);padding:.42rem .48rem}.tag-hud__label{font-size:.74rem}.tag-hud__rank-title{font-size:.72rem}.waiting-player-hint{bottom:4.8rem;max-width:52vw}.mobile-controls__steer{height:min(62vh,420px);padding-bottom:.28rem}.mobile-controls__steer-pad{width:min(35vw,140px);height:min(22vw,92px);border-radius:15px}}@media(max-height:500px)and (orientation:landscape){.mobile-controls__steer{height:min(60vh,290px);padding-bottom:.2rem}.mobile-controls__steer-pad{width:min(31vw,118px);height:min(20vw,78px);gap:.03rem}.mobile-controls__speedbar{width:min(23vw,5.6rem);height:min(23vw,5.6rem);right:.72rem;bottom:.72rem}.mobile-controls-hint{bottom:5.45rem;font-size:.74rem;padding:.4rem .58rem}}