:root{color-scheme:dark;--bg:#09161e;--surface:#122936;--ink:#eaf1ee;--muted:#b2c4c9;--gold:#f4ca7a;--line:#33505d;--paper:#e9dfc4;--dark:#182a2f;font-family:system-ui,-apple-system,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.7rem 1rem;border-radius:4px;min-height:46px}button:hover{border-color:var(--gold)}button:disabled{opacity:.5;cursor:default}.primary{background:var(--gold);color:#14262c;border-color:var(--gold);font-weight:750}a{color:var(--gold);text-underline-offset:.2em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3{line-height:1.17;font-family:Georgia,serif;margin:.5rem 0 1rem}h1{font-size:clamp(2.3rem,5.5vw,4.5rem);max-width:12ch}h2{font-size:clamp(1.8rem,3vw,2.65rem)}h3{font-size:1.35rem}p{margin:.6rem 0 1.2rem}.eyebrow,.meta{font-size:.875rem;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em}.wrap{max-width:1320px;margin:auto;padding:0 1.5rem}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-family:Georgia,serif;font-size:1.25rem;color:var(--ink);text-decoration:none}.controls,.actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.controls button{font-size:.875rem;padding:.5rem .8rem}.start{display:grid;grid-template-columns:.8fr 1.25fr;gap:2.5rem;padding:2.5rem 0;align-items:center}.start figure{margin:0;border:2px solid var(--gold);transform:rotate(-1deg)}.start img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.start figcaption{padding:.5rem .8rem;font-size:.875rem;background:var(--surface)}.tag{display:inline-block;background:#213d48;color:var(--gold);padding:.2rem .65rem;font-size:.875rem}.scene{margin:1.5rem 0 0;position:relative;border:2px solid var(--ink);background:#142c32;overflow:hidden}.scene img{display:block;width:100%;max-height:430px;object-fit:cover;aspect-ratio:16/9;animation:arrive .7s ease-out}.scene-label{position:absolute;top:1rem;left:1rem;background:var(--paper);color:var(--dark);padding:.4rem .75rem;font-weight:700;max-width:90%}.speech{position:absolute;bottom:1rem;right:1rem;background:var(--paper);color:var(--dark);font-family:Georgia,serif;font-size:clamp(1.15rem,2.2vw,1.65rem);padding:.7rem 1rem;max-width:80%;border:2px solid var(--dark)}.reconstruction{margin:.3rem 0;color:var(--muted);font-size:.875rem}.episode{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;padding:1.3rem 0}.episode p{max-width:72ch}.goal{border-left:3px solid var(--gold);padding:1rem 1.2rem;background:var(--surface);align-self:center}.nav{display:flex;gap:.4rem;border-bottom:1px solid var(--line);padding:.5rem 0 .8rem;flex-wrap:wrap}.nav button[aria-current=true]{background:var(--gold);color:var(--dark);font-weight:700}.content{padding:1.7rem 0 3rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card{padding:1.2rem;background:var(--surface);border:1px solid var(--line)}.clue{width:100%;text-align:left;display:flex;gap:1rem;align-items:start}.clue .number{font-family:Georgia,serif;font-size:1.5rem;color:var(--gold);min-width:2.7rem}.clue strong{display:block;font-size:1.15rem}.clue span{display:block}.chip{font-size:.875rem;color:var(--gold)}.person{border-left:3px solid var(--gold)}.reply{padding:1rem;background:#203d4a;border-left:3px solid var(--gold);margin:1rem 0}.question{margin-bottom:1.4rem}.question label{display:block;padding:.6rem 0}.question fieldset{border:0;padding:0;margin:1rem 0}.question legend{font-weight:700}.question input[type=radio],.question input[type=checkbox]{width:1.2rem;height:1.2rem;vertical-align:middle;margin-right:.5rem;accent-color:var(--gold)}.proofs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem}.result{padding:1rem;border-left:3px solid var(--gold);background:#1d3a43}.success{color:var(--gold)}.timeline{list-style:none;padding:0;border-left:2px solid var(--gold)}.timeline li{padding:.7rem 1.5rem;border-bottom:1px solid var(--line)}.timeline time{display:block;color:var(--gold);font-weight:750}textarea,input:not([type=checkbox]):not([type=radio]),select{width:100%;padding:.65rem;border:1px solid var(--line);background:#091e28;color:var(--ink);border-radius:3px}textarea{min-height:160px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{display:block}label{margin:.7rem 0}dialog{width:min(760px,calc(100% - 2rem));max-height:90dvh;background:var(--surface);color:var(--ink);border:1px solid var(--gold);padding:1.5rem;border-radius:4px}dialog::backdrop{background:#030b12d9}.file-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.paper{background:var(--paper);color:var(--dark);padding:1.5rem;margin-top:1rem}.paper .meta{color:#334e55}.paper a{color:#234850}.paper button{background:#26434c}.foot{padding:1rem 0 2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}.next{padding:1.2rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.painting{width:140px;height:205px;object-fit:contain;float:right;margin:0 0 1rem 1.5rem}.podcast-section{border-bottom:1px solid var(--line);padding:1rem 0 1.5rem}.podcast-section p{max-width:78ch}.progress{color:var(--gold);font-size:.875rem}.empty{max-width:60ch}.player{padding:1rem;background:#1c3945;margin:1rem 0;display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.player select{width:auto}.board-link{padding:.6rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}#notice{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--dark);padding:.75rem 1rem;z-index:9;max-width:90%;box-shadow:0 2px 20px #0008}#notice:empty{display:none}@keyframes arrive{from{transform:scale(1.03);opacity:.7}to{transform:scale(1);opacity:1}}@media(max-width:760px){.wrap{padding:0 1rem}.start,.episode{grid-template-columns:1fr;gap:1.2rem}.start{padding:1.6rem 0}.start h1{max-width:20ch}.start figure{transform:none}.grid,.form-grid,.proofs{grid-template-columns:1fr}.scene img{min-height:240px;object-fit:cover}.scene-label{font-size:.875rem;top:.6rem;left:.6rem}.speech{right:.6rem;bottom:.6rem;padding:.4rem .65rem;max-width:86%}.controls{gap:.4rem}.card{padding:1rem}dialog{padding:1rem}.painting{float:none;margin:0 0 1rem}.episode h2{margin-top:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}