/* A coarse game grid for the second-try moments; plain type for the practical work. */
:root{--radius:0px;--time-amber:#e7ba62}
body{background:var(--canvas)}
svg{stroke-linecap:square;stroke-linejoin:miter}
h1,h2,h3{letter-spacing:-.01em}
h1{font-size:clamp(36px,3.7vw,52px);line-height:1.05;font-weight:500}
.wordmark{font-size:31px;font-weight:600;letter-spacing:-.015em}
.wordmark>span:first-of-type,.wordmark-dot{color:#926019}
.sidebar{background:#e7ecdb;border-color:#cdd8c5}
.main-nav a,.avatar,.demo-pill,.tiny-rewind{border-radius:0}
.main-nav a[aria-current=page]{background:#23664f;color:#fffef8}
.main-nav a[aria-current=page] svg{color:#e7ba62}
.main-nav a:hover{background:#d4dfc9}
.main-nav a[aria-current=page]:hover{background:#174c3a}
.sidebar-note p{color:#405e43;font-size:24px;line-height:1.15}
.tiny-rewind{background:#d4dfc9;color:#315b32}
.demo-pill{background:#e8edda;color:#496047}
.avatar{background:#dfd7b3;color:#4e482b}
.preview{border:1px solid #afc3a9;border-radius:0;background:#dcece2}
.preview-scene{background:#dcece2;border:0;height:370px}
.pixel-scene{position:absolute;right:0;bottom:0;width:100%;height:auto;image-rendering:pixelated;pointer-events:none}
.save-frame{color:#55794b;z-index:3;stroke-width:1}
.hero-copy{max-width:46%;padding:34px;z-index:2}
.hero-copy h2{font-size:clamp(44px,4.7vw,68px);font-weight:500;line-height:.96;max-width:8ch}
.hero-copy h2 span{color:#23664f}
.hero-copy p{font-size:13px;color:#405e43;max-width:23ch;line-height:1.65;margin-top:20px}
.photo-state{background:#fff0c8;color:#65502a;border-radius:0;top:24px;right:24px}
.preview-controls{background:#183e33;padding:19px 25px;gap:16px}
.preview .slider-labels,.preview .slider-hint{color:#ecf0dd;font-size:11px}
.slider-labels{margin-bottom:11px}
.rewind-token{border-radius:0;background:#e7ba62;color:#183e33}
input[type=range]{appearance:none;height:6px;border-radius:0;background:#bacbb9;cursor:pointer}
input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:17px;border:2px solid #183e33;border-radius:0;background:#f0cd78}
input[type=range]::-moz-range-thumb{width:10px;height:15px;border:2px solid #183e33;border-radius:0;background:#f0cd78}
.restore-slider{background:#628171!important}
.preview-controls input:focus-visible{outline-color:#f0cd78}
.snapshot,.snapshot:first-child,.snapshot:last-child{border-radius:0;border-top:1px solid #bacbb4;background:transparent;min-height:72px}
.snapshot:hover{background:#e8edda}
.snapshot[aria-pressed=true]{background:#dce6cd;border-color:#23664f}
.snapshot-marker{border-radius:0;background:#e4e9d7;color:#506749}
.snapshot.saved .snapshot-marker{background:#e8d4a0;color:#6a5024}
.snapshot[aria-pressed=true] .snapshot-marker{background:#23664f;color:#fffef8}
.snapshot strong{font-family:Instrument,sans-serif;font-size:12px}
.snapshot small,.preview-caption{color:#536459}
.summary-panel{border:1px solid #cbd4bf;border-radius:0;background:#fffef8}
.summary-panel h2{font-size:36px;line-height:1.02;font-weight:500}
.summary-panel .intro{font-size:13px;line-height:1.65}
.state-badge{border-radius:0;background:#e3eed7;color:#315b32}
.device-line{border-color:#d7dfd1}
.primary,.secondary,.scenario-tabs button,.field select,.guide-questions button{border-radius:0}
.primary{background:#23664f;color:#fffef8;min-height:44px}
.primary:hover{background:#174c3a}
.secondary{background:#e6ead7;color:#405e43}
.secondary:hover{background:#d4dfc9}
.panel,.ledger,.guide,.prevention-note,.mechanism,.outcome,.cta-band,.price-explainer,.guide-answer,.pitch-stage{border-radius:0}
.panel,.guide{border:1px solid #d1dac8}
.prevention-note{background:#e3eed7}
.prevention-note h3{font-size:30px;font-weight:500}
.guide{background:#e8edda}
.guide-header h2,.section-title h2{font-size:28px;font-weight:500}
.agent-icon,.permission,.switch span,.research-fact,.source-status{border-radius:0}
.agent-icon{background:#e0e7d1;color:#4b6848}
.price-block .big-price,.ledger-total strong{font-family:Instrument,sans-serif;font-variant-numeric:tabular-nums}
.panel h2,.panel h3,.ledger h2,.ledger h3,.reading h2,.reading h3,.price-explainer h2,.outcome h3,.speaker-notes h3{font-family:Instrument,sans-serif;letter-spacing:-.02em}
.recovery-device{width:48px;height:60px;background:#f4dda5;color:#645029;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.recovery-device svg{width:27px;height:34px}
.pitch-stage.photo-slide{background:#dcece2}
.pitch-stage h2,.pitch-stage p{position:relative;z-index:2}
.pitch-scene{position:absolute;right:0;bottom:0;width:100%;height:auto;image-rendering:pixelated;pointer-events:none}
.pitch-stage.photo-slide h2{max-width:10ch}
.pitch-stage.photo-slide p{max-width:40ch}
.pitch-progress button,.pitch-arrows button{border-radius:0}
.outcome,.outcome[class],.mechanism,.guide-answer{background:transparent;border:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:22px;box-shadow:none}
.outcome h3{color:var(--ink)}
@media(max-width:1150px){.hero-copy h2{font-size:53px}.summary-panel h2{font-size:32px}}
@media(max-width:700px){
 .main-nav{scrollbar-width:thin;scrollbar-color:#55794b #e7ecdb;padding-bottom:6px}
 .main-nav::-webkit-scrollbar{display:block;height:4px}
 .main-nav::-webkit-scrollbar-thumb{background:#55794b}
 .main-nav::-webkit-scrollbar-track{background:#e7ecdb}
 .wordmark{font-size:29px}.page-heading h1{font-size:36px;max-width:17ch}
 .preview-scene{height:320px}.hero-copy{padding:30px 24px;max-width:61%}
 .hero-copy h2{font-size:43px;max-width:8ch}.hero-copy p{font-size:12px;max-width:21ch;margin-top:14px}
 .photo-state{top:18px;right:18px;font-size:10px;max-width:19ch}
 .preview-controls{padding:17px 15px;gap:10px}.preview .slider-hint{width:50px}
 .snapshot,.snapshot:first-child,.snapshot:last-child{padding:12px 7px;min-height:112px}
 .snapshot strong,.snapshot small{font-size:11px;line-height:1.5}
 .summary-panel h2{font-size:37px}.prevention-note h3{font-size:32px}
 .pitch-stage h2{font-size:42px}.pitch-stage.photo-slide p{max-width:29ch}
}