:root{--app-width:100vw;--app-height:100vh;color:#eafff5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#020503;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{overscroll-behavior:none;touch-action:manipulation;width:100%;min-width:100vw;height:100%;min-height:100dvh;margin:0;padding:0;overflow:hidden}body{background:radial-gradient(circle at 50% 20%,#00ff8a29,#0000 32rem),linear-gradient(#020503 0%,#000 100%)}body.ultra-visuals{background:radial-gradient(circle at 18% 22%,#ff00cc47,#0000 20rem),radial-gradient(circle at 82% 30%,#00d9ff47,#0000 22rem),radial-gradient(circle at 50% 80%,#ffd6002e,#0000 24rem),#030006}body.ultra-visuals:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(#ff00cc1f,#00ff8a1f,#00d9ff1f,#ffd6001a,#ff00cc1f),repeating-radial-gradient(circle,#0000 0 22px,#ffffff09 23px 24px);animation:9s linear infinite ultra-bg-spin;position:fixed;inset:0}@keyframes ultra-bg-spin{to{filter:hue-rotate(360deg);transform:scale(1.08)rotate(1turn)}}button,input,select{font:inherit}button{color:inherit}.game-shell,.canvas-host{width:var(--app-width);height:var(--app-height);touch-action:none;min-width:100vw;min-height:100dvh;position:fixed;inset:0;overflow:hidden}body.play-fullscreen{overflow:hidden}body.play-fullscreen,body.play-fullscreen #app,body.play-fullscreen .game-shell,body.play-fullscreen .canvas-host{width:100dvw;min-width:100vw;height:100dvh;min-height:100dvh;position:fixed;inset:0;overflow:hidden}body.play-fullscreen .canvas-host canvas{width:100dvw!important;height:100dvh!important}.game-shell:before,.game-shell:after{display:none}.game-shell.impact-pulse canvas{animation:.16s linear mobile-impact-pulse}@keyframes mobile-impact-pulse{0%{filter:brightness();transform:translate(0,0)}35%{filter:brightness(1.45)saturate(1.35);transform:translate(-3px,1px)}70%{transform:translate(3px,-1px)}to{filter:brightness();transform:translate(0,0)}}.canvas-host canvas{width:100%;height:100%;display:block}.screen{z-index:10;padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));touch-action:pan-y;-webkit-overflow-scrolling:touch;background:linear-gradient(#00000075,#000000d6),repeating-linear-gradient(90deg,#00ff8a09 0 1px,#0000 1px 32px);position:fixed;inset:0;overflow-y:auto}.hidden{display:none!important}.ego-loading{z-index:100;color:#eafff5;pointer-events:none;background:linear-gradient(90deg,#000000f5,#00120cf0,#000000f5),repeating-linear-gradient(90deg,#00ff8a14 0 1px,#0000 1px 22px);align-content:center;place-items:center;gap:12px;transition:opacity .48s,visibility .48s;display:grid;position:fixed;inset:0;overflow:hidden}.ego-loading.done{opacity:0;visibility:hidden}.ego-loading-title{z-index:1;letter-spacing:.18em;text-indent:.18em;text-shadow:0 0 18px #00ff8ab8,0 0 36px #00d9ff61;font:950 clamp(34px,9vw,86px)/.9 ui-sans-serif,system-ui,sans-serif;animation:.9s ease-in-out infinite alternate ego-title-pulse;position:relative}.ego-loading-subtitle{z-index:1;color:#7dffef;letter-spacing:.22em;text-transform:uppercase;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:relative}.ego-loading-line{background:linear-gradient(90deg,#0000,#00ff8a,#00d9ff,#ffd76b,#0000);height:3px;animation:1.2s ease-in-out infinite ego-horizontal-scan;position:absolute;left:-35vw;right:-35vw;box-shadow:0 0 28px #00ff8acc}@keyframes ego-horizontal-scan{0%{opacity:.25;transform:translateY(-42px)scaleX(.4)}50%{opacity:1;transform:translateY(0)scaleX(1)}to{opacity:.25;transform:translateY(42px)scaleX(.4)}}@keyframes ego-title-pulse{0%{filter:brightness(.92)}to{filter:brightness(1.25)}}.menu-screen{min-height:100dvh;min-height:var(--app-height);touch-action:pan-y;grid-template-rows:minmax(180px,auto) minmax(0,auto);gap:10px;display:grid;overflow-y:auto}.hero-panel,.panel,.menu-section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020806bd;border:1px solid #00ff8a38;border-radius:8px;box-shadow:0 0 24px #00ff8a17,inset 0 0 18px #00d9ff0a}body.ultra-visuals .hero-panel,body.ultra-visuals .panel,body.ultra-visuals .menu-section,body.ultra-visuals .hud-top,body.ultra-visuals .hud-bottom{background:linear-gradient(135deg,#ff00cc2e,#00d9ff1f,#00ff8a1a),#02000aad;border-color:#ff00cc7a;animation:2.8s ease-in-out infinite alternate ultra-panel-pulse;box-shadow:0 0 28px #ff00cc38,0 0 38px #00d9ff24,inset 0 0 24px #ffd60014}@keyframes ultra-panel-pulse{0%{filter:hue-rotate()saturate(1.1)}to{filter:hue-rotate(75deg)saturate(1.45)}}.hero-panel{align-content:end;min-height:0;padding:16px;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"0101 ψ Δ 1010 ℏ E=mc² ∇²Ψ ∑ λ=h/p";color:#00ff8a21;letter-spacing:4px;white-space:pre-wrap;pointer-events:none;font:700 38px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;inset:-20px;transform:rotate(-12deg)}.hero-panel>*{position:relative}.science-rain{z-index:0;color:#00ff8a2e;text-shadow:0 0 12px #00ff8a52;pointer-events:none;grid-template-columns:repeat(6,1fr);gap:10px;font:800 12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;position:absolute;inset:-24px 0 0;overflow:hidden;transform:skew(-7deg);-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.science-rain span{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;animation:10s linear infinite rain-fall}.science-rain span:nth-child(2n){color:#7dffef29;animation-duration:13s;animation-delay:-4s}.science-rain span:nth-child(3n){color:#ffd76b21;animation-duration:16s;animation-delay:-8s}@keyframes rain-fall{0%{transform:translateY(-35%)}to{transform:translateY(45%)}}.equation-strip{color:#b9fff1;letter-spacing:.08em;opacity:.88;pointer-events:none;flex-wrap:wrap;gap:6px;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;top:12px;left:12px;right:64px}.equation-strip span{background:#000c0994;border:1px solid #7dffef47;border-radius:6px;padding:5px 7px;box-shadow:0 0 12px #00ff8a1f}.gear,.icon-button{z-index:3;background:#001410d1;border:1px solid #7dffef52;border-radius:8px;width:42px;height:42px;position:absolute;top:12px;right:12px}.eyebrow{color:#7dffef;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}h1,h2{margin:0;line-height:.96}h1{color:#f2fff9;text-shadow:0 0 22px #00ff8a59;max-width:8ch;font-size:clamp(40px,14vw,76px)}h2{font-size:20px}.subtitle{color:#bceadd;max-width:32rem;margin:8px 0 12px;font-size:14px}.score-strip,.result-grid,.hud-top,.hud-bottom{gap:8px;display:grid}.score-strip{color:#8ea89f;grid-template-columns:1fr auto;align-items:center;margin-bottom:10px;font-size:13px}.score-strip span:last-child{color:#ffd76b;grid-column:1/-1;font-size:12px}.primary,.secondary,.danger,.music-card,.particle-card,.tab-button{cursor:pointer;background:#001610db;border:1px solid #00ff8a42;border-radius:8px}.primary{color:#001f13;background:linear-gradient(135deg,#00ff8a,#7dffef);border:0;min-height:48px;padding:0 18px;font-weight:900;box-shadow:0 0 22px #00ff8a47}body.ultra-visuals .primary,body.ultra-visuals .secondary,body.ultra-visuals .tab-button,body.ultra-visuals .particle-card,body.ultra-visuals .music-card{background:linear-gradient(135deg,#ff00cc52,#00d9ff38,#00ff8a29),#0000009e;border-color:#ffd60073;box-shadow:0 0 18px #ff00cc29}body.ultra-visuals .primary{color:#05000c;background:linear-gradient(135deg,#f0c,#00d9ff,#f8ff00)}.secondary,.danger{min-height:42px;padding:0 14px}.danger{color:#ff9eb4;border-color:#ff355e70}.start-button{width:100%}.start-options{grid-template-columns:1fr;gap:8px;display:grid}.menu-section{padding:12px}.cockpit-panel{grid-template-rows:auto auto;min-height:0;display:grid;overflow:visible}.tab-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.tab-button{color:#bfffea;background:#000a08b8;min-width:0;min-height:40px;padding:0 6px;font-size:12px;font-weight:800}.tab-panel{touch-action:pan-y;min-height:0;padding-right:2px;overflow:visible}.section-title,.screen-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px;display:flex}.compact-title{margin-bottom:8px}.section-title span{color:#7dffef;text-align:right;font-size:12px}.particle-grid,.music-grid{grid-template-columns:1fr;gap:8px;display:grid}.compact-grid{gap:7px}.particle-card,.music-card{text-align:left;grid-template-columns:auto 1fr;gap:3px 10px;padding:10px;display:grid}.profile-prompt,.profile-card,.username-edit,.synth-panel{background:#0010145c;border:1px solid #7dffef42;border-radius:8px;padding:10px}.synth-panel{gap:6px;margin-top:10px;display:grid}.synth-panel strong{color:#7dffef}.compact-slider{margin-top:4px;padding:7px}.profile-prompt{gap:8px;margin-bottom:10px;display:grid}.profile-prompt span,.profile-card p{color:#bceadd;margin:4px 0;font-size:12px}.profile-prompt input,.username-edit input{color:#eafff5;background:#00000073;border:1px solid #00ff8a3d;border-radius:8px;width:100%;min-height:40px;padding:0 10px}.particle-card{min-height:92px}.particle-card small,.particle-card span:not(.particle-orb),.music-card span,.music-card small{font-size:12px}.particle-card strong,.music-card strong{color:#f6fff9}.particle-card small,.music-card small,.particle-card span:not(.particle-orb),.music-card span,.muted,.empty{color:#9dbbb2}.selected{border-color:#7dffef;box-shadow:0 0 18px #00d9ff2e}.locked{opacity:.52}.particle-orb{background:radial-gradient(circle, var(--orb2), var(--orb) 45%, transparent 72%);width:32px;height:32px;box-shadow:0 0 20px var(--orb);border-radius:50%;grid-row:span 5}.upload-box,.select-box,.slider-row,.toggle,.admin-form label{color:#d8fff0;gap:8px;margin-top:10px;display:grid}.upload-box,.select-box,.slider-row{border:1px dashed #7dffef52;border-radius:8px;padding:10px}.slider-row input{accent-color:#00ff8a;width:100%}.upload-box input,.select-box select,.admin-form input,.admin-form select{color:#eafff5;background:#00000073;border:1px solid #00ff8a3d;border-radius:8px;width:100%;min-height:42px;padding:0 10px}.compact-controls{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.compact-controls>*{min-width:0;min-height:38px;padding:0 8px;font-size:12px}.button-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.button-row>*{flex:120px}.compact{margin-top:0}.wide{width:100%;margin-top:10px}.guard-note{color:#ffe8a3;background:#1a120047;border:1px solid #ffd76b3d;border-radius:8px;margin:12px 0 0;padding:10px;font-size:13px}.how-play-panel{color:#c8f7ff;background:#00101c6b;border:1px solid #22b7ff3d;border-radius:8px;margin:10px 0 0;padding:10px;font-size:12px}.how-play-panel h3,.profile-card h3{color:#7dffef;margin:0 0 6px;font-size:13px}.profile-card .username-edit{margin-top:10px}.how-play-panel p{margin:5px 0}.warning,.unlock{color:#ffd76b;margin:12px 0 0}.small{font-size:13px}.hud{z-index:6;pointer-events:none;padding:max(10px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.close-run{top:max(10px, env(safe-area-inset-top));z-index:8;color:#ffd8e0;pointer-events:auto;background:#1a0008bd;border:1px solid #ff355e7a;border-radius:8px;width:44px;height:44px;font-size:26px;line-height:1;position:fixed;right:10px}.hud-top,.hud-bottom{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00080594;border:1px solid #00ff8a2e;border-radius:8px;padding:8px}.hud-top{grid-template-columns:1fr 1.4fr .8fr}.hud-bottom{grid-template-columns:repeat(2,1fr)}.hud span,.result-grid span{color:#7eaaa0;text-transform:uppercase;font:700 10px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.hud strong,.result-grid strong{color:#effff9;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;display:block;overflow:hidden}.hud small{color:#7eaaa0;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.run-summary{color:#bceadd;margin:10px 0 0}.guard-hud.active{background:#00ff7a1f;border-radius:7px;box-shadow:inset 0 0 18px #00ff7a2e,0 0 18px #00ff7a24}.guard-hud.active span,.guard-hud.active strong{color:#95ffb7;text-shadow:0 0 10px #00ff7abf}.sync-hud.active{background:#22b7ff21;border-radius:7px;box-shadow:inset 0 0 18px #22b7ff2e,0 0 18px #7dffef1f}.sync-hud.active span,.sync-hud.active strong{color:#9eefff;text-shadow:0 0 10px #22b7ffbf}.pause-button{background:#001410e6;border:1px solid #7dffef52;border-radius:8px;grid-column:1/-1;min-height:42px}.game-over-screen,.admin-screen{place-items:center;display:grid}.game-over-panel,.admin-panel{width:min(100%,720px);padding:18px}.result-grid{grid-template-columns:1fr;margin:18px 0}.result-grid>div{background:#00000047;border:1px solid #00ff8a2e;border-radius:8px;padding:12px}.admin-host{z-index:20;position:fixed;inset:0}.admin-list{gap:10px;margin-top:16px;display:grid}.admin-entry{background:#00000047;border:1px solid #00ff8a2e;border-radius:8px;gap:10px;padding:12px;display:grid}.admin-entry span,.admin-entry small{color:#9dbbb2;overflow-wrap:anywhere;margin-top:4px;display:block}.toast{left:50%;top:max(48px, env(safe-area-inset-top));z-index:30;color:#fff7d5;background:#140e00db;border:1px solid #ffd76b57;border-radius:8px;width:min(100% - 28px,520px);padding:12px 14px;position:fixed;bottom:auto;transform:translate(-50%);box-shadow:0 0 20px #ffd76b29}body.ultra-visuals .toast{color:#fff;background:linear-gradient(135deg,#ff00ccb3,#000e18bd);border-color:#00d9ff85;box-shadow:0 0 24px #ff00cc47}body.ultra-visuals.dark-trip{background:radial-gradient(circle at 30% 22%,#ffffff21,#0000 18rem),radial-gradient(circle at 76% 72%,#a0a0a01f,#0000 22rem),#000}body.ultra-visuals.dark-trip:before{mix-blend-mode:difference;background:conic-gradient(#ffffff1f,#00000005,#b4b4b41f,#ffffff14),repeating-radial-gradient(circle,#0000 0 16px,#ffffff0e 17px 18px)}body.ultra-visuals.dark-trip .hero-panel,body.ultra-visuals.dark-trip .panel,body.ultra-visuals.dark-trip .menu-section,body.ultra-visuals.dark-trip .hud-top,body.ultra-visuals.dark-trip .hud-bottom{background:repeating-linear-gradient(135deg,#ffffff14 0 1px,#0000 1px 9px),#000000c7;border-color:#ffffff7a;box-shadow:0 0 28px #ffffff24,inset 0 0 28px #ffffff14}@media (width>=740px){.screen{padding:22px}.menu-screen{grid-template-rows:1fr;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:start;display:grid}.hero-panel{min-height:calc(100dvh - 44px);min-height:calc(var(--app-height) - 44px)}.particle-grid,.music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud{padding:16px}.hud-top{align-self:center;width:min(860px,100%)}.hud-bottom{grid-template-columns:1fr 1fr 1.5fr 1fr 1fr 1fr auto;align-self:center;width:min(920px,100%)}.pause-button{grid-column:auto;min-width:94px}.result-grid{grid-template-columns:repeat(3,1fr)}}@media (orientation:landscape) and (height<=560px){.screen{padding:8px}.menu-screen{-webkit-overflow-scrolling:touch;gap:8px;display:block;overflow-y:auto}.hero-panel{min-height:138px;margin-bottom:8px;padding:10px}.menu-section{min-height:auto}.cockpit-panel{display:block}.hero-panel:before{font-size:24px}h1{font-size:clamp(30px,7vw,52px)}h2{font-size:17px}.equation-strip,.science-rain,.eyebrow,.subtitle{display:none}.score-strip{margin-bottom:8px;font-size:11px}.score-strip span:last-child{display:none}.primary{min-height:40px}.start-options{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-section{padding:8px}.tab-row{gap:6px;margin-bottom:6px}.tab-button,.secondary,.danger{min-height:34px;padding:0 8px;font-size:12px}.section-title{margin-bottom:6px}.particle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.particle-card{min-height:80px;padding:7px}.particle-orb{width:24px;height:24px}.particle-card small,.particle-card span:not(.particle-orb),.music-card span,.music-card small,.muted.small{font-size:10px}.upload-box,.select-box,.slider-row,.guard-note,.how-play-panel{margin-top:6px;padding:7px}.compact-controls{gap:5px;margin-top:6px}.hud{padding:max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom))}.hud-top,.hud-bottom{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00080542;border-color:#00ff8a1f;grid-template-columns:auto auto auto;align-self:flex-start;gap:5px;width:auto;max-width:calc(100vw - 64px);padding:4px 6px}.hud-bottom>div:first-child,.hud-bottom>div:nth-child(2),.hud-bottom>div:nth-child(3),.hud-bottom>div:nth-child(6){display:none}.hud span{font-size:8px}.hud strong{margin-top:1px;font-size:10px}.hud small{display:none}.pause-button{grid-column:auto;min-width:58px;min-height:28px;padding:0 8px;font-size:11px}.close-run{background:#1a00087a;width:34px;height:34px;font-size:20px}.toast{top:max(38px, env(safe-area-inset-top));background:#140e0094;width:min(100% - 92px,360px);padding:7px 10px;font-size:12px}}@media (orientation:portrait) and (width<=900px){.game-shell:before,.game-shell:after{z-index:100;pointer-events:auto;place-items:center;display:grid;position:fixed;inset:0}.game-shell:before{content:"";background:radial-gradient(circle at 50% 35%,#00ff8a38,#0000 18rem),#000000f0}.game-shell:after{content:"Rotate to landscape";color:#eafff5;text-align:center;text-shadow:0 0 18px #00ff8a8c;padding:24px;font:900 28px/1.1 ui-sans-serif,system-ui,sans-serif}}