:root{--ink:#edf1e9;--muted:#a9bec1;--gold:#d9c295;--water:#99c9c8;--line:#31484d;--dark:#0b1b20;--panel:#13292f;font-family:'PingFang TC','Noto Sans TC',system-ui,sans-serif;color:var(--ink);background:var(--dark);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;line-height:1.8}button,input,select{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{min-height:48px;border:1px solid var(--line);border-radius:6px;background:#183139;color:var(--ink);padding:10px 16px;cursor:pointer;font-size:16px;line-height:1.5}button:hover{border-color:var(--gold)}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{border-color:var(--gold);background:#31464a;color:#f9e2b9}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip{position:absolute;top:-100px;background:var(--gold);color:var(--dark);z-index:99;padding:12px}.skip:focus{top:8px}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px max(22px,calc((100vw - 1220px)/2));background:#07171b;font-size:13px}.top a{text-decoration:none}.top span{color:var(--muted);font-size:12px}.top label{display:flex;gap:8px;align-items:center;white-space:nowrap}.top input{accent-color:var(--gold);width:19px;height:19px}.hero{position:relative;min-height:640px;overflow:hidden;isolation:isolate;max-width:1800px;margin:auto}.hero>img,.hero .shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero>img{object-position:62% center}.shade{z-index:-1!important;background:linear-gradient(90deg,#05141eec,#071c2566 55%,#071c2508),linear-gradient(0deg,#0b1b20,transparent 25%)}.hero-copy{max-width:1280px;margin:auto;padding:85px 40px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--gold);line-height:1.8}.hero h1{font-weight:540;font-size:clamp(38px,4.9vw,65px);line-height:1.35;margin:22px 0;letter-spacing:2px}.hero-copy>p:not(.eyebrow){color:#d9e7e5;font-size:20px;margin-bottom:28px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:54px;padding:15px 22px;color:#10252b;background:var(--gold);border:0;border-radius:6px;text-decoration:none;font-size:17px;font-weight:600}.hero-meta{color:var(--muted);font-size:12px;margin-top:23px}.caption{position:absolute;bottom:22px;right:25px;font-size:11px;color:#c0ccce}.intro,.research,.challenge-invite,.outro,.related,.parents{max-width:1280px;margin:auto;padding:52px 32px}.intro{padding-top:32px;padding-bottom:22px}.intro h2,.challenge-invite h2,.outro h2,.related h2{font-size:clamp(25px,3vw,35px);line-height:1.5;font-weight:540;letter-spacing:.5px;margin:14px 0}.intro p:not(.eyebrow),.challenge-invite p,.outro p{font-size:18px;color:var(--muted)}.evidence-key{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:26px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.observed{background:#9ac4c0}.hypothesis{background:#d9c295}.unknown{background:#b0b5bb}.research{padding-top:30px;scroll-margin-top:15px}.research-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:12px}#chapters{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;margin:18px 0 28px}#chapters button{font-size:13px;padding:11px 8px;text-align:left;background:transparent;min-height:70px}#chapters small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px}#chapters [aria-current=step]{background:#253b3f;color:var(--gold);border-color:var(--gold)}.exhibit{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.55fr);gap:35px;align-items:start}.copy h2{font-size:clamp(25px,2.7vw,34px);font-weight:550;line-height:1.5;letter-spacing:.5px;margin:18px 0}.copy .lead{font-size:18px;color:var(--muted)}.copy .instruction{font-size:16px}.status-label{display:inline-block;border:1px solid #40575c;color:var(--water);font-size:11px;padding:4px 10px;border-radius:3px;margin-top:6px}.discovery{border-top:1px solid var(--line);padding:20px 0;margin-top:24px;font-size:20px;color:var(--gold);line-height:1.6;min-height:95px}.discovery small{font-size:14px;display:block;margin-top:9px;color:var(--muted)}.advanced{color:var(--muted);font-size:14px}.advanced summary{min-height:45px;cursor:pointer}.advanced p{margin-top:8px}.advanced a{display:block;margin-top:10px;color:var(--water)}.stage{background:#031319;border:1px solid #35494f;border-radius:7px;aspect-ratio:16/10;position:relative;overflow:hidden;isolation:isolate}.stage canvas{width:100%;height:100%;display:block;touch-action:pan-y}.stage[data-drop=true] canvas{touch-action:none}.stage-tag{position:absolute;left:14px;top:10px;right:14px;pointer-events:none;font-size:10px;color:#dce8e9;text-shadow:0 1px 4px #000}.stage-caption{position:absolute;left:14px;bottom:9px;right:14px;pointer-events:none;font-size:10px;color:#bdcbd0;text-shadow:0 1px 4px #000}.loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#0c1b25e8;z-index:4;padding:20px;text-align:center;font-size:16px}.loading[hidden]{display:none}.loading button{margin-top:14px}.common{display:flex;gap:8px;margin:12px 0 18px;flex-wrap:wrap}.common button{flex:1;font-size:14px;padding:11px 9px}.control-group{margin-top:18px}.control-group label{display:flex;justify-content:space-between;font-size:16px;gap:12px}.control-group output{font-size:14px;color:var(--gold)}input[type=range]{height:44px;accent-color:var(--gold);width:100%;margin:4px 0 0;cursor:pointer}.row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.row button{flex:1}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.material-grid button{min-height:74px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 6px;gap:3px}.material-grid strong{font-size:22px;font-weight:500;color:#d6c19b}.material-grid span{font-size:13px}.drag-note,.note{font-size:13px;color:var(--muted);margin:10px 0}.button-token{touch-action:none;user-select:none}.drag-ghost{position:fixed;z-index:50;border:1px solid var(--gold);background:#213e47f0;color:var(--gold);padding:12px 20px;border-radius:8px;pointer-events:none;font-size:18px;transform:translate(-50%,-50%)}.drop-active{border-color:var(--gold)!important;box-shadow:0 0 0 2px #d9c29544}.meter{background:#1c343b;border-radius:4px;height:8px;overflow:hidden;margin:12px 0}.meter span{display:block;height:100%;background:var(--gold);width:0}.readout{background:#142e36;border-left:2px solid var(--gold);padding:14px 17px;margin:14px 0;font-size:16px;min-height:54px;line-height:1.7}.base-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.base-grid button{min-height:57px;font-size:22px;color:var(--gold)}.sequence{display:flex;gap:6px;align-items:center;margin:15px 0;flex-wrap:wrap}.sequence span{min-width:34px;text-align:center;border:1px solid var(--line);padding:6px;color:var(--water);font-size:18px}.sequence .matched{background:#284c50}.legend{display:flex;gap:16px;font-size:12px;flex-wrap:wrap;color:var(--muted)}.trait-grid,.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.trait-grid button{font-size:15px;min-height:64px}.guess{padding:21px;border:1px solid var(--line);border-radius:7px;margin-top:25px}.guess h3{font-size:19px;font-weight:550;margin:12px 0}.guess .eyebrow{margin:0}.feedback{font-size:16px;color:var(--water);min-height:29px;margin:12px 0 0;line-height:1.7}.conclusion{padding:21px 0;border-bottom:1px solid var(--line);font-size:18px;line-height:1.8}.conclusion b{font-size:11px;letter-spacing:2px;display:block;color:var(--gold);margin-bottom:8px}.fun{color:var(--muted);font-size:15px;margin:18px 0}.fun b{color:var(--gold);font-weight:500}.chapter-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px}.chapter-controls span{font-size:12px;color:var(--muted)}.challenge-invite{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}.outro{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:46px;border-top:1px solid var(--line)}.outro figure{margin:0}.outro img{display:block;width:100%;height:auto;border-radius:6px}.outro figcaption{font-size:11px;color:var(--muted);margin-top:10px}.related,.parents{border-top:1px solid var(--line)}.related>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.related a{padding:25px;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-size:19px}.related a span{display:block;color:var(--muted);font-size:14px;margin-top:12px}.parents{display:grid;grid-template-columns:1fr 1fr;gap:36px;font-size:14px;color:var(--muted)}.parents summary{cursor:pointer;color:var(--ink);min-height:48px;font-size:16px}#sources a{display:block;padding:8px 0;overflow-wrap:anywhere}footer{max-width:1280px;margin:auto;padding:30px 32px 40px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}footer a{text-decoration:none}.challenge-panel{border:1px solid var(--gold);border-radius:8px;padding:23px;margin:20px 0;background:#173039}.challenge-panel h3{font-size:21px;margin:10px 0}.challenge-panel .row{margin-bottom:0}.complete{border:1px solid var(--gold);padding:30px;background:#17333b;border-radius:8px}.complete h2{font-size:30px}.complete p{font-size:18px}.step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.step-grid button{text-align:left;font-size:16px;min-height:65px}.step-grid button small{display:block;font-size:11px;color:var(--muted)}.step-grid button[aria-pressed=true]{color:var(--water);border-color:#618989}.step-grid button.current{border-color:var(--gold);color:var(--gold)}@media(max-width:1050px){#chapters{grid-template-columns:repeat(5,1fr)}.exhibit{gap:24px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr)}}@media(max-width:700px){.top{padding:13px 16px;font-size:12px}.top span{display:none}.top label{font-size:11px}.hero{min-height:610px}.hero>img{object-position:65% center;opacity:.7}.shade{background:linear-gradient(90deg,#05141ce3,#05141c80),linear-gradient(0deg,#0b1b20,transparent 30%)}.hero-copy{padding:68px 22px 75px}.hero h1{font-size:39px;letter-spacing:1px}.hero-copy>p:not(.eyebrow){font-size:18px}.hero-meta{font-size:11px}.hero .primary{font-size:16px;padding:14px 16px}.caption{font-size:10px;left:22px;right:15px}.intro,.research,.challenge-invite,.outro,.related,.parents{padding:34px 18px}.intro{padding-bottom:20px}.intro p:not(.eyebrow),.challenge-invite p,.outro p{font-size:17px}.research-top .eyebrow{font-size:10px;letter-spacing:1px}#chapters{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}#chapters button{font-size:14px;min-height:58px;padding:10px}#chapters small{display:inline;margin-right:5px}.exhibit{grid-template-columns:1fr;gap:20px}.copy h2{font-size:27px;margin:13px 0}.copy .lead{font-size:18px}.copy .instruction{font-size:15px}.discovery{padding:16px 0;margin-top:18px;min-height:0}.advanced{font-size:13px}.stage{aspect-ratio:16/12}.stage-tag,.stage-caption{font-size:9px;left:10px;right:10px}.common{gap:6px}.common button{font-size:13px;padding:11px 5px}.material-grid{grid-template-columns:repeat(4,1fr)}.material-grid strong{font-size:20px}.material-grid span{font-size:12px}.guess{padding:17px}.guess h3{font-size:18px}.row button{font-size:15px;padding:11px 10px}.chapter-controls{gap:8px}.chapter-controls button{font-size:14px;padding:11px}.chapter-controls span{font-size:10px}.challenge-invite{flex-direction:column;align-items:stretch;gap:15px}.outro{grid-template-columns:1fr;gap:25px}.related>div,.parents{grid-template-columns:1fr}.parents{gap:22px}.related a{font-size:18px}.challenge-panel{padding:17px}.challenge-panel h3{font-size:19px}.step-grid button{font-size:15px}.evidence-key{gap:15px;font-size:11px}footer{padding:25px 20px;flex-direction:column;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}