:root{color-scheme:light;--sand-0: #f7e0a0;--sand-1: #dfbd72;--sand-2: #c89a52;--sky-0: #b7ecff;--sky-1: #6dc7f5;--ink: #2f2619;--panel: rgba(255, 248, 221, .78);--panel-strong: rgba(248, 233, 180, .92);--accent: #ff8f1f}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Trebuchet MS,Gill Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.85),transparent 32%),linear-gradient(180deg,var(--sky-0),var(--sky-1) 48%,#efd99d 100%)}canvas{display:block}body.menu-bg-mode .hud,body.menu-bg-mode .victory-overlay,body.menu-bg-mode .scope-overlay,body.menu-bg-mode .mobile-controls,body.menu-bg-mode .reticle,body.menu-bg-mode .precision-badge,body.menu-bg-mode .precision-hint{display:none!important}.hud{position:fixed;top:1rem;left:1rem;z-index:24;width:min(24rem,calc(100vw - 2rem));padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.45);border-radius:1rem;background:linear-gradient(180deg,var(--panel),var(--panel-strong));box-shadow:0 1rem 3rem #67461a2e,inset 0 1px #fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hud h1{margin:0 0 .45rem;font-size:1.4rem;line-height:1;letter-spacing:.05em;text-transform:uppercase}.hud-toggle{display:none;padding:.5rem .8rem;font-size:.72rem;line-height:1;white-space:nowrap}.hud p{margin:0 0 .65rem;font-size:.95rem;line-height:1.35}.hud strong{color:#7a4f0f}.controls{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;margin:.85rem 0;font-size:.82rem}.controls dt{font-weight:700}.controls dd{margin:0}.status{display:grid;gap:.35rem;margin:.9rem 0 0;padding-top:.8rem;border-top:1px solid rgba(122,79,15,.18);font-size:.88rem}.status span{display:flex;justify-content:space-between;gap:.75rem}.status b{min-width:4rem;color:#8b5a1f}.button-row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-top:.8rem}.weapon-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.95rem}button{appearance:none;border:0;border-radius:999px;padding:.75rem 1rem;font:inherit;font-weight:800;letter-spacing:.03em;color:#fff;background:linear-gradient(180deg,#ffb03b,var(--accent));box-shadow:inset 0 1px #ffffff59,0 .5rem 1.1rem #b1681c40;cursor:pointer}button:hover{filter:brightness(1.04)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;filter:saturate(.7)}.secondary{color:var(--ink);background:linear-gradient(180deg,#f6ebbb,#dfc97c);box-shadow:inset 0 1px #ffffff73,0 .45rem 1rem #6c54202e}.weapon-button{padding:.72rem .6rem;font-size:.82rem;line-height:1;text-align:center}.weapon-button:disabled{color:#2f261985;background:linear-gradient(180deg,#ebe1bff5,#c8bb93f0);box-shadow:inset 0 1px #ffffff40,0 .3rem .8rem #6c542014}.weapon-button.active{color:#fff;background:radial-gradient(circle at 50% 0%,rgba(255,244,191,.34),transparent 58%),linear-gradient(180deg,#ffbd48,#f08a12);box-shadow:inset 0 1px #ffffff61,0 0 0 2px #fff2c49e,0 .6rem 1.25rem #b1681c52}.hint{font-size:.78rem;opacity:.82}.victory-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 50% 30%,rgba(255,249,211,.35),transparent 24%),linear-gradient(180deg,#fff7d633,#6f4a1457);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30}.victory-overlay[hidden]{display:none}.victory-panel{position:relative;z-index:1;width:min(36rem,calc(100vw - 2rem));padding:2rem 2.1rem 1.7rem;border-radius:1.8rem;text-align:center;color:#53350c;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.74),transparent 35%),linear-gradient(180deg,#fff4c6f5,#f3cd75eb);border:1px solid rgba(160,113,31,.2);box-shadow:0 1.6rem 4rem #563a1147,inset 0 1px #ffffff80}.victory-kicker{margin:0 0 .35rem;font-size:.95rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#ad6719}.victory-panel h2{margin:0;font-size:clamp(2.6rem,7vw,5rem);line-height:.92;letter-spacing:.05em;text-transform:uppercase}.victory-copy{margin:.8rem auto 0;max-width:22rem;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.3}.victory-panel button{margin-top:1.3rem;min-width:10rem}.overlay-actions{display:grid;justify-items:center;gap:.8rem;margin-top:1.3rem}.overlay-actions .secondary{margin-top:0}.overlay-link{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .5rem;font-size:.92rem;font-weight:800;text-decoration:underline}.site-watermark{position:fixed;top:1rem;right:1rem;z-index:35;font-size:.95rem;font-weight:800;letter-spacing:.04em;color:#3f2d0f80;text-decoration:none}.site-watermark:hover{color:#3f2d0fb8}.mobile-controls{display:none;position:fixed;left:0;right:0;bottom:0;z-index:26;padding:.75rem max(.75rem,env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));justify-content:space-between;align-items:end;gap:.75rem;pointer-events:none}.mobile-pad,.mobile-actions{pointer-events:auto}.mobile-pad{display:grid;grid-template-columns:repeat(3,3.5rem);grid-template-rows:repeat(2,3.5rem);gap:.45rem;grid-template-areas:". up ." "left down right"}.mobile-up{grid-area:up}.mobile-left{grid-area:left}.mobile-right{grid-area:right}.mobile-down{grid-area:down}.mobile-actions{display:grid;gap:.55rem;min-width:min(48vw,15rem)}.mobile-power-row,.mobile-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mobile-key,#mobilePrecisionButton,#mobileFireButton{min-height:3.5rem;padding:.7rem .75rem;font-size:.82rem;touch-action:none;-webkit-user-select:none;user-select:none}#mobilePrecisionButton.active{color:#fff;background:radial-gradient(circle at 50% 0%,rgba(255,244,191,.34),transparent 58%),linear-gradient(180deg,#ffbd48,#f08a12);box-shadow:inset 0 1px #ffffff61,0 0 0 2px #fff2c49e,0 .6rem 1.25rem #b1681c52}.victory-overlay[data-state=error] .victory-panel{background:linear-gradient(180deg,#ffe9d6f7,#f8c297f0)}.victory-overlay[data-state=error] .victory-kicker{color:#a23f1b}.confetti-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scope-overlay{position:fixed;inset:0;pointer-events:none;z-index:20;background:radial-gradient(circle at center,transparent 0 17rem,rgba(8,6,2,.82) 17.2rem),radial-gradient(circle at center,#a0d9f214,#0000 45%)}.scope-overlay[hidden]{display:none}.scope-ring{position:absolute;left:50%;top:50%;width:min(34rem,70vmin);height:min(34rem,70vmin);transform:translate(-50%,-50%);border-radius:50%;border:3px solid rgba(245,242,220,.85);box-shadow:0 0 0 2px #2d1f0a8c,inset 0 0 4rem #6db9d514}.scope-line{position:absolute;left:50%;top:50%;background:#f5f2dcd9;box-shadow:0 0 .5rem #2d1f0a38}.scope-line-v{width:2px;height:min(34rem,70vmin);transform:translate(-50%,-50%)}.scope-line-h{width:min(34rem,70vmin);height:2px;transform:translate(-50%,-50%)}.reticle{position:fixed;left:50%;top:50%;width:1.6rem;height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;pointer-events:none;opacity:.9;z-index:20}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffffffeb;box-shadow:0 0 .35rem #3c2a0a59}.reticle:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.reticle:after{left:0;top:50%;width:100%;height:2px;transform:translateY(-50%)}.precision-badge{position:fixed;left:50%;top:1rem;transform:translate(-50%);padding:.55rem .95rem;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#5a3810;background:linear-gradient(180deg,#fff7d0f5,#f2d177f0);box-shadow:0 .6rem 1.3rem #6a49142e,inset 0 1px #ffffffa6;border:1px solid rgba(157,109,31,.18);pointer-events:none;z-index:25}.precision-badge[hidden]{display:none}.precision-hint{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%);padding:.8rem 1.15rem;border-radius:999px;font-size:.92rem;font-weight:800;letter-spacing:.02em;color:#5a3810;background:#fff7d0e6;box-shadow:0 .8rem 1.6rem #6a491429,inset 0 1px #ffffffa6;border:1px solid rgba(157,109,31,.16);pointer-events:none;z-index:23;opacity:0;transition:opacity .28s ease,transform .28s ease}.precision-hint.visible{opacity:1;transform:translate(-50%,-50%)}@media(max-width:720px){.hud{top:.75rem;left:.75rem;right:auto;width:min(20rem,calc(100vw - 1.5rem));padding:.85rem .95rem;max-height:min(52vh,24rem);overflow:auto}.hud h1{font-size:1.16rem;margin:0}.hud-toggle{display:inline-flex}.weapon-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.weapon-button{padding:.68rem .45rem;font-size:.74rem}.hud.collapsed{width:auto;max-width:calc(100vw - 1.5rem);max-height:none;overflow:visible}.hud.collapsed .hud-body{display:none}.status{font-size:.8rem}.victory-overlay{padding:1rem}.victory-panel{padding:1.4rem 1.1rem 1.25rem;border-radius:1.25rem}.scope-overlay{background:radial-gradient(circle at center,transparent 0 10.5rem,rgba(8,6,2,.82) 10.7rem),radial-gradient(circle at center,#a0d9f214,#0000 45%)}.precision-badge{top:.75rem;font-size:.72rem;padding:.5rem .8rem}.precision-hint{width:min(calc(100vw - 2rem),20rem);font-size:.82rem;text-align:center}.site-watermark{top:.85rem;right:.85rem;font-size:.82rem}}@media(max-width:900px),(pointer:coarse){.mobile-controls{display:flex}.hud-toggle{display:inline-flex}}