*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071328;color:#fff;font-family:Nunito,"Trebuchet MS",Arial,sans-serif}body{display:flex;align-items:center;justify-content:center}button{font:inherit;cursor:pointer;touch-action:manipulation;outline-offset:3px}#app{container-type:size;position:relative;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;aspect-ratio:auto;background:#061939;overflow:hidden;isolation:isolate;box-shadow:none;flex-shrink:0}#stage{width:100%;height:100%;display:block;object-fit:cover;object-position:center;touch-action:none}.hidden{display:none!important}.screen{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center}.intro-screen{z-index:20;background:radial-gradient(ellipse,#395eaf,#071a4d)}.intro-screen video{position:absolute;width:100%;height:100%;object-fit:contain}.intro-screen{cursor:pointer}.intro-skip,.intro-brand{display:none!important}.menu-screen{flex-direction:column;justify-content:flex-start}.menu-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08255b75,#07143b3f 72%,#071d4e65);pointer-events:none}.menu-title{position:absolute;top:4.4%;text-align:center;z-index:4;display:flex;flex-direction:column;align-items:center;gap:1cqw;filter:drop-shadow(0 6px 6px #021338aa)}.menu-title h1{line-height:.92;font-family:"Fredoka",Nunito,sans-serif;font-weight:700;margin:0;letter-spacing:.01em;font-size:7.2cqw;color:#f5fbff;-webkit-text-stroke:.24cqw #2f66ba;text-shadow:0 .42cqw 0 #0d2f6e}.menu-app-icon{width:9.4cqw;max-width:170px;aspect-ratio:1/1;border-radius:50%;box-shadow:0 .55cqw 1.1cqw rgba(1,18,48,.35)}.menu-child{position:absolute;bottom:0.5%;width:22%;z-index:5;pointer-events:none;filter:drop-shadow(0 12px 11px #06163b9c);max-height:67%;object-fit:contain;overflow:visible}.child-left{left:1.8%;transform:rotate(-2deg)}.child-right{right:1.6%;transform:rotate(2deg)}.menu-actions{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:32%;z-index:7;display:flex;flex-direction:column;gap:1.15cqw}.game-button{border-radius:1.6cqw;border:.28cqw solid #fff9;font-size:2.45cqw;font-weight:1000;color:#fff;text-shadow:0 2px 0 #111a48ad;box-shadow:0 .55cqw 0 #071f538c,0 1cqw 1.3cqw #071b428c;padding:.4em .6em;min-height:2.5em;white-space:nowrap;transition:transform .12s,filter .12s}.game-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.game-button:active{transform:translateY(2px)}.primary{background:linear-gradient(#ff7f87,#ec2c46 48%,#ca1538);border-color:#fff1e8}.secondary{background:linear-gradient(#79c9ff,#4085e8 44%,#2054b8);border-color:#ecf8ff}.tertiary{background:linear-gradient(#769ac8,#345b91)}.menu-settings{position:absolute;right:2.4%;top:3%;z-index:8;display:flex;gap:.65cqw}.small-button{border:2px solid #a4d2fc;padding:.5em .8em;font-size:1.34cqw;font-weight:1000;color:white;background:#163970d9;border-radius:99px}.small-button[aria-pressed=false]{background:#435272}.menu-links{position:absolute;top:74%;left:50%;transform:translateX(-50%);z-index:7;display:flex;gap:.8cqw;flex-wrap:wrap;justify-content:center}.link-pill,.playlist-pill{text-decoration:none;color:#fff;font-weight:1000;border-radius:999px;border:2px solid rgba(255,255,255,.8);box-shadow:0 .28cqw 0 rgba(10,28,73,.55);text-shadow:0 1px 0 rgba(11,20,40,.5)}.link-pill{padding:.42em 1em;font-size:1.15cqw;background:linear-gradient(#5c98ea,#2254b8)}.playlist-pill{position:absolute;top:82%;left:50%;transform:translateX(-50%);z-index:7;padding:.5em 1.2em;font-size:1.05cqw;white-space:nowrap;background:linear-gradient(#ff8895,#d52b4e)}.menu-hint{position:absolute;z-index:7;bottom:1.6%;left:18%;right:18%;text-align:center;font-size:1.08cqw;font-weight:900;text-shadow:0 2px 7px #0b2456;background:rgba(4,27,65,.42);border-radius:999px;padding:.22em .7em}
.hud{position:absolute;z-index:6;inset:0;pointer-events:none}.hud-panel{position:absolute;top:2.8%;height:13.4%;border:.18cqw solid #2a5b9a;border-radius:1.3cqw;background:linear-gradient(#c8e8ff,#80adeb);box-shadow:0 .42cqw 0 #061f569a,inset 0 0 0 .12cqw #e5f6ffb2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#071c48}.hearts{left:2%;width:15.8%}.hits{left:56%;width:15.2%}.ammo{left:72.5%;width:12.4%}.hud-label{position:absolute;top:-.52em;padding:.08em .75em;border:2px solid #ad1b39;border-radius:.55cqw;background:linear-gradient(#ff808c,#d92848);color:#fff;font-size:1.8cqw;line-height:1.1;font-weight:1000;white-space:nowrap;text-shadow:0 2px 0 #831631}.hud-panel strong{font-size:4.1cqw;margin-top:1.3cqw;line-height:1;color:#081d4b;font-weight:1000}.heart-row{display:flex;gap:.45cqw;margin-top:1.25cqw;line-height:1}.live-heart,.lost-heart{font-size:4.5cqw;filter:drop-shadow(0 2px 1px #962039aa)}.live-heart{color:#f22c54}.lost-heart{color:#acb7cf;filter:none}.difficulty-pill{position:absolute;left:43%;top:5%;padding:.35em .85em;border-radius:99px;border:2px solid #cdeaffb1;background:#0e326db9;font-weight:1000;font-size:1.6cqw}.hud-tools{position:absolute;right:1.3%;top:2.8%;width:11.1%;display:flex;flex-direction:column;gap:.65cqw;pointer-events:auto}.hud-button{width:100%;height:4.5cqw;padding:0 .25em;border:.24cqw solid #e4f3ff;border-radius:1cqw;background:linear-gradient(#548acb,#2251a2);color:#fff;font-size:1.36cqw;font-weight:1000;white-space:nowrap;box-shadow:0 .35cqw 0 #102858a8}.pause-button{background:linear-gradient(#ff7888,#df2846)}.hud-button[aria-pressed=false]{background:linear-gradient(#8090a7,#526179)}.reload-button{position:absolute;right:2%;bottom:3%;pointer-events:auto;padding:.53em 1.15em;border:.27cqw solid #fff7;border-radius:1.2cqw;background:linear-gradient(#ff8994,#ee344e 53%,#c71c39);color:#fff;font-size:2.1cqw;font-weight:1000;box-shadow:0 .5cqw 0 #9c1a35;text-shadow:0 2px #721b30}.reload-button span{font-size:.65em;border:2px solid #ffffffc0;border-radius:.25em;padding:.1em .38em;margin-left:.5em}.game-tip{position:absolute;bottom:3%;left:3%;max-width:60%;font-size:1.5cqw;font-weight:1000;text-shadow:0 2px 6px #16356f;white-space:nowrap}
.overlay{z-index:12;background:#041335b5;backdrop-filter:blur(5px)}.results-card,.dialog-card{position:relative;display:flex;flex-direction:column;align-items:center;border:.6cqw solid #396abc;border-radius:2.6cqw;background:linear-gradient(#d6eaff,#bdd9fc);box-shadow:0 0 0 .4cqw #122d68,0 3cqw 4cqw #01122e91;color:#123a7f}.results-card{width:56%;padding:5% 4% 3%;gap:.7cqw}.results-ribbon{position:absolute;top:-.65em;color:#fff;background:linear-gradient(#ff8d96,#e32a46);border:.32cqw solid #b01b36;border-radius:.9cqw;text-shadow:0 2px #8d1b34;padding:.04em .9em;font-weight:1000;font-size:4.7cqw;white-space:nowrap}.results-card h2{font-size:2.1cqw;margin:1.5cqw 0 .4cqw;font-weight:1000}.stat-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:1.75cqw;font-weight:1000}.stat-row b{min-width:25%;text-align:center;background:#527ccc;color:white;padding:.15em .45em;border-radius:.7cqw;font-size:1.18em}.stat-row.record{border-top:.25cqw solid #6686bd;padding-top:1cqw;margin-top:.5cqw;color:#b75f14}.result-actions{display:flex;width:100%;gap:1cqw;margin-top:1.2cqw}.result-actions button{flex:1;font-size:1.7cqw;min-height:2.5em}.dialog-card{width:51%;max-height:92%;padding:4%;gap:1.1cqw}.dialog-card h2{margin:0;font-size:4cqw;color:#e13252}.dialog-card p{margin:0;font-weight:800;line-height:1.3;text-align:center;font-size:1.6cqw;color:#19467d}.dialog-card .tagline{color:#df3a53;font-weight:1000}.dialog-card .credits{font-size:1.2cqw;color:#53719e}.dialog-card .game-button{min-width:65%;font-size:1.9cqw}.about-card{width:58%;overflow:auto}
@media(max-aspect-ratio:9/12){#app{position:absolute;top:50%;left:50%;width:min(100vh,177.77778vw);height:auto;aspect-ratio:16/9;max-width:none;max-height:none;transform:translate(-50%,-50%) rotate(90deg);width:min(100vh,177.77778vw)} }
@media(prefers-reduced-motion:reduce){.game-button{transition:none}}

/* v1.6 menu snowfall */
.menu-snow{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}
.menu-flake{position:absolute;display:block;top:-6%;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:rgba(249,252,255,var(--a));box-shadow:0 0 .35cqw rgba(227,248,255,.3);animation:snow-fall var(--duration) var(--delay) linear infinite}
@keyframes snow-fall{0%{transform:translate3d(0,-12cqh,0)}100%{transform:translate3d(var(--drift),119cqh,0)}}
.hud-tools{gap:.34cqw}.hud-button{height:3.55cqw;min-height:0;font-size:1.24cqw;border-radius:.75cqw}
@media(prefers-reduced-motion:reduce){.menu-flake{animation-duration:18s!important}}

@container (max-width: 900px){.menu-actions{top:46%;width:48%}.menu-app-icon{width:12cqw}.menu-links{top:73%;gap:1.3cqw}.link-pill{font-size:1.9cqw}.playlist-pill{top:81%;font-size:1.45cqw;max-width:86%;white-space:normal;text-align:center}.menu-hint{font-size:1.55cqw;left:10%;right:10%}.hearts{width:18%}}

/* Finishing touches for v1.7 */
.link-pill:hover,.playlist-pill:hover{filter:brightness(1.13)}.menu-app-icon{background:transparent;object-fit:contain}.hearts{width:15.8%}

/* v1.8 — larger user-provided icon, 10% larger menu characters, icon-only social links */
.menu-title{top:1.4%;gap:.4cqw;z-index:5;}
.menu-title h1{font-size:6.7cqw;line-height:1;}
.menu-app-icon{display:block;width:20cqw;max-width:none;height:20cqw;object-fit:contain;aspect-ratio:1;border-radius:50%;background:transparent;box-shadow:none;filter:drop-shadow(0 .7cqw .7cqw rgba(0,14,45,.65));}
.menu-child{width:24.2%;max-height:74%;bottom:.5%;object-fit:contain;object-position:bottom;}
.child-left{left:.6%;transform:rotate(-2deg)}
.child-right{right:.4%;transform:rotate(2deg)}
.menu-actions{top:51.5%;width:32%;gap:1.15cqw;}
.menu-links{top:79.4%;left:50%;transform:translateX(-50%);gap:1.4cqw;flex-wrap:nowrap;z-index:9;}
.social-icon{height:4cqw;width:4cqw;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;background:linear-gradient(150deg,#4f9af0,#2854aa);border:.21cqw solid #e0f2ff;border-radius:50%;box-shadow:0 .35cqw 0 rgba(11,39,96,.76),0 .4cqw 1cqw rgba(4,16,48,.35);transition:transform .13s,filter .13s;touch-action:manipulation}
.social-icon svg{display:block;width:57%;height:57%;}
.social-icon:hover{filter:brightness(1.17);transform:translateY(-2px)}
.social-icon:active{transform:translateY(2px)}
.social-icon:focus-visible{outline:3px solid #fff;outline-offset:4px}
.playlist-pill{top:88%;font-size:1.08cqw;}
.menu-hint{bottom:1.5%;}
@container (max-width:900px){
 .menu-title{top:1.4%;gap:.4cqw}
 .menu-title h1{font-size:6.7cqw}
 .menu-app-icon{width:20cqw;height:20cqw;max-width:none}
 .menu-child{width:24.2%;max-height:74%}
 .menu-actions{top:51.5%;width:32%;gap:1.15cqw}
 .menu-links{top:79.4%;gap:1.4cqw}
 .social-icon{width:4cqw;height:4cqw}
 .playlist-pill{top:88%;font-size:1.08cqw;max-width:none;white-space:nowrap}
 .menu-hint{font-size:1.08cqw;left:18%;right:18%}
}