:root{--bg:#111b32;--panel:#192742;--line:#35425a;--text:#f3f4e9;--muted:#b0bdd1;--yellow:#f2d651}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.8}html{scroll-behavior:smooth;scroll-padding-top:20px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button,input{font:inherit}header,main,footer{max-width:1240px;margin:auto}header{padding:25px 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block;line-height:1.2}.brand b{font-size:27px;letter-spacing:2px}.brand b span{color:var(--yellow)}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:35px;font-size:14px}nav a:hover{color:var(--yellow)}.edition{font-size:11px;border:1px solid var(--line);padding:5px 12px;letter-spacing:1px}main{padding:0 40px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center;padding:55px 0 65px}.kicker{color:var(--yellow);font-size:10px;font-weight:650;letter-spacing:2px}h1{font-size:15px;font-weight:500;margin:17px 0}.big{font-size:clamp(48px,5vw,70px);font-weight:850;line-height:1.25;letter-spacing:-1px;margin:24px 0}.big em{font-style:normal;color:var(--yellow)}.intro{color:var(--muted);max-width:370px;font-size:14px}.cta{display:inline-flex;gap:30px;align-items:center;background:var(--yellow);color:#172039;padding:12px 22px;box-shadow:5px 5px 0 #5a6440;font-weight:650;font-size:14px;margin-top:23px}.cta:hover{background:#ffe991}.comic-stage{display:flex;align-items:end;position:relative;background:radial-gradient(#566079 1px,transparent 1px);background-size:10px 10px;padding:12px 0 12px 15px}.front{margin:0;flex:1;max-width:360px;border:5px solid var(--text);transform:rotate(-3deg);box-shadow:10px 10px 0 #080e1d}.front img{display:block;width:100%;height:auto}.front figcaption{padding:6px 12px;background:var(--text);font-size:11px;font-weight:650;color:var(--bg)}.side-note{width:140px;position:relative;z-index:2;margin-left:-25px;margin-bottom:35px;padding:20px 15px;background:var(--yellow);color:#172039;box-shadow:7px 7px 0 #080e1d;transform:rotate(4deg)}.side-note span{font-weight:800;font-size:12px}.side-note p{font-size:19px;font-weight:750;line-height:1.5;margin:12px 0}.side-note a{font-size:10px}.ribbon{display:flex;justify-content:space-around;gap:12px;background:var(--yellow);color:#172039;margin:0 -40px;padding:12px 25px;font-size:13px;font-weight:700}.ribbon b{font-size:18px}#library,#faq{padding:60px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px}.section-top>p{color:var(--muted);font-size:13px}h2{font-size:30px;line-height:1.4;margin:12px 0 20px}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:15px 0}.toolbar label{font-size:11px;color:var(--muted)}input{display:block;width:340px;margin-top:7px;min-height:46px;background:var(--panel);border:1px solid #63718a;padding:10px 15px;color:var(--text);border-radius:0}input::placeholder{color:#a5b1c7}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);color:var(--muted);background:transparent;min-height:46px;padding:9px 16px;font-size:13px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:var(--bg)}#count{font-size:12px;color:var(--muted);margin:0 0 23px}.stories{display:grid;gap:26px}article{display:grid;grid-template-columns:270px 1fr;background:var(--panel);border:1px solid var(--line)}article[hidden]{display:none}.cover img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.story-copy{padding:28px 35px;display:flex;flex-direction:column;align-items:start}.story-meta{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;color:var(--yellow)}.story-meta b{font-size:22px;color:#7382a0;font-family:monospace}h3{font-size:27px;line-height:1.4;margin:12px 0}.hook{font-size:14px;color:var(--text);margin:0 0 12px}.plot{color:var(--muted);font-size:14px;max-width:620px;margin:5px 0 15px}details{border-top:1px solid var(--line);width:100%;font-size:13px;margin-top:auto;color:var(--muted)}summary{cursor:pointer;padding:11px 0;display:flex;justify-content:space-between;color:var(--text);list-style:none}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details p{margin:3px 0 14px}.source{font-size:10px;color:var(--muted);margin:5px 0 0}.route{border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:38px}.route>div>p:last-child{font-size:13px;color:var(--muted);max-width:340px}.route ol{padding-left:20px;margin:0;counter-reset:route}.route li{padding:0 0 15px 10px;margin-bottom:15px;border-bottom:1px solid var(--line)}.route li:last-child{margin:0;padding-bottom:0;border:0}.route li::marker{color:var(--yellow)}.route li span{font-size:16px;font-weight:600}.route li p{margin:5px 0;color:var(--muted);font-size:13px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.faq-grid>div{padding:20px 0;border-bottom:1px solid var(--line)}.faq-grid h3{font-size:16px;margin:0 0 8px}.faq-grid p{font-size:13px;color:var(--muted);margin:0}footer{padding:30px 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:11px;color:var(--muted)}footer>a:last-child{font-size:12px;color:var(--yellow)}.missing{padding:15vh 25px;max-width:700px}.missing h1{font-size:40px}@media(max-width:760px){header{padding:20px}.brand b{font-size:22px}.brand small{font-size:9px;letter-spacing:1px}nav{gap:18px;font-size:12px}nav a:last-child,.edition{display:none}main{padding:0 22px}.hero{grid-template-columns:1fr;padding:30px 0 40px;gap:35px}.big{font-size:52px;margin:20px 0}.intro{font-size:14px}.comic-stage{padding-left:12px}.front{max-width:80%;border-width:4px}.side-note{width:110px;padding:15px 12px;margin-left:-30px}.side-note p{font-size:16px}.side-note a{font-size:9px}.ribbon{margin:0 -22px;padding:12px 10px;font-size:10px;gap:5px}.ribbon b{font-size:12px}.section-top{display:block}.section-top>p{font-size:12px}#library,#faq{padding:35px 0}h2{font-size:26px}.toolbar{display:block}input{width:100%}.filters{margin-top:16px}.filters button{padding:9px 11px;font-size:12px}article{grid-template-columns:1fr}.cover img{height:auto}.story-copy{padding:22px}h3{font-size:25px}.plot{font-size:14px}.story-meta b{font-size:18px}.source{font-size:10px}.route{grid-template-columns:1fr;padding:24px;gap:20px}.route h2{font-size:24px}.faq-grid{grid-template-columns:1fr}footer{padding:25px 22px;flex-wrap:wrap}footer p{margin:0}.missing h1{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}