*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080a12;color:#eef1ff;font-family:Arial,sans-serif}button{border:1px solid #53607d;background:#151a2a;color:#fff;border-radius:12px;padding:12px 18px;font-weight:700;letter-spacing:.06em}button:active{transform:scale(.96)}#app{width:100%;height:100%;position:relative}.topbar{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:#0c1020;border-bottom:1px solid #252c42;position:absolute;z-index:20;width:100%}.topbar span{display:block;font-size:10px;color:#8f9abb;letter-spacing:.2em}.top-actions{display:flex;gap:14px;align-items:center}.top-actions a{font-size:10px;color:#aab1ca;text-decoration:none;letter-spacing:.12em}.topbar #status{font-size:10px;color:#7ee0c3}.screen{display:none;width:100%;height:100%;padding-top:52px}.screen.active{display:flex}.title-screen{}.screen#titleScreen{align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 50% 38%,#24264b,#080a12 60%);position:relative;overflow:hidden}.landing-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(123,92,255,.20),transparent 34%),linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.025) 48% 49%,transparent 49% 100%);pointer-events:none}.landing-backdrop:after{content:"";position:absolute;inset:10%;border:1px solid rgba(169,156,255,.12);transform:skewY(-7deg);box-shadow:0 0 80px rgba(92,75,216,.08)}.landing-content{position:relative;z-index:2;text-align:center;padding:30px 18px}.eyebrow{font-size:10px;letter-spacing:.25em;color:#8f9abb;margin-bottom:16px}.mission-line{font-size:11px;letter-spacing:.2em;color:#aab1ca;margin:20px 0 24px}.mission-line span{color:#6f63b8}.landing-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.landing-actions .primary{margin:0}.play-now{box-shadow:0 0 30px rgba(112,89,255,.25);min-width:250px}.quick-info{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:26px;color:#69738f;font-size:9px;letter-spacing:.1em}.landing-footer{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;color:#59627b;font-size:9px;letter-spacing:.12em}.landing-footer a{color:#8f9abb;text-decoration:none}.about-card{margin:auto;text-align:center;max-width:520px;width:90%;padding:40px;background:#0d1120;border:1px solid #404966;border-radius:18px;box-shadow:0 20px 80px rgba(0,0,0,.35)}.about-card h1{letter-spacing:.14em;margin:0 0 16px}.about-card p{color:#aab1ca;line-height:1.6;margin:0 auto 24px;max-width:420px}.about-card button{margin:4px}.logo{font-size:clamp(44px,12vw,110px);font-weight:900;letter-spacing:.14em}.logo span{font-weight:300}.tagline{color:#aab1ca;margin:0 0 38px}.primary{background:#5e4bd8;border-color:#8779ee;min-width:220px;margin:6px}.screen#gameScreen{position:relative}.hud{position:absolute;z-index:10;top:68px;left:18px;right:18px;display:flex;gap:12px;align-items:center}.bar{display:flex;gap:6px;align-items:center;font-size:10px}.bar div{width:110px;height:8px;background:#22283a;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;width:100%;background:#72e1b6}.objective{margin-left:auto;background:#0c1020cc;border:1px solid #303851;padding:9px 12px;border-radius:9px;font-size:12px}.objective.flash{animation:flash .5s}@keyframes flash{50%{opacity:.25}}#scene{position:absolute;inset:52px 0 0;background:#12172a;overflow:hidden}.hidden{display:none!important}#sky{position:absolute;inset:0 0 45%;background:linear-gradient(#141b39,#32355c)}#city{position:absolute;left:0;right:0;bottom:42%;height:30%;background:repeating-linear-gradient(90deg,#161b2a 0 7%,#252b3b 7% 9%,#151a29 9% 17%)}#ground{position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(140deg,#242a3a,#101522)}#player,#enemy{position:absolute;bottom:29%;left:50%;font-size:54px;text-shadow:0 0 22px #a89bff;transition:all .25s}.player-hit{animation:hit .18s}@keyframes hit{50%{transform:translateX(-12px)}}#enemy{color:#e777ff;text-shadow:0 0 30px #d93cff}.enemy-attack{animation:enemyatk .35s}@keyframes enemyatk{50%{transform:translate(-30px,-8px)}}#veil{position:absolute;left:50%;top:35%;transform:translateX(-50%);font-size:48px;letter-spacing:.5em;color:#b9aaff;text-shadow:0 0 35px #7b5cff;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35;transform:translateX(-50%) scale(1.08)}}.message{position:absolute;z-index:12;left:50%;top:35%;transform:translate(-50%,-50%);background:#080a12dd;padding:16px 22px;border:1px solid #596487;border-radius:12px;text-align:center;max-width:80%;opacity:0;transition:opacity .2s}.message.show{opacity:1}.controls{position:absolute;z-index:15;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end}.stick{width:92px;height:92px;border:2px solid #626d8d;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#101629cc;font-size:10px}.actions{display:grid;grid-template-columns:repeat(2,auto);gap:8px}.actions button{font-size:10px;padding:11px}.complete-card{text-align:center;margin:auto;padding:40px;background:#0d1120;border:1px solid #404966;border-radius:18px;max-width:520px;width:90%}.complete-card h1{letter-spacing:.1em}.complete-card p{color:#a99cff}.complete-card #summary{color:#aab1ca;margin:18px 0 28px}@media(max-width:700px){.topbar{padding:0 12px}.landing-content{padding-top:18px}.eyebrow{font-size:8px}.logo{font-size:clamp(42px,16vw,76px)}.tagline{margin-bottom:18px}.mission-line{margin:12px 0 18px}.quick-info{gap:9px;margin-top:18px}.landing-footer{font-size:8px}.top-actions a{display:none}.hud{flex-wrap:wrap}.objective{width:100%;margin-left:0}.bar div{width:75px}.actions button{padding:9px 8px}.controls{bottom:12px;left:12px;right:12px}}