:root{--bg:#061626;--panel:rgba(5,20,38,.78);--blue:#15b8ff;--gold:#ffd24a;--white:#f7fbff}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:#020912;color:var(--white);overflow:hidden}button,select{font:inherit;border:0;border-radius:18px;padding:14px 18px;background:linear-gradient(#1baeff,#0670d9);color:white;font-weight:800;box-shadow:0 8px 0 rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.25)}button:active{transform:translateY(2px);box-shadow:0 4px 0 rgba(0,0,0,.25)}button.primary{background:linear-gradient(#63ef3b,#158f29)}select{background:#0b2b4b}.screen{position:fixed;inset:0;display:none;padding:18px;background:radial-gradient(circle at top,#0a64a8,#061626 58%,#020912);overflow:auto}.screen.active{display:block}.splash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.brand,.panel,header,.cards,.wallet{position:relative;z-index:1}.brand{text-align:center;margin-top:8vh;text-shadow:0 4px 12px #000}.brand h1{font-size:clamp(36px,9vw,62px);margin:0;color:var(--gold)}.brand p{font-size:18px}.panel{background:var(--panel);border:2px solid rgba(49,196,255,.45);border-radius:28px;padding:18px;backdrop-filter:blur(10px);box-shadow:0 10px 34px rgba(0,0,0,.45)}.home-panel{position:absolute;left:18px;right:18px;bottom:calc(20px + env(safe-area-inset-bottom));display:grid;gap:12px}.row{display:flex;gap:10px}.row>*{flex:1}header{display:flex;align-items:center;gap:12px}header h2{margin:0;color:var(--gold)}.back{width:56px}.cards{display:grid;gap:14px;margin-top:18px}.card{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;background:var(--panel);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:12px}.card img{width:96px;height:96px;object-fit:contain;border-radius:18px}.card h3{margin:0;color:var(--gold)}.card p{margin:4px 0 10px;color:#d7eeff}.wallet{display:flex;justify-content:center;gap:18px;margin:16px 0;font-size:22px}.center{text-align:center}.reward{width:180px;max-width:60%;object-fit:contain}.game-screen{padding:0;overflow:hidden;background:#000}canvas{width:100vw;height:100vh;display:block;touch-action:none}.hud{position:absolute;z-index:5;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.hud.top{top:calc(10px + env(safe-area-inset-top))}.hud span,.hud button{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:10px 12px;box-shadow:none}.hud button{width:54px}.modal{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55)}.hidden{display:none!important}.result-card{margin:16vh auto 0;max-width:480px}.stars{font-size:52px;letter-spacing:8px;color:var(--gold)}@media(min-width:700px){.screen{max-width:520px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 9999px #020912}.game-screen{max-width:520px}}