:root{--cyan:#56efff;--blue:#0b223b;--ink:#eafaff;--muted:#9dc1d2;--pink:#ff4d83;--amber:#ffc857}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#040b16;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}body{touch-action:none}button{font:inherit;color:inherit;background:#102a43aa;border:1px solid #77dbea66;border-radius:12px;padding:.85rem 1.25rem;font-weight:750;letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(8px)}button:hover,button:focus-visible{border-color:var(--cyan);transform:translateY(-1px);outline:none;box-shadow:0 0 22px #25e5ff33}.primary{background:linear-gradient(135deg,#0fcbe5,#3b7dff);border:0;color:#02111c;box-shadow:0 8px 30px #00dfff35}#app,#game,.screen{position:absolute;inset:0}#game{width:100%;height:100%;background:#071525}.screen{display:none;z-index:10}.screen.active{display:grid}#menu{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);background:#040b16}.cover{width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.7)}.menu-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,6rem);background:linear-gradient(90deg,#06101cee,#08182b);box-shadow:-60px 0 90px #06101c}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;color:var(--cyan);font-weight:800}.menu-copy h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.78;margin:.45rem 0 1.3rem;letter-spacing:-.065em;max-width:6ch}.menu-copy h1 span{color:var(--cyan);text-shadow:0 0 24px #39e3ff55}.tagline{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--muted);max-width:30rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.4rem 0}.micro{color:#7795a7;font-size:.78rem}#hud{position:absolute;z-index:4;top:0;left:0;right:0;display:grid;grid-template-columns:auto minmax(140px,280px) auto auto auto;align-items:center;gap:clamp(.5rem,2vw,2rem);padding:max(.8rem,env(safe-area-inset-top)) clamp(.8rem,3vw,2rem) .8rem;background:linear-gradient(#04101ddd,transparent);pointer-events:none}.brand{font-weight:900;letter-spacing:.12em;color:var(--cyan)}.stat{display:flex;gap:.55rem;align-items:center;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.stat b{font-size:1rem;color:white}.meter{height:9px;min-width:90px;flex:1;border-radius:10px;background:#162a3d;overflow:hidden}.meter i,#bossFill{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:width .18s}#pauseBtn{pointer-events:auto;padding:.5rem .7rem}#bossHud{position:absolute;z-index:4;top:76px;left:50%;transform:translateX(-50%);width:min(480px,70vw);text-align:center;color:#ff9ab4;font-size:.68rem;font-weight:900;letter-spacing:.18em}#bossHud div{height:8px;margin-top:6px;border-radius:9px;background:#230c1a;overflow:hidden}#bossFill{background:linear-gradient(90deg,#ff3c68,#ffb347)}#status{position:absolute;z-index:5;top:20%;left:50%;transform:translate(-50%,-50%);font-weight:900;letter-spacing:.15em;text-align:center;text-shadow:0 4px 25px #000;font-size:clamp(1rem,3vw,2rem);pointer-events:none}#powerTray{position:absolute;z-index:4;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.chip{border:1px solid #7de8ff44;background:#071725cc;border-radius:99px;padding:.42rem .72rem;font-size:.7rem;font-weight:800;color:#bcecf5}dialog{border:1px solid #5dcde455;border-radius:22px;color:var(--ink);background:#071726f4;width:min(620px,calc(100% - 2rem));padding:clamp(1.4rem,4vw,2.5rem);box-shadow:0 30px 100px #000c}dialog::backdrop{background:#020814cc;backdrop-filter:blur(8px)}dialog h2{font-size:2.2rem;margin:.3rem 0 1.3rem}.close{position:absolute;right:1rem;top:1rem;padding:.3rem .6rem;border:0;background:none;font-size:1.6rem}.briefing{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.briefing div{border-top:1px solid #6cdced44;padding-top:.8rem}.briefing b{color:var(--cyan)}.briefing p{color:var(--muted);line-height:1.45;margin:.35rem 0}.closeAction{margin-top:1rem;width:100%}#result{place-items:center;background:#03101bd9;backdrop-filter:blur(10px)}.result-card{width:min(540px,calc(100% - 2rem));padding:clamp(2rem,6vw,4rem);text-align:center;border:1px solid #6de9ff44;border-radius:24px;background:#071827;box-shadow:0 30px 100px #000b}.result-card h2{font-size:clamp(2.3rem,7vw,4rem);margin:.5rem 0;color:var(--cyan)}.result-score{display:flex;flex-direction:column;margin:1.5rem}.result-score span{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.result-score b{font-size:3rem}#resultText{color:var(--muted)}@media(max-width:760px){#menu{grid-template-columns:1fr}.cover{position:absolute;inset:0;opacity:.5}.menu-copy{z-index:1;background:linear-gradient(0deg,#04101cf5 15%,#04101c55);box-shadow:none;justify-content:flex-end;padding:2rem 1.25rem 3rem}.menu-copy h1{font-size:clamp(3.2rem,19vw,5.5rem)}#hud{grid-template-columns:1fr auto auto}.brand,.stat>span{display:none}.stat:nth-of-type(1){grid-column:1/4;grid-row:2}.meter{width:100%}#pauseBtn{grid-column:4;grid-row:1}.briefing{grid-template-columns:1fr}.briefing div{padding-top:.5rem}.briefing p{font-size:.88rem;margin:.2rem 0}dialog{max-height:92vh;overflow:auto}}

.menu-copy h1{font-size:clamp(3.2rem,5.2vw,5.4rem);line-height:.82;max-width:8ch}