*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-family:Verdana,sans-serif;font-size:clamp(18px,1.56vw,30px);line-height:1.45}header{height:112px;padding:32px 5%;display:flex;align-items:center;gap:32px;border-bottom:1px solid #344159}.brand{display:flex;gap:12px;color:var(--text);text-decoration:none;font-size:32px;font-weight:700;letter-spacing:-1px}.gold{color:var(--primary)}.pill{border:1px solid var(--border);border-radius:30px;padding:8px 16px;font-size:12px;letter-spacing:1.5px;color:var(--text_muted)}.connection{margin-left:auto;font-size:14px;color:var(--accent)}main{display:grid;grid-template-columns:40% 60%;max-width:1920px;margin:auto;padding:55px 5% 20px;gap:0}aside{padding-right:60px}.eyebrow{font-size:13px;font-weight:700;color:var(--accent);letter-spacing:2px}h1{font-family:Trebuchet MS,sans-serif;font-size:clamp(42px,4vw,72px);letter-spacing:-2px;line-height:1.05;margin:25px 0}h2{font-family:Trebuchet MS,sans-serif;font-size:clamp(30px,2.7vw,46px);line-height:1.15;margin:24px 0}p{margin:16px 0}.intro{font-size:20px;color:var(--text_muted)}.panel{background:var(--surface);border:1px solid #3c4a60;border-radius:24px;padding:36px 40px;box-shadow:0 24px 70px #0003;min-height:650px}.panel-top{display:flex;justify-content:space-between}.panel-top #step{color:var(--text_muted);font-size:14px}#description{color:var(--text_muted);font-size:20px;margin-bottom:24px}#content{font-size:clamp(18px,1.57vw,30px)}.check{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid #34465e;font-size:18px;cursor:pointer}.check input{appearance:none;min-width:26px;height:26px;border:2px solid var(--border);border-radius:6px;margin-top:2px;background:var(--canvas)}.check input:checked{background:var(--primary);border-color:var(--primary)}.check input:checked:after{content:"✓";color:var(--on_primary);display:block;text-align:center;font-weight:700}.select{display:flex;justify-content:space-between;align-items:center;font-size:16px;gap:18px;margin-top:18px}select{max-width:65%;font:inherit;color:var(--text);background:var(--surface_alt);border:1px solid var(--border);padding:12px;border-radius:8px;min-height:48px}.note{font-size:15px;color:var(--text_muted)}#actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}button{font:inherit;font-size:20px;font-weight:700;min-height:72px;padding:16px 24px;border:1px solid var(--primary);background:var(--primary);color:var(--on_primary);border-radius:12px;cursor:pointer}button:hover{filter:brightness(1.08)}button.secondary{background:var(--surface_alt);border:1px solid var(--border);color:var(--text)}:focus-visible{outline:4px solid var(--focus);outline-offset:5px}h2:focus{outline:none}button:disabled{opacity:.5;cursor:not-allowed}.caption{font-size:16px;color:var(--text_muted);padding-top:24px;border-top:1px solid #34465e;margin-top:28px}#error{color:var(--danger);font-size:18px}#error:empty{display:none}.counter{display:flex;gap:28px;align-items:center;justify-content:center;margin:30px 0}.counter output{font-size:clamp(36px,4vw,76px);font-variant-numeric:tabular-nums}.counter button{font-size:32px}.result{color:var(--primary);font-size:clamp(26px,2.4vw,44px);font-weight:700}.supplies{font-size:42px;color:var(--accent);display:flex;gap:12px;flex-wrap:wrap}.progress{font-size:12px;letter-spacing:2px;color:var(--text_muted)}#progress-bar{height:4px;background:var(--surface_alt);margin-top:16px}#progress-bar:after{content:"";display:block;width:var(--progress);height:4px;background:var(--accent)}.remote{font-size:14px;line-height:1.8;color:var(--text_muted);margin-top:25px}footer{max-width:1920px;margin:auto;padding:20px 5% 35px;display:flex;align-items:center;gap:20px}footer>span{font-size:10px;letter-spacing:1.5px;color:var(--text_muted);margin-right:auto}.subtle{font-size:14px;min-height:48px;color:var(--text_muted);border-color:#4c6178;background:transparent;padding:10px 18px}.hint{position:fixed;bottom:40px;right:5%;background:var(--surface_alt);border:2px solid var(--accent);padding:24px;max-width:600px;border-radius:16px;box-shadow:0 12px 50px #0008;font-size:22px}.hint[hidden]{display:none}@media(min-width:1700px){.check{font-size:26px}.select{font-size:24px}.note,.caption{font-size:26px}.panel{padding:48px}.remote,.intro{font-size:26px}button{font-size:28px}}@media(max-width:900px){header{padding:22px 6%;height:auto;flex-wrap:wrap;gap:12px}.connection{display:none}.pill{font-size:9px}main{display:block;padding:30px 6%}.intro,.remote,.progress{display:none}aside{padding:0}h1{font-size:40px;margin:16px 0 30px}h1 br{display:none}.panel{padding:24px;min-height:0}.select{display:block}.select select{max-width:100%;width:100%;margin-top:8px}footer{flex-wrap:wrap}.hint{left:5%;right:5%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.back-sheet{position:fixed;inset:0;display:grid;place-items:center;background:#10182be8;padding:5%;z-index:5}.back-sheet[hidden]{display:none}.back-sheet section{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:48px;max-width:1000px}.episode-canvas{margin:28px 0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden}.scene-caption{font-size:clamp(18px,1.57vw,30px);color:var(--text);margin:0 0 12px}.scene-note{font-size:clamp(16px,1.36vw,26px);color:var(--text_muted);margin:12px 0 0}.bridge-card h3{font-size:clamp(18px,1.57vw,30px);color:var(--text_muted);margin:12px 0 0}.bridge-graphic{display:block;width:100%;height:auto;max-height:280px}.lunar-ground{fill:var(--surface_alt)}.bridge-support{fill:var(--surface_alt);stroke:var(--border);stroke-width:3}.support-lines{stroke:var(--border);fill:none;stroke-width:2}.paper-shape{fill:none;stroke:var(--primary);stroke-width:7;stroke-linejoin:round;stroke-linecap:round}.bridge-folded .paper-shape{stroke:var(--accent)}.paper-left,.paper-right{transform-box:view-box}.is-collapsed .paper-left{transform-origin:100px 220px;transform:rotate(12deg);animation:flat-collapse-left .45s ease-out 1}.is-collapsed .paper-right{transform-origin:500px 220px;transform:rotate(-12deg);animation:flat-collapse-right .45s ease-out 1}.scene-crate rect{fill:var(--primary);stroke:var(--on_primary);stroke-width:2}.scene-crate path{stroke:var(--on_primary);stroke-width:2}.bridge-folded .scene-crate rect{fill:var(--accent)}.bridge-flat.is-confirmed .scene-crates{transform:translateY(calc(var(--sag) + 60px));animation:flat-load-settle .45s ease-out 1}.bridge-folded.is-confirmed .scene-crates{animation:folded-load-settle .45s ease-out 1}.branch-feedback{display:flex;align-items:center;gap:18px;padding:16px 0 0;border-top:1px solid var(--border)}.branch-feedback p{font-size:clamp(18px,1.57vw,30px);margin:0}.branch-symbol{font-size:48px;color:var(--accent)}.resolution-greater .branch-symbol{animation:resolve-greater .45s ease-out 1}.resolution-equal .branch-symbol{animation:resolve-equal .45s ease-out 1}.resolution-lower .branch-symbol{animation:resolve-lower .45s ease-out 1}button:focus,input:focus,select:focus,a:focus{outline:4px solid var(--focus);outline-offset:5px}@keyframes flat-collapse-left{0%{transform:rotate(0)}45%{transform:rotate(4deg)}to{transform:rotate(12deg)}}@keyframes flat-collapse-right{0%{transform:rotate(0)}45%{transform:rotate(-4deg)}to{transform:rotate(-12deg)}}@keyframes flat-load-settle{0%{transform:translateY(0)}to{transform:translateY(calc(var(--sag) + 60px))}}@keyframes folded-load-settle{0%{transform:translateY(-12px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes resolve-greater{0%{transform:translateY(14px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes resolve-equal{0%{transform:scaleX(.7);opacity:.4}to{transform:scaleX(1);opacity:1}}@keyframes resolve-lower{0%{transform:translateY(-14px);opacity:.4}to{transform:translateY(0);opacity:1}}.episode-canvas[data-quiet=true] *,[data-motion=reduced_motion] .episode-canvas *,[data-motion=no_timing] .episode-canvas *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.episode-canvas *{animation:none!important;transition:none!important}}@media(max-width:900px){.episode-canvas{margin:20px 0}.bridge-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.bridge-graphic{max-height:220px}}.bridge-card[data-animate=false] *,.episode-canvas[data-branch-enter=false] .branch-symbol{animation:none!important}.bridge-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}#view-modes{position:sticky;top:0;z-index:10}.view-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 4%;background:var(--canvas);border-bottom:2px solid var(--border)}.view-banner strong{font-size:20px}.view-banner button{font-size:18px;padding:12px 18px;min-height:48px}.view-banner button[aria-pressed=false]{background:var(--surface);color:var(--text);border:2px solid var(--border)}.recorded-view{max-width:1280px;margin:0 auto;padding:24px 5%}.recorded-view h1{font-size:clamp(32px,3vw,52px)}.recorded-view p{font-size:clamp(18px,1.3vw,24px)}#demo-video{display:block;width:100%;max-height:65vh;background:#000}.recording-controls{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:20px 0;font-size:20px}.recording-controls select{width:auto;min-width:110px;margin-left:12px}.recorded-view a{color:var(--accent);text-decoration:underline}[hidden]{display:none!important}@media(max-width:760px){.view-banner{flex-direction:column}.view-banner button{width:100%}}