:root{color-scheme:dark;--bg: #12081f;--panel: rgba(22, 18, 44, .3);--panel-border: rgba(153, 120, 255, .35);--panel-shadow: 0 18px 42px rgba(5, 0, 16, .44);--yellow: #ffd33d;--pink: #ff58cc;--cyan: #32ddff;--lime: #80ff2d;--white: #f7fbff;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(116,36,255,.28),transparent 38%),radial-gradient(circle at bottom,rgba(0,220,255,.12),transparent 28%),var(--bg)}body{color:var(--white)}.game-root,.scene-shell,canvas{position:fixed;top:0;right:0;bottom:0;left:0}.game-root.cursor-hidden,.game-root.cursor-hidden .scene-shell,.game-root.cursor-hidden .hud-shell{cursor:none}.scene-shell{overflow:hidden}.start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:24px;background:#090712b8}.start-overlay.is-hidden{opacity:0;pointer-events:none}.start-stage{position:relative;width:min(480px,100%);max-width:92vw;padding-top:132px}.start-card{position:relative;width:100%;display:grid;gap:16px;justify-items:center;padding:60px 20px 20px;border-radius:28px;border:2px solid var(--panel-border);background:linear-gradient(180deg,#33255857,#0d0a1f61),var(--panel);box-shadow:var(--panel-shadow);max-height:min(72vh,680px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.start-card::-webkit-scrollbar{display:none}.server-status{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;min-width:116px;padding:7px 11px;border-radius:999px;border:1px solid rgba(153,120,255,.24);background:#0a0c16db;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.server-status.is-checking{color:#eef4ffc7;border-color:#9978ff47}.server-status.is-online{color:#8cff8b;border-color:#80ff2d6b;box-shadow:inset 0 0 0 1px #80ff2d14}.server-status.is-offline{color:#ff8b9b;border-color:#ff58786b;box-shadow:inset 0 0 0 1px #ff587814}.start-logo{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:min(420px,76vw);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 10px 26px rgba(0,0,0,.34))}.start-field{width:min(320px,100%);display:grid;gap:8px}.start-label{color:#eef4ffe0;font-size:.8rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.start-input{width:100%;border:1px solid rgba(153,120,255,.28);border-radius:16px;padding:14px 16px;background:#0a0c16d1;color:var(--white);font:inherit;font-size:1rem;font-weight:800;outline:none;box-shadow:inset 0 0 0 1px #32ddff0f}.start-input:focus{border-color:#32ddff73;box-shadow:inset 0 0 0 1px #32ddff38,0 0 0 4px #32ddff1f}.start-button{border:0;border-radius:999px;padding:13px 22px;background:linear-gradient(180deg,#ffd94d,#ff9a1f);color:#231303;font:inherit;font-size:.98rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 28px #ffba3847}.start-last-score{color:#eef4ffdb;font-size:.88rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.start-disclaimer{width:100%;display:grid;justify-items:center;gap:10px}.start-disclaimer-toggle{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:9px 14px;border-radius:999px;border:1px solid rgba(153,120,255,.28);background:#0c0d1ad1;color:#eef4ffdb;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.start-disclaimer-toggle::-webkit-details-marker{display:none}.start-credits{width:100%;display:grid;gap:10px;padding:14px 14px 12px;border-radius:18px;border:1px solid rgba(153,120,255,.22);background:linear-gradient(180deg,#101224c2,#0a0b18e0);box-shadow:inset 0 0 0 1px #32ddff0d;text-align:center}.start-credits-title{color:var(--yellow);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.start-credits-copy{margin:0;color:#eef4ffcc;font-size:.76rem;line-height:1.35}.start-credits-meta{color:#eef4ffad;font-size:.74rem;line-height:1.35}.start-credits a{color:var(--cyan);font-weight:900;text-decoration:none}.start-credits a:hover{color:#9ceeff}.sound-toggle{position:fixed;top:22px;right:22px;z-index:7;display:inline-flex;align-items:center;gap:10px;border:2px solid var(--panel-border);border-radius:999px;padding:10px 14px;background:linear-gradient(180deg,#33255857,#0d0a1f61),var(--panel);color:var(--white);font:inherit;font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle.is-hidden{opacity:0;pointer-events:none}.sound-toggle:focus-visible{outline:none;box-shadow:var(--panel-shadow),0 0 0 4px #32ddff2e}.sound-icon{width:18px;height:18px;flex:0 0 18px}.impact-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 45%);transition:opacity .08s linear}.hud-shell{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.left-rail{position:absolute;top:27px;left:19px;display:flex;flex-direction:column;gap:11px;align-items:flex-start}.left-rail>.panel{position:relative;top:auto;left:auto;right:auto}.panel{position:absolute;width:min(176px,20vw);border:2px solid var(--panel-border);border-radius:19px;background:linear-gradient(180deg,#3325584d,#0d0a1f4d),var(--panel);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 12px 12px}.panel-pill{position:absolute;top:-11px;left:14px;padding:4px 11px;border-radius:999px;background:linear-gradient(180deg,#3c2d61,#1f1b3d);color:#f1f7ff;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.panel-toggle{list-style:none;cursor:pointer;pointer-events:auto}.panel-toggle::-webkit-details-marker{display:none}.panel-collapsible{min-height:0;pointer-events:auto}.panel-collapsible:not([open]){width:auto;min-width:0;padding:0;border-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.panel-collapsible:not([open]) .panel-toggle{position:static;display:inline-block;margin:0}.panel-content{display:grid}.hud-block+.hud-block{margin-top:10px}.label{color:#eef4ffc7;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;margin-bottom:4px;font-weight:800}.timer{font-size:clamp(1.2rem,2.4vw,2rem);font-weight:900}.leaderboard{display:grid;gap:3px}.leader-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:5px;align-items:center;padding:3px 6px;border-radius:8px;background:#ffffff0d;font-weight:800;font-size:.59rem}.leader-row.is-local{outline:2px solid rgba(50,221,255,.5)}.leader-row.is-king{background:linear-gradient(90deg,#97ff2c38,#ffd33d38)}.leader-rank{color:var(--yellow)}.leader-score{color:#b6ff67}.power-meter{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.power-cell{height:10px;border-radius:999px;background:#ffffff14}.power-cell.is-active{background:linear-gradient(180deg,#ffd94d,#ff9a1f);box-shadow:0 0 18px #ffba38a6}.powerup-list,.help-list{display:grid;gap:10px}.powerup-row,.help-list>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.powerup-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:999px;position:relative;font-size:.72rem}.hud-icon-fallback{display:grid;place-items:center;width:100%;height:100%;color:#f7fbffe0;font-size:.64rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.hud-icon-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;opacity:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.28));transition:opacity .18s ease}.powerup-icon.is-loaded .hud-icon-fallback{opacity:0}.powerup-icon.is-loaded .hud-icon-image{opacity:1}.powerup-name,.help-list strong{text-transform:uppercase;font-size:.7rem;font-weight:900}.powerup-copy,.help-list span{display:block;color:#eef4ffcc;font-size:.66rem;line-height:1.18}.portal-note{position:absolute;font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;padding:10px 14px;border-radius:14px;background:#0c0e18c2;border:1px solid rgba(255,255,255,.16)}.mobile-controls{position:absolute;inset:auto 18px 18px 18px;display:none;justify-content:flex-end;align-items:end}.joystick{pointer-events:auto;margin-bottom:24px}.joystick{width:112px;height:112px;border-radius:999px;border:2px solid rgba(255,255,255,.16);background:#0a0c167a;position:relative;--stick-x: 0px;--stick-y: 0px;touch-action:none;user-select:none;-webkit-user-select:none}.joystick-knob{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:999px;background:linear-gradient(180deg,#ffffff4d,#32ddff40);transform:translate(var(--stick-x),var(--stick-y))}.label-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.player-label{position:absolute;transform:translate(-50%,-50%);transition:opacity .1s linear;display:grid;justify-items:center;gap:6px}.player-badges{display:grid;gap:4px;justify-items:center}.player-badge{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0a0c16e0;color:#fff;font-weight:900;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 18px #00000038}.badge-mega{color:#ffcd72;border-color:#ffab2b80}.badge-magnet{color:#eaadff;border-color:#c04dff80}.badge-shield{color:#a9ddff;border-color:#66b8ff80}.badge-speed{color:#d8ff7d;border-color:#9bff1d80}.player-label .flag{display:inline-block;padding:6px 10px;border-radius:12px;background:#0a0c16db;border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:900;font-size:.82rem;text-shadow:0 1px 0 rgba(0,0,0,.25)}.player-label.is-local .flag{box-shadow:0 0 18px #32ddff59}@media (max-width: 960px){.panel{width:min(190px,34vw);padding:15px 12px 14px}.panel-help{top:302px}.portal-exit{right:28px;top:282px}.mobile-controls{display:flex}}@media (max-width: 720px){.start-stage{width:100%;max-width:none;padding-top:108px}.start-card{width:100%;max-width:none;padding:54px 16px 18px;border-radius:22px}.server-status{top:12px;right:12px;min-width:104px;padding:6px 10px;font-size:.62rem}.start-logo{width:min(340px,82vw)}.sound-toggle{top:14px;right:14px;padding:9px 12px;font-size:.74rem}.start-credits{padding:12px 12px 11px;border-radius:16px}.start-disclaimer-toggle{min-width:96px;padding:8px 12px;font-size:.72rem}.start-credits-copy,.start-credits-meta{font-size:.72rem}.panel-left,.panel-right{width:auto;max-width:none}.panel-left{right:auto}.left-rail{left:10px;right:10px;top:12px;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:flex-start;overflow:visible}.left-rail>.panel{flex:0 0 auto;max-width:100%}.panel{width:auto;max-width:min(280px,calc(100vw - 20px));min-width:0;padding:0;border-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.panel .panel-toggle{position:static;display:inline-flex;align-items:center;justify-content:center;margin:0}.panel[open]{position:relative}.panel[open] .panel-content{position:absolute;top:calc(100% + 8px);left:0;width:min(260px,calc(100vw - 20px));max-height:min(44vh,320px);overflow:auto;padding:12px 11px 11px;border:2px solid var(--panel-border);border-radius:18px;background:linear-gradient(180deg,#332558eb,#0d0a1ff0),var(--panel);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel[open]:last-child .panel-content,.panel[open][data-panel=help] .panel-content{left:auto;right:0}.leader-row{gap:6px;padding:7px 8px}.player-label .flag{font-size:.72rem}}@media (max-width: 960px) and (orientation: landscape){.start-stage{width:min(404px,80vw);padding-top:74px}.start-logo{width:min(250px,42vw);top:-72px}.start-card{gap:12px;padding:48px 16px 14px}.server-status{top:10px;right:10px;min-width:96px;padding:5px 9px;font-size:.58rem}.start-credits{gap:8px;padding:11px 12px 10px}.start-disclaimer-toggle{padding:7px 11px;font-size:.68rem}.start-credits-copy,.start-credits-meta{font-size:.68rem}}