:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edf5ff;background:#070c19}*{box-sizing:border-box}body{margin:0}header{height:64px;display:flex;gap:16px;align-items:center;padding:12px 28px;border-bottom:1px solid #243249}header a{font-size:14px;font-weight:850;letter-spacing:1px;color:#63edcf;text-decoration:none}header>span{flex:1;font-weight:750;font-size:14px}small{color:#8295b1;font-size:12px;margin-left:10px}button,select{font:inherit;font-size:14px;border:1px solid #39506a;border-radius:8px;background:#17263c;color:#edf5ff;padding:11px 15px;cursor:pointer}button:hover{background:#25405a}button:focus-visible,select:focus-visible{outline:3px solid #ffe56b;outline-offset:3px}main{display:flex;gap:38px;justify-content:center;align-items:center;padding:18px;height:calc(100dvh - 64px);min-height:550px}aside{width:260px}.eyebrow{color:#63edcf;font-size:14px;letter-spacing:3px;font-weight:800}h1{font-size:34px;line-height:1.1;margin:12px 0}p{color:#a8b9d2;font-size:16px;line-height:1.5}.scorebox{margin:23px 0;padding:20px;border:1px solid #334664;border-radius:12px;background:#101b2e}.scorebox>span,.mission>span,.instructions>b{font-size:13px;letter-spacing:2px;color:#9db5d1}.scorebox strong{display:block;font-variant-numeric:tabular-nums;font-size:42px;color:#ffe56b;margin:5px 0}.scorebox div{color:#b6c8de}#multiplier{float:right;color:#63edcf}.mission p{font-size:14px}#target-lights{display:flex;gap:10px;margin-top:12px}#target-lights i{width:22px;height:10px;background:#27364d;border-radius:3px}#target-lights i.lit{background:#63edcf;box-shadow:0 0 12px #63edcf} .readout{min-height:44px;color:#ffe56b;font-size:14px}.instructions p{font-size:14px}aside>button{margin:4px 5px 0 0}.cabinet{position:relative;height:100%;max-height:880px;aspect-ratio:520/890;border:2px solid #39506a;border-radius:22px;padding:8px;background:#101b2e;box-shadow:0 16px 55px #0008;display:flex;flex-direction:column;overflow:hidden}canvas{display:block;width:100%;height:calc(100% - 54px);object-fit:contain;min-height:0;border-radius:14px;touch-action:none}.touch-controls{height:54px;display:flex;gap:8px;padding-top:8px}.touch-controls button{flex:1;touch-action:none;user-select:none;font-size:13px;font-weight:800}.touch-controls button:first-child,.touch-controls button:last-child{border-color:#63edcf;color:#63edcf}.overlay{position:absolute;inset:8px 8px 62px;background:#070c19c9;display:grid;place-items:center;border-radius:14px;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.panel{width:90%;max-height:97%;overflow:auto;padding:25px;border:1px solid #42617e;border-radius:15px;background:#111d32;box-shadow:0 15px 35px #0009}.panel h2{font-size:25px;margin:0 0 12px}.panel p{font-size:15px}.panel label{display:block;font-size:14px;color:#b7c9df;margin:18px 0 7px}.panel select{width:100%}.primary{background:#63edcf;color:#071520;font-weight:850;border-color:#63edcf;width:100%;margin-top:16px}.primary:hover{background:#a0ffe6}.answers{display:grid;gap:9px;margin:16px 0}.answers button{text-align:left;line-height:1.4}.answers button.correct{border-color:#63edcf;background:#154b43}.answers button.wrong{border-color:#ff7d91;background:#52263b}#feedback{min-height:23px;font-size:14px;color:#ffe56b}.panel .eyebrow{font-size:12px;margin-bottom:10px}@media(max-width:760px){header{height:54px;padding:10px 12px;gap:8px}header>span{font-size:12px}header small{display:none}header button{font-size:12px;padding:7px}header a{font-size:11px}main{height:calc(100dvh - 54px);padding:8px;gap:10px;min-height:0}aside{width:145px}h1{font-size:24px}aside>p,.instructions,.eyebrow{display:none}.scorebox{padding:12px;margin:12px 0}.scorebox strong{font-size:29px}.mission>span{font-size:11px;letter-spacing:1px}.mission p{font-size:12px}aside>button{padding:8px;font-size:12px}.cabinet{max-width:calc(100vw - 175px);height:auto;max-height:100%;width:390px}.panel{padding:17px}.panel h2{font-size:21px}}@media(max-width:520px){main{display:block;position:relative;padding:6px}aside{width:100%;height:60px;display:flex;align-items:center;gap:12px}aside h1,.mission,.readout,aside .scorebox>span,aside .scorebox div{display:none}.scorebox{margin:0;padding:0 10px;background:none;border:0;flex:1}.scorebox strong{font-size:26px}.cabinet{height:calc(100% - 64px);width:auto;max-width:100%;margin:auto}.panel p{font-size:14px}header #fullscreen{display:none}}

@media(max-width:760px){.panel .eyebrow{display:block}}
.shot-info{font-size:13px;line-height:1.4;margin:8px 0;color:#cba9f3}aside>p{margin:10px 0}.scorebox{margin:16px 0;padding:16px}.instructions p{margin:8px 0}.instructions p:last-child{display:none}
body{background:radial-gradient(ellipse at 63% 35%,#173345 0,#0b1827 38%,#050a12 80%)}
.cabinet{border:3px solid #778b97;border-radius:20px;padding:11px;background:linear-gradient(110deg,#7c939e 0,#213441 3%,#101c26 12%,#223849 80%,#809ca6 98%);box-shadow:inset 1px 1px 0 #c3d7df,inset -2px -2px 0 #000,9px 16px 0 #02060c,16px 26px 45px #0009,0 0 40px #42c6b00c}
canvas{border-radius:10px;box-shadow:inset 0 0 15px #000;border:1px solid #050b13}
.touch-controls{background:linear-gradient(#223541,#0c1722);margin:4px -3px -2px;padding:7px 3px 0}
.touch-controls button{background:linear-gradient(#304a59,#132630);box-shadow:inset 0 1px #779fac44,0 3px 0 #03080e;border-radius:6px}
.touch-controls button:active{transform:translateY(2px);box-shadow:inset 0 1px #779fac44,0 1px 0 #03080e}
.overlay{inset:11px 11px 64px}.scorebox{background:linear-gradient(135deg,#172c3b,#091522);border-color:#365362;box-shadow:inset 0 1px #90b6c422}.scorebox strong{text-shadow:0 0 20px #ffe56b28}
@media(max-width:520px){.cabinet{padding:8px;box-shadow:inset 1px 1px 0 #c3d7df,0 10px 30px #0009}.overlay{inset:8px 8px 62px}.scorebox{background:none;box-shadow:none}}

#help-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #42617e;border-radius:15px;padding:24px;background:#111d32;color:#edf5ff;box-shadow:0 15px 40px #0009}#help-dialog::backdrop{background:#030914c9}#help-dialog h2{margin:0;font-size:24px}#help-dialog p{font-size:14px;line-height:1.55}#help-dialog b{color:#edf5ff}

body[data-theme="pirate"]{background:radial-gradient(ellipse at 63% 35%,#24484c 0,#172a31 38%,#090e13 80%)}body[data-theme="pirate"] .cabinet{border-color:#bda777;background:linear-gradient(110deg,#ddc591 0,#514631 3%,#201d19 12%,#484338 80%,#c8b381 98%)}body[data-theme="pirate"] .eyebrow,body[data-theme="pirate"] #multiplier{color:#eac985}body[data-theme="pirate"] #target-lights i.lit{background:#ffe495;box-shadow:0 0 12px #edc573}#table-description{font-size:13px;margin:8px 0;color:#b8c9d5}.panel label{margin:12px 0 5px}.panel select{padding:9px 12px}
body[data-theme="cosmic"]{background:radial-gradient(ellipse at 63% 35%,#283354 0,#11192e 38%,#040810 80%)}body[data-theme="cosmic"] .cabinet{border-color:#91a6bd;background:linear-gradient(110deg,#c4d6e5 0,#394963 3%,#141b2c 12%,#293752 80%,#9eb7d5 98%)}body[data-theme="cosmic"] .eyebrow,body[data-theme="cosmic"] #multiplier{color:#9bdcff}body[data-theme="cosmic"] #target-lights i.lit{background:#b9e9ff;box-shadow:0 0 12px #8ec6ff}