@import url('data:text/css,');
:root{--void:#06080b;--graphite:#0d1117;--steel:#1a232c;--cyan:#5eeaff;--amber:#ffbc55;--hot:#ff5c32;--ink:#f3f7f7;--muted:#81909a;--line:rgba(129,220,235,.18)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#030507;color:var(--ink);font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",sans-serif;touch-action:none;user-select:none}
body{display:grid;place-items:center}
button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}
.prototype-frame{height:100%;width:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;background:radial-gradient(ellipse at 50% 30%,#121b22 0,#05080b 58%,#020304 100%)}
#game-shell{position:relative;height:min(calc(100dvh - 42px),960px);aspect-ratio:9/16;width:min(calc((100dvh - 42px)*.5625),100vw);max-width:540px;overflow:hidden;background:var(--void);isolation:isolate;box-shadow:0 0 0 1px rgba(94,234,255,.13),0 30px 100px #000}
canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#070a0e}
footer{height:42px;width:min(540px,100%);padding:8px 12px 7px;display:flex;align-items:center;justify-content:space-between;gap:12px;letter-spacing:.11em;color:#78838b;font:600 8px/1.2 ui-monospace,SFMono-Regular,monospace;background:#030507;border-top:1px solid #172027}
footer b{color:#d2dade;font-size:9px;white-space:nowrap}.hud[hidden],.boosters[hidden],.charge-meter[hidden]{display:none!important}.screen{position:absolute;inset:0;z-index:10;display:none;padding:clamp(24px,6vw,38px);background:linear-gradient(180deg,rgba(4,7,10,.2),rgba(4,7,10,.9))}.screen.visible{display:flex;flex-direction:column}
#menu-screen{justify-content:space-between;background:linear-gradient(180deg,rgba(4,7,10,.05) 0%,rgba(5,8,11,.15) 52%,rgba(5,8,11,.96) 80%)}.menu-atmosphere{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(104deg,transparent 0 46px,rgba(83,221,244,.025) 47px 48px),linear-gradient(115deg,transparent 0 42%,rgba(255,107,48,.09) 42.2% 42.6%,transparent 43%)}
.brand-block{padding-top:3vh}.eyebrow{margin:0 0 .3rem;color:var(--cyan);font:700 9px/1 ui-monospace,monospace;letter-spacing:.32em}.brand-block h1{margin:0;font:900 clamp(80px,24vw,126px)/.82 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:-.055em}.brand-block h1 span{color:var(--hot);text-shadow:0 0 28px rgba(255,92,50,.6)}.manifesto{margin:12px 0 0;padding-left:4px;letter-spacing:.25em;font-size:10px;color:#aab5bb}
.orb-preview{position:absolute;left:50%;top:43%;width:clamp(132px,39vw,210px);height:clamp(132px,39vw,210px);translate:-50% -50%;border-radius:46% 54% 52% 48%/50% 45% 55% 50%;background:radial-gradient(circle at 34% 25%,#ffdf70 0 2%,#ff8a35 16%,#ef481e 47%,#861c1b 72%,#290a0b 100%);box-shadow:inset -22px -28px 34px rgba(30,0,8,.65),inset 16px 14px 26px rgba(255,235,159,.18),0 0 65px rgba(255,85,36,.25),0 26px 26px rgba(0,0,0,.65);animation:orbIdle 2.8s ease-in-out infinite}.orb-preview:after{content:"";position:absolute;left:15%;right:15%;top:45%;height:25%;border-radius:50%;background:linear-gradient(180deg,#07090a,#131a1d);box-shadow:inset 0 2px 4px #34454c,0 4px 16px rgba(0,0,0,.7)}.orb-preview i{position:absolute;z-index:2;top:53%;width:22%;height:3px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.orb-preview i:first-child{left:25%;transform:rotate(7deg)}.orb-preview i:last-child{right:25%;transform:rotate(-7deg)}@keyframes orbIdle{50%{transform:translateY(-9px) scale(1.025,.975)}}
.menu-actions{display:grid;gap:9px}.primary-btn,.secondary-btn{min-height:55px;border-radius:2px;letter-spacing:.14em;font-weight:900;position:relative;overflow:hidden}.primary-btn{background:var(--cyan);color:#071015;box-shadow:0 0 28px rgba(94,234,255,.18)}.primary-btn:after{content:"";position:absolute;top:0;bottom:0;width:35%;left:-45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:sweep 4s ease-in-out infinite}@keyframes sweep{0%,65%{left:-45%}90%,100%{left:120%}}.primary-btn span,.primary-btn small{display:block}.primary-btn small{font:700 7px/1.6 ui-monospace,monospace;letter-spacing:.18em;opacity:.58}.secondary-btn{background:#11171d;border:1px solid #29343d;color:#c8d3d8;font-size:10px}.primary-btn.hot{background:var(--hot);color:white}.menu-meta{display:flex;align-items:center;justify-content:space-between;margin-top:5px;color:#8f9da5;font:700 8px/1 ui-monospace,monospace;letter-spacing:.12em}.menu-meta span{display:flex;align-items:center;gap:7px}.menu-meta button,.text-btn{background:none;color:#9aa8af;font-weight:800;letter-spacing:.15em;font-size:9px;padding:12px}.coin-glyph{display:inline-block;width:12px;height:12px;border:2px solid var(--amber);border-radius:50%;box-shadow:0 0 9px rgba(255,188,85,.5);position:relative}.coin-glyph:after{content:"";position:absolute;inset:2px;border:1px solid var(--amber);border-radius:50%}
.hud{position:absolute;z-index:5;left:0;right:0;top:0;padding:max(12px,env(safe-area-inset-top)) 12px 8px;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(3,6,9,.85),transparent)}.icon-btn{width:42px;height:42px;border:1px solid rgba(132,218,232,.2);background:rgba(9,15,20,.72);font-weight:900}.progress-block{flex:1}.hud-kicker{font:700 7px/1.6 ui-monospace,monospace;letter-spacing:.16em;color:#a9bac2;white-space:nowrap}.progress-track{height:3px;background:#1e2b31}.progress-track i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.coin-readout{height:42px;min-width:55px;display:flex;gap:7px;align-items:center;justify-content:center;background:rgba(9,15,20,.72);border:1px solid rgba(255,188,85,.2);font:800 12px ui-monospace,monospace}.charge-meter{position:absolute;z-index:5;left:12px;top:74px;width:74px;height:5px;background:#202a2e}.charge-meter span{position:absolute;top:-11px;color:#6f8088;font:700 6px ui-monospace,monospace;letter-spacing:.15em}.charge-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber),var(--hot));box-shadow:0 0 8px var(--hot)}
.boosters{position:absolute;z-index:6;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.boosters button{height:54px;background:rgba(7,12,16,.9);border:1px solid rgba(128,172,185,.22);display:grid;grid-template-columns:26px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:6px}.boosters button:disabled{opacity:.32}.boosters button.active{border-color:var(--cyan);box-shadow:inset 0 0 16px rgba(94,234,255,.08)}.booster-mark{grid-row:1/3;font-size:18px;color:var(--cyan)}.booster-mark.magnet{color:var(--amber)}.booster-mark.auto{color:var(--hot)}.boosters b{font-size:6px;letter-spacing:.08em}.boosters em{font:700 7px ui-monospace,monospace;color:var(--amber);font-style:normal}
#select-screen{background:linear-gradient(155deg,#111922 0,#06090d 55%);justify-content:flex-start}.back-btn{align-self:flex-start;background:none;color:var(--cyan);font:700 9px ui-monospace,monospace;letter-spacing:.18em;padding:5px 0 35px}.panel-heading p{font:700 8px ui-monospace,monospace;letter-spacing:.24em;color:var(--hot)}.panel-heading h2{font:900 clamp(34px,10vw,52px)/.92 Impact,sans-serif;letter-spacing:.02em;margin:7px 0 34px}.level-list{display:grid;gap:12px}.level-card{min-height:110px;background:#0b1117;border:1px solid #26343e;padding:16px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:1fr auto;text-align:left;position:relative}.level-card:hover,.level-card:focus{border-color:var(--cyan)}.level-card>span{font:900 28px Impact;color:#31414b}.level-card div{display:grid;gap:4px}.level-card b{font-size:11px;letter-spacing:.12em}.level-card small{font:700 7px ui-monospace,monospace;letter-spacing:.1em;color:#778a95}.level-card em{grid-column:2;font:700 8px ui-monospace,monospace;color:var(--amber);font-style:normal}.select-note{margin-top:auto;color:#677780;font:700 7px/1.7 ui-monospace,monospace;letter-spacing:.12em}
.modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:rgba(3,5,8,.74);backdrop-filter:blur(7px)}.modal[hidden]{display:none}.modal>div{width:100%;padding:30px 24px;background:#0b1015;border-top:2px solid var(--cyan);box-shadow:0 30px 90px #000;display:grid;gap:10px}.modal p{margin:0;color:var(--cyan);font:700 8px ui-monospace,monospace;letter-spacing:.25em}.modal h2{font:900 clamp(36px,11vw,48px)/.9 Impact,sans-serif;margin:5px 0 18px;letter-spacing:.03em}.result h2{font-size:clamp(31px,9vw,42px);white-space:nowrap}.result>div{border-color:var(--hot)}.result p{color:var(--hot)}.result-line{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #202b32;font:700 8px ui-monospace,monospace;letter-spacing:.12em}.result-line b{font-size:11px;color:white}.droplets{display:flex;gap:11px;margin:-5px 0 18px}.droplets i{width:29px;height:38px;display:block;border:2px solid #31414b;border-radius:60% 40% 64% 36%/66% 42% 58% 34%;transform:rotate(45deg)}.droplets i.earned{background:linear-gradient(135deg,var(--amber),var(--hot));border:0;box-shadow:0 0 20px rgba(255,110,45,.34)}.toast{position:absolute;z-index:30;left:50%;bottom:82px;translate:-50% 12px;min-width:180px;max-width:80%;padding:10px 14px;text-align:center;color:#071015;background:var(--cyan);font:900 8px ui-monospace,monospace;letter-spacing:.12em;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;translate:-50% 0}
@media (max-height:700px){.brand-block h1{font-size:76px}.orb-preview{width:120px;height:120px}.menu-actions{gap:6px}.primary-btn,.secondary-btn{min-height:48px}.boosters button{height:49px}.panel-heading h2{font-size:36px;margin-bottom:22px}.level-card{min-height:92px}}
@media (prefers-reduced-motion:reduce){.orb-preview,.primary-btn:after{animation:none}.toast{transition:none}}