:root{--bg:#0b1020;--panel:#111a2e;--gold:#ffd35a;--blue:#3dd5ff;--red:#ff4d57;--text:#f8fbff;--muted:#a9b5c9}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#22304f,#090d18 60%);color:var(--text);overflow:hidden}button{border:0;border-radius:16px;padding:14px 18px;font-weight:900;color:#09111f;background:linear-gradient(#fff,#cce8ff);box-shadow:0 7px 0 rgba(0,0,0,.25);cursor:pointer;touch-action:manipulation}button:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(0,0,0,.25)}.primary{background:linear-gradient(180deg,#ffe891,#ffb300);font-size:20px}.screen{position:fixed;inset:0;display:none}.screen.active{display:flex}.overlay{align-items:center;justify-content:center;background:rgba(0,0,0,.55);z-index:10}.glass{background:linear-gradient(160deg,rgba(26,38,66,.92),rgba(10,16,30,.92));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.5);backdrop-filter:blur(10px)}#home{align-items:center;justify-content:center;flex-direction:column;padding:16px}.logo{width:min(430px,70vw);border-radius:32px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.55));margin-bottom:-28px;z-index:1}.hero-card{width:min(680px,94vw);padding:38px 26px 24px;border-radius:34px;text-align:center}.hero-card h1{margin:0;color:var(--gold);font-size:clamp(32px,7vw,64px);text-shadow:0 4px 0 #5b2c00}.hero-card p{color:var(--muted);font-size:18px}.stats-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0}.stats-row span{background:rgba(255,255,255,.08);padding:10px 14px;border-radius:999px}.grid-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.ad-slot{position:absolute;bottom:10px;background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.25);padding:8px 18px;border-radius:12px;color:var(--muted)}#gameCanvas{width:100%;height:100%;display:block;background:#111}.hud{position:absolute;left:12px;right:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;pointer-events:none}.hud>*{pointer-events:auto}.hud.top{top:env(safe-area-inset-top,10px);top:10px}.hud.bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);justify-content:center}.hud span{background:rgba(3,8,18,.65);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 13px;font-weight:900}.modal{width:min(720px,92vw);padding:26px;border-radius:30px;text-align:center;max-height:90vh;overflow:auto}.modal h2{font-size:34px;margin:0 0 18px;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:linear-gradient(#25375e,#121a2e);border:2px solid rgba(255,211,90,.45);border-radius:22px;padding:18px;min-height:170px;color:var(--text)}.card h3{color:var(--blue);font-size:22px}.panel-modal{text-align:left}.close{float:right;border-radius:50%;padding:8px 14px}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.08);padding:14px;border-radius:18px;margin:10px 0}.badge{color:var(--gold);font-weight:900}.mission.done{outline:2px solid #52ff90}@media(max-width:620px){.cards{grid-template-columns:1fr}.hud.top{font-size:12px}.hud span{padding:8px}.logo{width:82vw}.hero-card{padding-top:32px}.grid-buttons{grid-template-columns:1fr 1fr}button{padding:12px}}