:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7edcf;background:#0a110d;--gold:#e9bb54;--ink:#f7edcf;--green:#14271d;--line:#6a7046;box-sizing:border-box}*{box-sizing:inherit}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#294632,#101d15 50%,#080d0a)}button,input,select{font:inherit}button,select,input,.setup a{min-height:2.7rem;border:1px solid #727657;border-radius:.55rem;padding:.55rem .75rem;color:var(--ink);background:#203427;font-weight:800}.setup a{text-decoration:none;display:inline-flex;align-items:center}.setup{width:min(1120px,100%);margin:auto;padding:1rem}.setup>header{display:flex;justify-content:space-between;align-items:center}.setup>header span,.panel-title span,.identity>span,.hero>p,.shot-card>span,.wind>span,.controls span,.controls label,.result span{color:var(--gold);font-size:.68rem;font-weight:950;letter-spacing:.14em}.hero{text-align:center;padding:1.6rem 0}.crest{margin:auto;display:grid;place-items:center;width:4rem;aspect-ratio:1;border:2px solid var(--gold);border-radius:50%;background:#173d2b;color:#f4cd69;font-size:2rem}.hero h1{font:800 clamp(3rem,8vw,6.5rem)/.82 Georgia,serif;margin:.45rem}.hero h1 i{color:var(--gold)}.hero strong{color:#d7d2b8}.setup-grid{display:grid;grid-template-columns:.7fr 1.5fr .8fr;gap:.75rem}.panel{border:1px solid #596344;border-radius:.8rem;padding:1rem;background:linear-gradient(145deg,#1a3023,#0d1d15);box-shadow:0 1rem 2.5rem #0005}.panel-title{display:flex;justify-content:space-between}.panel p,.panel small,.panel details{color:#bdc7b5}.identity{display:grid;place-items:center;align-content:center;text-align:center}.identity b{font:700 1.3rem Georgia,serif;margin:.4rem}.identity a{color:#f0c861;background:transparent;border:0}.online{grid-row:span 2}.lobby-controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.lobby-controls label,.practice label{display:grid;gap:.2rem;color:var(--gold);font-size:.7rem;font-weight:900}.lobby-controls input{grid-column:1/-1}.primary,.fire{color:#241605;background:linear-gradient(#f4ce68,#d99a2b);border-color:#ffe393;box-shadow:0 .25rem 0 #744a0c}.practice{display:grid;gap:.8rem}.lobby{margin-top:.8rem;border-top:1px solid #536047;padding-top:.8rem}.lobby ul{list-style:none;padding:0}.lobby li,.lobby>div{display:flex;justify-content:space-between;gap:.4rem}.error{color:#ff9e91!important;font-weight:800}
.game{position:fixed;inset:0;overflow:hidden;background:#23382b;touch-action:none}.game canvas{position:absolute;width:100%;height:100%;inset:0;outline:0;touch-action:none}.hud{position:absolute;z-index:4;display:flex;align-items:center;color:var(--ink);background:#07100ccd;backdrop-filter:blur(7px);border:1px solid #77714888}.top{top:max(.4rem,env(safe-area-inset-top));left:.5rem;right:.5rem;min-height:3rem;justify-content:space-between;border-radius:.65rem;padding:.35rem .55rem}.top a{color:var(--gold);font-weight:900;text-decoration:none}.top>div{text-align:center;display:grid;min-width:0;max-width:62vw}.top>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top span{color:var(--gold);font-size:.6rem;letter-spacing:.12em}.top button{min-width:2.5rem;min-height:2.3rem;border:1px solid #777148;border-radius:50%;color:var(--gold);background:#17271d}.scoreboard{position:absolute;z-index:4;top:4rem;left:.5rem;display:grid;gap:.25rem;width:min(13rem,32vw)}.scoreboard article{display:grid;grid-template-columns:1fr auto;gap:.1rem;padding:.35rem .5rem;border:1px solid #626b4a88;border-radius:.45rem;background:#07100ccc;backdrop-filter:blur(5px)}.scoreboard article.me{border-color:var(--gold)}.scoreboard strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 .72rem Georgia,serif}.scoreboard b{grid-row:span 2;font-size:1rem}.scoreboard small{color:#aebca8}.wind{position:absolute;z-index:4;right:.5rem;top:4rem;display:grid;grid-template-columns:auto auto;align-items:center;gap:.1rem .45rem;padding:.45rem .6rem;border:1px solid #626b4a;border-radius:.55rem;background:#07100ccc}.wind i{grid-row:1/4;grid-column:2;font-size:1.7rem;color:var(--gold);font-style:normal}.wind small{color:#b9c6b6}.scope{position:absolute;inset:0;z-index:2;pointer-events:none;display:grid;place-items:center;background:radial-gradient(circle at center,transparent 0 34vmin,#000e 34.4vmin)}.scope-ring{position:relative;width:min(68vmin,36rem);aspect-ratio:1;border:2px solid #111;border-radius:50%;box-shadow:0 0 0 4px #0008}.horizontal,.vertical{position:absolute;background:#171717}.horizontal{left:0;right:0;top:50%;height:1px}.vertical{top:0;bottom:0;left:50%;width:1px}.center{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border:1px solid #111;border-radius:50%}.tick{position:absolute;left:calc(50% - 6px);width:12px;border-top:1px solid #111}.t1{top:43%}.t2{top:36%}.t3{top:57%}.t4{top:64%}.target-hint{position:absolute;z-index:4;left:50%;top:calc(50% + min(36vmin,18rem));transform:translate(-50%,-130%);padding:.3rem .6rem;border-radius:1rem;background:#000a;color:#fff;font-size:.7rem;white-space:nowrap}.shot-card{position:absolute;z-index:4;left:.5rem;bottom:5rem;display:grid;max-width:min(22rem,55vw);padding:.45rem .65rem;border-left:3px solid var(--gold);background:#07100ccc}.shot-card small{color:#bdc7b5}.controls{left:.5rem;right:.5rem;bottom:max(.45rem,env(safe-area-inset-bottom));min-height:4rem;justify-content:center;gap:clamp(.7rem,4vw,3rem);border-radius:.75rem;padding:.45rem}.controls label{display:grid}.controls select{min-height:2rem;padding:.25rem;background:#19291f}.ammo{display:grid;text-align:center}.ammo b{font-size:1.5rem}.fire{min-width:7rem;min-height:3.1rem;border-radius:2rem;font-size:1.1rem}.fire:disabled{filter:grayscale(1);opacity:.55}.result{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:#020805d9;padding:1rem}.result>div{width:min(28rem,100%);padding:1.2rem;border:1px solid var(--gold);border-radius:1rem;background:#102319;text-align:center}.result a,.result button{display:flex;justify-content:center;margin:.6rem auto;color:var(--ink)}[hidden]{display:none!important}.admin-debug-button{position:fixed;z-index:30;right:.7rem;bottom:5.2rem;border:1px solid var(--gold);border-radius:2rem;background:#742b28;color:#ffe9ad;padding:.55rem .8rem}.admin-debug-panel{z-index:31;width:min(25rem,calc(100% - 1rem));color:var(--ink);background:#12231a;border:1px solid var(--gold);border-radius:.7rem}.admin-debug-panel::backdrop{background:#000a}.admin-debug-panel form{display:grid;gap:.55rem}.admin-debug-panel header{display:flex;justify-content:space-between}.admin-debug-panel label{display:grid}.admin-debug-panel input,.admin-debug-panel select{background:#07100c;color:#fff}
@media(max-width:760px){.setup-grid{grid-template-columns:1fr}.online{grid-row:auto}.hero{padding:.7rem 0}.hero h1{font-size:3.7rem}.scoreboard{width:40vw}.scoreboard article{padding:.25rem}.scoreboard small{display:none}.scope{background:radial-gradient(circle at center,transparent 0 43vmin,#000d 43.5vmin)}.scope-ring{width:86vmin}.target-hint{top:calc(50% + 43vmin)}.shot-card{bottom:4.8rem;font-size:.72rem}.controls{min-height:3.8rem;gap:.5rem}.fire{min-width:6.5rem}.wind{font-size:.72rem}}@media(max-height:600px){.scoreboard article:nth-child(n+3){display:none}.shot-card{bottom:4.4rem}.scope-ring{width:72vmin}.scope{background:radial-gradient(circle at center,transparent 0 36vmin,#000d 36.5vmin)}.target-hint{display:none}}