:root{font-family:system-ui,-apple-system,sans-serif;color:#f2e7cc;background:#142e33;font-synthesis:none;color-scheme:dark;--cream:#f4dfae;--orange:#e19545;--teal:#244b4d}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,select,a,input{touch-action:manipulation}button{min-width:44px;min-height:44px;padding:9px 14px;border:1px solid #a8ad8f80;border-radius:5px;color:var(--cream);background:#24484b;font-weight:700;cursor:pointer}button:hover{background:#35605e}button:active{transform:translateY(1px);background:#496954}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--orange);color:#142d32;border-color:#f0b96c}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #fff9bd;outline-offset:3px}a{color:#f0bc68}select{min-height:44px;width:100%;border:1px solid #8d9b8a;border-radius:4px;background:#183b3f;color:#f4dfae;padding:8px}p{line-height:1.5}h1,h2,h3,p{margin:0 0 12px}.eyebrow,small{letter-spacing:.12em;font-size:11px;font-weight:700}.title{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);background:#162e32;align-items:center}.title picture{height:100dvh;display:block;overflow:hidden}.title picture img{width:100%;height:100%;object-fit:cover;object-position:57% center}.title-panel{padding:clamp(24px,4vw,60px);max-width:600px}.title h1{font:900 clamp(38px,5vw,76px)/.96 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:14px 0 20px;color:#f8e4b5;letter-spacing:-.02em}.title-panel>p{font-size:18px}.title-panel .intro{font-size:15px;color:#bccbbd}.title-actions{display:grid;gap:10px}.title-actions .primary{min-height:56px}.mode-label{font-size:13px;display:grid;gap:5px}.credit{font-size:12px!important;margin:22px 0 0!important;color:#b9c5b7;max-width:330px}.credit a{display:inline-block;line-height:1.8}main{height:100dvh;max-height:1200px;max-width:1400px;margin:auto;display:grid;grid-template-rows:52px 68px minmax(0,1fr) 161px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}[hidden]{display:none!important}header{display:flex;align-items:center;gap:14px;padding:4px 12px;border-bottom:1px solid #7b83675c}.brand{font:900 23px Impact,'Arial Narrow',sans-serif;letter-spacing:.02em}.brand span{color:#dfb66f}#campaign{margin-left:auto;font-size:13px;color:#d5c796}header button{min-height:44px}.objective{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 14px;background:#1b3a3d}.objective h2{font-size:18px;line-height:1.12;margin:4px 0 0}.objective small{font-size:10px;color:#c3bb91}.goal{text-align:right;min-width:95px}.goal strong{display:block;font-size:16px;color:#edc786}.goal span{font-size:12px}.field{min-height:0;position:relative;background:#142c30;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}#feedback{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:max-content;max-width:94%;font-size:12px;background:#0c262be6;color:#ffeac1;border-radius:3px;padding:5px 8px;pointer-events:none}#controls{background:#18383c;border-top:1px solid #777f67;padding:4px 12px 2px;max-width:720px;width:100%;margin:auto}#hint{font-size:11px;text-align:center;line-height:17px;color:#d9d6b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aim-row,.power-row{display:grid;grid-template-columns:48px minmax(60px,1fr) 48px 96px;gap:8px;align-items:center}.aim-row>button,.power-row>button{height:52px;font-size:20px}.aim-row #roll{font-size:19px;letter-spacing:.08em}.power-row{margin-top:3px}.power-row>button{height:44px;min-height:44px;font-size:18px}.power-row #bank{font-size:11px;padding:5px}.aim-row label,.power-row label{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.aim-row output,.power-row output{float:right;color:#f8ce83;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:44px;accent-color:#e9ad63;display:block;margin:0;cursor:pointer;touch-action:pan-x}#equipment-line{font-size:10px;line-height:16px;text-align:center;color:#b8c9bd}dialog{border:1px solid #b7a574;border-radius:9px;background:#18373b;color:#f6e3b6;padding:16px;max-width:min(600px,calc(100vw - 24px));width:600px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 18px 90px #0009}dialog::backdrop{background:#061d24c9;backdrop-filter:blur(4px)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #a8ab8c55;margin-bottom:15px;padding-bottom:8px}.panel-head h2{font-size:24px;margin:0}.panel-head button{font-size:25px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.button-row button{flex:1;min-height:52px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-grid button{min-height:56px;padding:5px;font-size:16px}.level-grid small{display:block;font-size:9px;letter-spacing:0;color:#d6c894}.kit{display:grid;gap:10px;margin:12px 0}.kit button[aria-pressed=true]{outline:2px solid #f4cc80}.setting{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid #9b9e7f44;padding:4px 0;font-size:14px}.setting input{width:24px;height:24px;accent-color:#efb15f}.note{color:#bacbbb;font-size:13px}.source{border-left:3px solid #dcad60;padding:10px 13px;background:#102e33;margin-top:15px}.source p{font-size:14px}.source a{display:inline-flex;min-height:44px;align-items:center}.reward{font:700 25px Georgia;color:#f5c878}.collection-card{border-top:1px solid #adb39066;padding:14px 0}.collection-card summary{min-height:44px;cursor:pointer;font-weight:700}.collection-card p{font-size:14px}.stats{font-size:16px;color:#f1d08b}#save-warning{position:fixed;bottom:0;left:0;background:#7a3e21;color:white;font-size:12px;padding:3px 8px;z-index:5}#save-warning:empty{display:none}@media(max-width:600px) and (orientation:portrait){.title{display:flex;flex-direction:column;min-height:100dvh;position:relative;justify-content:end}.title picture{position:absolute;inset:0;height:100%;width:100%;opacity:.8}.title picture img{object-position:center top;height:auto;object-fit:contain}.title-panel{position:relative;width:100%;max-width:none;padding:18px 20px calc(15px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#0b2b31 72%,#0b2b3100);padding-top:44px;margin-top:25dvh}.title h1{font-size:37px;margin:5px 0 8px}.title-panel>p{font-size:15px;margin-bottom:6px}.title-panel .intro{font-size:12px;margin-bottom:12px}.title-actions{grid-template-columns:1fr 1fr;gap:8px}.title-actions .primary{grid-column:1/-1}.title-actions .mode-label{grid-column:1/-1;font-size:11px}.title-actions button{font-size:12px;padding:7px}.credit{margin-top:12px!important;font-size:10px!important;max-width:none}.title-panel .eyebrow{font-size:10px}main{grid-template-rows:48px 60px minmax(0,1fr) 160px}.brand{font-size:20px}.objective{padding:5px 10px}.objective h2{font-size:16px}.goal strong{font-size:14px}.goal span{font-size:11px}#controls{padding:2px 8px}.aim-row,.power-row{grid-template-columns:46px minmax(60px,1fr) 46px 82px;gap:6px}#equipment-line{font-size:9px}#hint{font-size:10px}.level-grid{gap:6px}dialog{padding:12px}.panel-head h2{font-size:21px}}@media(max-height:500px) and (orientation:landscape){.title{grid-template-columns:1fr 1fr}.title picture{height:100dvh}.title-panel{padding:9px 18px}.title h1{font-size:31px;margin:6px 0}.title-panel>p{font-size:13px;margin:4px 0}.title-panel .intro{font-size:11px}.title-actions{grid-template-columns:1fr 1fr;gap:5px}.title-actions .primary{min-height:44px;grid-column:1/-1}.title-actions button{font-size:11px;padding:5px}.mode-label{grid-column:1/-1;font-size:10px;gap:0}.mode-label select{font-size:11px}.credit{font-size:9px!important;margin-top:5px!important}.eyebrow{font-size:9px}main{grid-template-columns:minmax(0,1fr) 218px;grid-template-rows:48px 1fr}header{grid-column:1/2;grid-row:1/2}.objective{grid-column:2/3;grid-row:1/2;padding:4px 8px}.objective small{font-size:8px}.objective h2{font-size:13px}.goal{min-width:52px}.goal strong{font-size:12px}.goal span{font-size:10px}.field{grid-column:1/2;grid-row:2/3}#controls{grid-column:2/3;grid-row:2/3;padding:4px 7px;height:100%;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #869274}#hint{white-space:normal;font-size:10px;line-height:14px;max-height:40px}.aim-row,.power-row{grid-template-columns:44px 1fr 44px;gap:4px}.aim-row #roll{grid-column:1/4;height:48px}.power-row #bank{grid-column:1/4;height:44px}.power-row{margin-top:4px}.power-row label,.aim-row label{font-size:9px}#equipment-line{font-size:9px;line-height:12px}input[type=range]{height:44px}.brand{font-size:18px}header{padding:2px 8px;gap:8px}#campaign{font-size:11px}.objective{gap:4px}.goal span{display:none}#feedback{font-size:10px;padding:3px 5px}dialog{max-height:calc(100dvh - 12px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}