:root{color:#f4e6c4;background:#132b36;--paper:#f7edcf;--ink:#233f43;--gold:#eebc59}
body{background:radial-gradient(ellipse at 50% -20%,#36515a 0,transparent 65%),#132b36}
.game-shell{max-width:1560px;padding-bottom:12px}
.masthead{height:104px;border-color:#d4b16b33;gap:24px}.brand{color:#f4d98e;align-self:stretch}.brand img{display:block;width:150px;height:100px;object-fit:contain;filter:drop-shadow(0 3px 3px #0007)}
.edition{color:#d7c7a1;font-size:10px;letter-spacing:2px}.edition small{display:block;font-size:10px;font-weight:normal;letter-spacing:.6px;color:#98afb1;margin:8px 0 0 15px}.live-dot{background:#edc36e;box-shadow:0 0 8px #f0bd6644}
.quiet{color:#f1ddb3;border-color:#cfb77555;background:#223e47}.quiet:hover{background:#35535b}.mission{padding:17px 0}.eyebrow{color:#d7b66d}h1{font-weight:bold;color:#fff0cb}.mission p{color:#b3c4c0}.stats>div>span{color:#acbfbd}.stats strong{color:#f4db9c}.score-stat{border-color:#d4b16b33}
.battlefield{border:4px solid #b89b5f;border-radius:10px;box-shadow:0 0 0 1px #0b2027,0 0 0 2px #eed6a04d,0 12px 36px #06151e66;background:#96c6cf}
.keep-status{background:linear-gradient(#243f4bf2,#162c38f2);border-color:#e6c074aa;box-shadow:0 3px 9px #122a3755;color:#f5e5c1}.keep-status strong{font-size:9px}.keep-status>span:last-child{color:#ecdfbd}.health-track{background:#0e252b}.health-track i{background:linear-gradient(90deg,#417db6,#78cae6)}.red .health-track i{background:linear-gradient(90deg,#a63b35,#ec8b5d)}.mini-crest{color:#80bde0}.red .mini-crest{color:#e59965}.wind-badge{color:#31556a;font-weight:bold;text-shadow:0 1px #fff9}.phase-message{background:#172f3bef;border:1px solid #d5b56a66;color:#fff0c8}
.controls{background:linear-gradient(#fff6dc,#eaddb7);border:1px solid #b69a61;border-bottom:4px solid #8f784a;color:#233c3e;box-shadow:0 5px 12px #06151d33;margin-top:13px}.ammo b{font-weight:bold}.ammo small{color:#687d74}.slider-group label{color:#5c6e66}.slider-group output{color:#294b52}.slider-group input{accent-color:#285a73}.primary{background:linear-gradient(#f5cf77,#dfab43);color:#3b3427;border-color:#c49947;border-bottom-color:#8d642e;box-shadow:inset 0 1px #fff3bd,0 2px 3px #6f4c1922}.primary:hover{background:linear-gradient(#ffe19b,#efbd5c)}.primary:disabled{opacity:.65}
.footer{color:#a7bfbd;gap:12px;flex-wrap:wrap;margin-top:13px}.tips{font-size:10px}.tip-dot{border-color:#8baca7}.tips b{color:#6e8d8c}kbd{border-color:#7b979266;color:#c4d5ce}.options{gap:12px;margin-left:auto;flex-wrap:wrap}.small-button{background:#23414a;border-color:#99aa8166;color:#e9d8ad;min-height:32px;font-size:11px}.small-button:hover{background:#31555c}.small-button span{border-color:#8e9c7766}.motion{font-size:11px}.motion input{accent-color:#e4bd68;width:14px;height:14px}.volume{display:flex;align-items:center;gap:7px;font:10px Arial,sans-serif}.volume input{width:64px;accent-color:#dcb967;height:22px}.volume output{font-variant-numeric:tabular-nums;width:27px}
.project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:10px;border-top:1px solid #b9c4a51c;font:10px Arial,sans-serif;color:#91aaa9}.project-footer>a{color:#d8c797;text-decoration:none;padding:6px 0 6px 12px}.project-footer>a:hover{text-decoration:underline;color:#ffe5ab}.project-footer strong{font-weight:600;letter-spacing:.2px}.project-footer>a span{margin-left:5px;color:#9db6b1}
.result-card{color:#284647;background:linear-gradient(#fff5db,#f0dfb5);border-color:#caa760}.result-card .eyebrow{color:#8e6c34}.result-card h2{color:#2b4749}.result-card p{color:#526962}.result{background:#102d4066}.result .primary{font-size:12px}#loading{background:#24424e;color:#ffe5a7}
button:focus-visible,input:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid #ffe39b;outline-offset:4px}.controls input:focus-visible,.result button:focus-visible{outline-color:#285b78}
@media(min-width:701px) and (max-height:850px){.masthead{height:88px}.brand img{width:128px;height:85px}.mission{padding:11px 0}.battlefield{height:max(330px,calc(100vh - 329px))}.controls{padding:11px 20px;margin-top:10px}.footer{margin-top:9px}.project-footer{margin-top:7px;padding-top:4px}.options{gap:10px}}
@media(max-width:1100px){.tips{font-size:9px}.footer{justify-content:center}.options{margin-left:0}.volume input{width:58px}}
@media(max-width:700px){.game-shell{padding:0 10px 12px}.masthead{height:92px;gap:12px}.brand img{width:132px;height:88px}.quiet{padding:10px}.mission{padding:15px 0}h1{font-size:22px}.mission p{font-size:9px;color:#b6cac5}.stats{gap:12px}.battlefield{border-width:3px}.keep-status strong{font-size:6px}.controls{padding:15px;gap:17px 19px}.controls .primary{font-size:10px;min-height:44px}.options{justify-content:space-between;width:100%;gap:9px}.small-button{font-size:10px;min-height:36px}.volume{width:100%;justify-content:flex-end}.volume input{width:100px}.tips{line-height:1.7}.project-footer{font-size:9px;margin-top:13px}.project-footer>a{padding:8px 0 8px 10px}.result-card h2{font-size:21px}.result-card p{font-size:10px}.result .primary{font-size:11px}}