:root{color-scheme:dark;--bg:#15131a;--paper:#f5e6bc;--gold:#f5ba48;--muted:#b6a994;--line:#514537;--ink:#20191a;--teal:#7cbbb4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#393026 0%,transparent 35%),var(--bg);color:var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #94ded5;outline-offset:4px}button:disabled{cursor:default;opacity:.4}header{max-width:1250px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3b3432}.brand{font-weight:950;font-size:27px;letter-spacing:-1px;text-decoration:none}.brand span{display:block;font-size:8px;letter-spacing:2px;font-weight:650;margin-top:3px;color:var(--muted)}.back{font-size:13px;color:var(--muted);text-decoration:none}.back:hover{color:var(--gold)}main{max-width:1180px;margin:auto;padding:0 32px}.masthead{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:46px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:850;color:var(--gold);margin:0 0 10px}h1{font-size:clamp(33px,5.5vw,70px);line-height:.98;letter-spacing:-3px;margin:0;font-weight:950}h1 em{display:block;color:var(--gold);font-style:normal;letter-spacing:1px;transform:rotate(-2deg);transform-origin:left}.lede{font-size:16px;line-height:1.6;color:var(--muted);margin:22px 0 0}.seal{flex-shrink:0;width:134px;height:134px;border:2px dashed #ae894e;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(13deg);color:#dfb875;font-weight:850;font-size:12px;line-height:1.4;letter-spacing:1px}.seal span{font-size:32px}.game-shell{border:1px solid #786146;border-radius:20px 20px 12px 12px;overflow:hidden;background:#231e24;box-shadow:0 22px 65px #0005}.mission-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;background:linear-gradient(100deg,#322732,#2d2420)}.mission-bar h2{font-size:21px;line-height:1.1;margin:0}.mission-bar .eyebrow{font-size:9px;margin:0 0 6px}.mission-metrics{display:flex;gap:22px}.mission-metrics span{font-size:8px;letter-spacing:1.3px;font-weight:700;color:var(--muted)}.mission-metrics b{display:block;font-size:20px;color:var(--paper);letter-spacing:0;margin-top:3px;font-variant-numeric:tabular-nums}.playfield{position:relative;background:#18191c;aspect-ratio:18/12;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}.play-badge{position:absolute;right:18px;bottom:12px;font-size:8px;letter-spacing:2px;font-weight:800;color:#fff9;pointer-events:none}.overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#110f17bf;backdrop-filter:blur(5px);padding:20px}.overlay[hidden]{display:none}.overlay-card{text-align:center;max-width:510px;background:#251f24f5;border:1px solid #796044;padding:32px 38px;border-radius:6px 30px 6px 30px;box-shadow:10px 12px 0 #100e1699}.overlay-card h2{font-size:clamp(26px,4vw,44px);letter-spacing:-1px;line-height:1.05;margin:14px 0}.overlay-card p{line-height:1.55;font-size:14px;color:#d4c6ab}.overlay-card .eyebrow{color:var(--gold);font-size:9px}.primary{display:block;background:var(--gold);color:#241a1c;font-weight:900;border:0;border-radius:7px;padding:14px 24px;margin:22px auto 0;min-height:48px;box-shadow:0 4px 0 #966222}.primary:hover{background:#ffce74}.overlay-secondary{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:15px}.overlay-secondary button{background:none;border:0;border-bottom:1px solid #a4895c;color:var(--paper);padding:5px;font-size:12px}.overlay-card .overlay-foot{font-size:10px;color:var(--muted);margin:18px 0 0}.result-details{display:flex;justify-content:center;gap:20px;margin:20px 0}.result-details[hidden]{display:none}.result-details span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.result-details b{font-size:23px;display:block;color:var(--gold)}.status-ribbon{display:flex;align-items:center;gap:12px;padding:10px 20px;min-height:48px;background:#332b24}.status-ribbon p{margin:0;font-size:12px;line-height:1.5;flex:1}.lamp{width:8px;height:8px;border-radius:100%;background:#91c3a9;box-shadow:0 0 10px #8bb69a66;flex-shrink:0}.lamp.alert{background:#ff7c62;box-shadow:0 0 12px #ff7c6288}.status-ribbon>span:last-child:not(.lamp){font-size:9px;color:var(--gold);font-weight:900}.touch-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 25px}.dpad{display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:40px 40px;gap:4px;touch-action:none;user-select:none}.dpad button{border:1px solid #67574b;color:var(--paper);background:#3b3035;border-radius:9px;font-size:21px;touch-action:none}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.pad-center{grid-column:3;grid-row:1;display:grid;place-items:center;font-size:25px;color:#66554b}.action-pad{display:flex;gap:8px}.action-pad button{min-width:94px;min-height:66px;background:#433326;border:1px solid #947047;color:var(--paper);border-radius:11px;font-weight:850;font-size:13px;touch-action:manipulation}.action-pad button span{display:block;font-size:8px;letter-spacing:1px;color:var(--gold);margin-bottom:4px}.action-pad button small{display:block;color:#beae94;font-size:9px;font-weight:500;margin-top:3px}.action-pad button:active,.dpad button:active{background:#655036;transform:translateY(1px)}.tool-row{display:flex;flex-wrap:wrap;gap:5px 20px;padding:0 24px 18px}.tool-row button{background:none;border:0;color:var(--muted);padding:7px 0;font-size:11px}.tool-row button:hover{color:var(--gold)}.below-game{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:48px 0}.below-game h2{font-size:27px;line-height:1.12;letter-spacing:-.6px;margin:0 0 18px}.below-game h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.field-guide>p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted)}.field-guide ul{padding:0;list-style:none}.field-guide li{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 0}kbd{display:inline-block;border:1px solid #5b4f46;border-radius:4px;padding:0 5px;color:var(--paper);font:10px ui-monospace,monospace}.settings{display:grid;gap:16px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.settings label{font-size:13px;font-weight:700;cursor:pointer}.settings input{accent-color:var(--gold);width:16px;height:16px;vertical-align:-3px;margin:0 7px 0 0}.settings span{display:block;font-weight:400;color:var(--muted);font-size:11px;padding-left:27px;margin-top:5px}.level-panel>p:not(.eyebrow){font-size:12px;line-height:1.65;color:var(--muted)}.level-list{margin-top:22px;border-top:1px solid var(--line)}.level-entry{display:flex;width:100%;align-items:center;text-align:left;gap:13px;padding:15px 0;border:0;border-bottom:1px solid var(--line);color:var(--paper);background:transparent}.level-entry:hover,.level-entry.active{color:var(--gold)}.level-num{font-family:Georgia,serif;font-size:25px;color:#887253}.level-copy{flex:1}.level-copy strong{display:block;font-size:12px}.level-copy small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}.bells{font-size:13px;letter-spacing:3px;color:var(--gold)}.storage-note{font-size:10px!important;margin-top:20px}.text-button{border:0;background:none;color:var(--muted);font-size:10px;padding:5px 0;text-decoration:underline}.closing{display:flex;gap:20px;border-top:1px solid var(--line);padding:32px 0}.closing>span{font-size:45px;color:var(--gold)}.closing h2{font-size:23px;margin:0 0 10px}.closing p{font-size:12px;color:var(--muted)}.closing a{display:inline-block;font-size:12px;margin:10px 22px 0 0;color:var(--gold)}footer{max-width:1180px;margin:auto;padding:20px 32px 35px;color:#9d9282;font-size:10px;line-height:1.7;border-top:1px solid #342d29}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:12px 18px;background:#f5e6bc;color:#241c20;max-width:90vw;border-radius:7px;box-shadow:0 5px 30px #0008;font-size:12px;z-index:10;opacity:0;pointer-events:none}.toast.visible{opacity:1}.skip{position:absolute;top:-60px;left:15px;z-index:20;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:10px}@media(max-width:700px){header{padding:18px}.brand{font-size:22px}.brand span{font-size:6px}.back{font-size:11px}main{padding:0 12px}.masthead{padding:30px 5px 25px}.seal{display:none}h1{font-size:47px}.lede{font-size:13px}.mission-bar{padding:12px;gap:9px}.mission-bar h2{font-size:14px}.mission-bar .eyebrow{font-size:7px;letter-spacing:1px}.mission-metrics{gap:10px}.mission-metrics span{font-size:6px;letter-spacing:.4px}.mission-metrics b{font-size:14px}.overlay{padding:12px}.overlay-card{padding:14px 20px;border-radius:5px 18px;max-width:95%}.overlay-card h2{font-size:24px;margin:8px 0}.overlay-card p{font-size:11px;margin:8px 0}.overlay-card .eyebrow{font-size:7px}.primary{margin-top:12px;padding:10px 18px;min-height:42px;font-size:12px}.overlay-card .overlay-foot{font-size:8px;margin-top:10px}.result-details{gap:20px;margin:8px 0}.result-details b{font-size:18px}.result-details span{font-size:7px}.overlay-secondary{margin-top:8px;gap:12px}.overlay-secondary button{font-size:10px}.touch-controls{padding:12px;gap:10px}.action-pad{gap:5px}.action-pad button{min-width:64px;font-size:10px;min-height:64px}.action-pad button span{font-size:7px}.dpad{grid-template-columns:37px 37px 37px;grid-template-rows:36px 36px;gap:3px}.tool-row{padding:0 12px 12px;gap:0 15px}.tool-row button{font-size:10px}.status-ribbon{padding:8px 11px;gap:8px;min-height:44px}.status-ribbon p{font-size:10px}.status-ribbon>span:last-child:not(.lamp){font-size:7px}.play-badge{font-size:5px;right:9px;bottom:5px}.below-game{grid-template-columns:1fr;gap:35px;padding:35px 8px}.closing{padding:25px 8px}.closing h2{font-size:20px}footer{padding:20px}}@media(max-width:360px){.mission-metrics{gap:7px}.mission-metrics span:last-child{display:none}.action-pad button{min-width:58px}.dpad{grid-template-columns:33px 33px 33px}.overlay-card .overlay-foot{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the entire desktop play console visible, rather than scaling to page width. */
@media(min-width:701px){.game-shell{width:min(100%,max(560px,calc((100svh - 290px)*1.5)));max-width:980px;margin-inline:auto;scroll-margin-top:12px}.mission-bar{padding:12px 18px}.mission-bar h2{font-size:18px}.mission-metrics{gap:14px}.mission-metrics b{font-size:17px}.touch-controls{padding:10px 18px;gap:16px}.tool-row{padding:0 18px 12px;gap:5px 16px}.overlay-card{padding:18px 26px}.overlay-card h2{font-size:32px;margin:10px 0}.overlay-card p{font-size:12px}.overlay-card .primary{margin-top:14px}.overlay-card .overlay-foot{margin-top:12px}}
/* Small phones keep controls and long overlay copy reachable without clipping. */
@media(max-width:700px){.overlay{overflow:auto;align-items:start}.overlay-card{margin-block:auto}}
@media(max-width:360px){.touch-controls{flex-wrap:wrap;justify-content:center}.action-pad{justify-content:center}}

/* Expanded post-caper mastery recap stays inside narrow overlays. */
.result-details{flex-wrap:wrap;gap:12px 20px}.result-details>div{min-width:70px}