:root{--blue:#0757d8;--blue2:#0eb9ff;--gold:#ffc629;--orange:#ff8b13;--dark:#061735;--panel:rgba(255,255,255,.95);--text:#12213c;--danger:#ff3864;--ok:#16c784}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:#061735;color:var(--text);overflow:hidden;touch-action:none}button{font:inherit;border:0;border-radius:18px;padding:14px 18px;font-weight:950;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.18);transition:transform .12s,filter .12s}button:active{transform:scale(.97)}button:disabled{filter:grayscale(1);opacity:.65}.screen{display:none;position:fixed;inset:0}.screen.active{display:flex}.home-shell{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;gap:24px;padding:22px;background:radial-gradient(circle at 45% 8%,#46ddff 0,#0b82ec 36%,#05215d 100%);overflow:auto}.hero-card,.panel-card,.modal{background:var(--panel);border:4px solid rgba(255,255,255,.45);border-radius:34px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.32);text-align:center}.hero-card{width:min(430px,94vw)}.app-logo{width:172px;height:172px;border-radius:38px;object-fit:cover;box-shadow:0 16px 36px rgba(0,0,0,.34)}.eyebrow{display:inline-block;margin:14px 0 4px;padding:6px 12px;border-radius:999px;background:#e9f7ff;color:#0757d8;font-weight:950;text-transform:uppercase;letter-spacing:.04em;font-size:12px}h1{font-size:48px;line-height:.88;margin:10px 0 8px;color:#07429d;text-shadow:0 3px 0 #fff}h2{font-size:32px;margin:8px 0 18px;color:#07429d}.tagline{font-weight:850;color:#344260}.stats-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0}.stats-row span,.hud span{background:#fff;border:2px solid #dcecff;border-radius:999px;padding:8px 12px;font-weight:950;box-shadow:0 6px 14px rgba(0,0,0,.12)}.primary{background:linear-gradient(180deg,var(--gold),var(--orange));color:#17223f}.secondary{background:linear-gradient(180deg,#fff,#dff4ff);color:#07429d}.ghost{background:#eef3ff;color:#33415f}.big{width:100%;font-size:20px;margin:6px 0}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,210px));gap:14px}.menu-grid button{background:#fff;color:#07429d;min-height:84px;font-size:17px}.panel-card{width:min(820px,95vw);max-height:92vh;overflow:auto;margin:auto;text-align:left}.back{background:#eef3ff;color:#07429d;margin-bottom:10px}.item{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f4f8ff;border:2px solid #dcecff;border-radius:20px;padding:15px;margin:10px 0}.item strong{display:block;font-size:16px}.muted{display:block;color:#667085;font-size:14px;font-weight:750;margin-top:3px}.pill{background:#07429d;color:#fff;border-radius:999px;padding:7px 11px;font-weight:950;display:inline-block;white-space:nowrap}.progress{height:12px;background:#dcecff;border-radius:999px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#16c784,#ffc629);border-radius:999px}.game-screen.active{display:block}canvas{width:100vw;height:100vh;display:block;background:#83ddff}.hud{position:fixed;display:flex;gap:8px;flex-wrap:wrap;z-index:4}.top-left{top:10px;left:56px}.floating{position:fixed;z-index:5}.small{top:10px;right:10px;width:48px;height:48px;padding:0;background:#fff;color:#07429d}.back-game{top:10px;left:8px;width:42px;height:42px;padding:0;background:#fff;color:#07429d}.boss-bar{position:fixed;top:62px;left:50%;transform:translateX(-50%);width:min(520px,70vw);height:18px;border-radius:999px;background:rgba(255,255,255,.4);overflow:hidden;border:2px solid #fff;display:none;z-index:6}.boss-bar.active{display:block}.boss-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff3864,#ffc629)}.controls{position:fixed;inset:auto 0 16px 0;display:flex;justify-content:space-between;align-items:end;padding:0 26px;pointer-events:none;z-index:5}.shoot,.skill,.aim-pad{pointer-events:auto}.shoot{width:106px;height:106px;border-radius:50%;font-size:42px;background:radial-gradient(circle,#fff 0,#78e3ff 56%,#0757d8 100%);border:5px solid #fff}.skill{width:76px;height:76px;border-radius:50%;font-size:30px;background:radial-gradient(circle,#fff,#ffe07a 55%,#ff8b13);border:4px solid #fff;margin-right:auto;margin-left:18px}.aim-pad{width:152px;height:152px;border-radius:50%;background:rgba(255,255,255,.3);border:4px solid rgba(255,255,255,.75);position:relative;box-shadow:inset 0 0 20px rgba(0,0,0,.25)}#aimKnob{position:absolute;width:58px;height:58px;border-radius:50%;background:#fff;left:43px;top:43px;box-shadow:0 8px 18px rgba(0,0,0,.3)}.overlay{align-items:center;justify-content:center;background:rgba(3,10,28,.65);z-index:20}.modal{width:min(440px,92vw)}.modal button{display:block;width:100%;margin:10px 0}.ad-box{background:linear-gradient(180deg,#fff,#edf8ff)}.ad-timer{font-size:54px;font-weight:1000;color:#07429d;margin:18px}.ad-timer span{color:#ff8b13}#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(120px);background:#061735;color:white;padding:12px 18px;border-radius:999px;font-weight:850;box-shadow:0 12px 30px rgba(0,0,0,.35);z-index:50;transition:.25s;max-width:92vw;text-align:center}#toast.show{transform:translateX(-50%) translateY(0)}@media(max-width:760px){.home-shell{flex-direction:column;justify-content:flex-start}.menu-grid{grid-template-columns:repeat(3,1fr);width:94vw}.menu-grid button{font-size:13px;padding:10px;min-height:60px}.hero-card{padding:16px}.app-logo{width:132px;height:132px}h1{font-size:35px}.controls{padding:0 12px}.shoot{width:86px;height:86px}.skill{width:62px;height:62px;font-size:24px}.aim-pad{width:128px;height:128px}#aimKnob{left:35px;top:35px}.hud span{font-size:12px;padding:6px 8px}.top-left{left:50px}.item{align-items:flex-start;flex-direction:column}.item button{width:100%}}