:root{font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",serif;color:#f7eee7;background:#120c12;--gold:#e8b86b;--red:#8f3342;--ink:#160f16;--paper:#f4eee5;--line:#ffffff20;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;background:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit}#app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.topbar{position:relative;z-index:8;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 clamp(17px,5vw,68px);border-bottom:1px solid var(--line);background:#120d14}.brand{display:flex;align-items:center;gap:14px}.brand strong{font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.16em}.brand i{font-style:normal;color:var(--gold)}.brand span{font-size:12px;color:#bbaeb7;letter-spacing:.12em}.actions{display:flex;gap:8px;align-items:center}.ghost,.primary,.secondary{border:1px solid #ffffff32;color:#f7eee7;background:#ffffff08;border-radius:4px;padding:11px 16px}.primary{background:linear-gradient(135deg,#c88644,#e9bc72);color:#21140d;border:0;font-weight:800;box-shadow:0 12px 34px #b06e3c28}.primary:hover{transform:translateY(-1px)}.secondary:hover,.ghost:hover{border-color:#e9bd72}.site-footer{margin-top:auto;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px clamp(18px,5vw,68px);border-top:1px solid var(--line);font:11px system-ui,sans-serif;color:#958993;background:#100b11}.site-footer a{text-decoration:none;color:#c8b7aa}.site-footer a:hover{text-decoration:underline}.landing{position:relative;min-height:calc(100svh - 125px);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 72% 22%,#8f3d4a55,transparent 30%),linear-gradient(145deg,#25141f,#100c12 65%)}.landing:before{content:"1999";position:absolute;right:-.05em;bottom:-.25em;font:900 clamp(150px,36vw,500px)/1 system-ui;color:#ffffff07;letter-spacing:-.09em}.landing-inner{position:relative;width:min(1020px,100%);padding:72px clamp(22px,7vw,96px)}.kicker,.section-label{font:800 10px system-ui,sans-serif;letter-spacing:.24em;color:var(--gold)}.landing h1{font-size:clamp(44px,8vw,92px);line-height:1.05;letter-spacing:-.06em;margin:24px 0}.landing h1 em{display:block;font-style:normal;color:#efc17c}.lead{max-width:620px;color:#c9bfc5;font-size:clamp(14px,1.8vw,18px);line-height:2}.film-meta{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0;color:#a597a2;font:10px system-ui;letter-spacing:.14em}.film-meta span+span:before{content:"·";margin-right:14px;color:var(--gold)}.code-entry{display:flex;flex-wrap:wrap;gap:10px;max-width:560px;margin-top:28px}.code-entry label{flex-basis:100%;font:12px system-ui;color:#d6cad1}.code-entry input{flex:1 1 220px;min-width:0;border:1px solid #ffffff3b;border-radius:4px;background:#100b11;color:#fff;padding:15px;text-transform:uppercase;letter-spacing:.12em}.caption{margin-top:16px;color:#8f838b;font:11px/1.6 system-ui}.screen{position:relative;flex:1;min-height:calc(100svh - 125px);background:radial-gradient(circle at 80% 10%,#61303d30,transparent 33%),#151018}.progress{display:flex;gap:3px;height:3px;padding:0 clamp(16px,5vw,68px)}.progress i{flex:1;background:#ffffff18}.progress i.done{background:#80505c}.progress i.now{background:var(--gold);box-shadow:0 0 14px #e6b66c}.intro{display:grid;place-items:center;padding:60px 20px}.intro-card{width:min(760px,100%);padding:clamp(30px,7vw,80px);border:1px solid #ffffff24;background:#211720cc;box-shadow:0 30px 90px #0008}.ep-number{font:900 clamp(66px,14vw,140px)/.9 system-ui;color:transparent;-webkit-text-stroke:1px #eec27a80;letter-spacing:-.1em}.intro h1{font-size:clamp(30px,5vw,52px);margin:24px 0 16px}.intro p{color:#c8bdc4;line-height:2}.decision-wrap{display:grid;grid-template-columns:minmax(150px,260px) minmax(0,760px);gap:clamp(24px,6vw,86px);max-width:1200px;margin:auto;padding:clamp(42px,7vw,90px) 22px 86px}.aside{color:#93868f}.aside strong{display:block;font:900 50px system-ui;color:#ffffff10;margin-top:36px}.card{border:1px solid #ffffff24;background:linear-gradient(145deg,#241922,#181219);padding:clamp(22px,4vw,48px);box-shadow:0 30px 80px #0006}.card h1{font-size:clamp(25px,4vw,39px);line-height:1.3;margin:22px 0}.story-copy{color:#cec3c9;font-size:14px;line-height:2}.story-copy p{margin:0 0 10px}.prompt{margin:26px 0 12px;color:var(--gold);font-size:13px;font-weight:800}.choices{display:grid;gap:9px}.choice{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:13px 15px;text-align:left;color:#f5ebef;border:1px solid #ffffff29;background:#2a1d26;transition:.15s}.choice:hover:not(:disabled){border-color:#dba964;background:#35222b;transform:translateX(3px)}.choice-letter{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d7aa6e;color:#efc887;font:800 12px system-ui}.choice-body{flex:1;line-height:1.6;font-size:13px}.choice small{display:block;color:#c999a3}.feedback{display:grid;place-items:center;padding:50px 20px;background:radial-gradient(circle,#4c2b3455,#151018 60%)}.feedback-card{width:min(680px,100%);padding:clamp(30px,6vw,70px);text-align:center;border:1px solid #b9886255;background:#211920}.feedback-card .quote{font-size:80px;color:#d8a765;height:62px}.feedback-card h1{font-size:25px}.feedback-card>p{font-size:clamp(17px,2.6vw,23px);line-height:1.9;color:#f2dfd5}.effects{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:22px 0}.effects span{border:1px solid #ffffff26;border-radius:99px;padding:6px 10px;color:#bdaeb6;font:10px system-ui}.access{display:grid;place-items:center;padding:42px 18px}.access-card{width:min(600px,100%);padding:clamp(28px,6vw,58px);text-align:center;border:1px solid #ffffff25;background:#20161f}.usage{width:120px;height:120px;border:2px solid var(--gold);border-radius:50%;display:grid;place-content:center;margin:24px auto}.usage strong{font:800 40px system-ui}.usage span{font:12px system-ui;color:#bdafb7}.button-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}.history-list{display:grid;gap:10px;margin:26px 0}.history-list button{display:grid;grid-template-columns:1fr auto;gap:6px 12px;text-align:left;padding:16px;border:1px solid #ffffff24;background:#291c25;color:#fff}.history-list small{grid-column:1/-1;color:#968992}.result{background:var(--paper);color:#2b2024}.result-hero{padding:60px clamp(22px,8vw,120px);min-height:430px;color:#fff;background:radial-gradient(circle at 80% 10%,#aa5964,#522b39 35%,#181117 82%)}.result-hero h1{font-size:clamp(36px,7vw,76px);line-height:1.12;max-width:900px;margin:22px 0}.result-hero h2{color:#f0c783}.result-content{max-width:860px;margin:auto;padding:20px 24px 100px}.result-section{padding:42px 0;border-bottom:1px solid #cfc5be}.result-section h3{font-size:25px}.result-section p{line-height:2;color:#56484c}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.metric-head{display:flex;justify-content:space-between}.track{height:5px;background:#d6cec7;margin-top:8px}.track i{display:block;height:100%;background:#9e4857}.regret,.replay,.relation{padding:14px 0;border-top:1px solid #d7cec7;display:grid;grid-template-columns:120px 1fr;gap:15px}.regret strong,.replay span{color:#9e4857}.ending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ending-grid div{padding:12px;background:#e7ddd5;font-size:12px}.result-actions{text-align:center;padding:64px 0}.panel-backdrop{position:fixed;inset:0;z-index:20;background:#000b;display:flex;justify-content:flex-end}.panel{width:min(430px,100%);height:100%;overflow:auto;background:#1d151c;padding:28px;border-left:1px solid #ffffff2a}.panel-head{display:flex;justify-content:space-between}.panel-head button{background:none;border:0;color:#fff;font-size:26px}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.state-grid div{padding:12px;background:#2d2029;display:flex;justify-content:space-between;font:12px system-ui}.debugger{position:fixed;z-index:30;right:10px;bottom:10px;width:min(430px,calc(100vw - 20px));max-height:78vh;overflow:auto;background:#20243a;border:1px solid #9d88dd;font:11px system-ui}.debugger:not(.open){width:auto}.debug-toggle{width:100%;border:0;background:#6757a0;color:#fff;padding:9px}.debug-body{padding:12px;display:grid;gap:8px}.debug-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.debugger input,.debugger select{max-width:100px}.api-error{padding:10px 20px;background:#702d35;text-align:center;font:12px system-ui}.modal{align-self:center;margin:auto;width:min(460px,calc(100% - 30px));padding:30px;background:#251a22}.muted{color:#93868e;font-size:12px;line-height:1.7}
@media(max-width:740px){.topbar{min-height:60px;padding:0 15px}.brand span{display:none}.actions .ghost{font-size:10px;padding:8px}.landing{min-height:calc(100svh - 117px);place-items:start}.landing-inner{padding:72px 22px}.decision-wrap{display:block;padding:40px 12px 70px}.aside{padding:0 8px 16px}.aside strong{display:none}.card{padding:22px 15px}.choice{padding:12px 10px;gap:10px}.metrics{grid-template-columns:1fr}.ending-grid{grid-template-columns:1fr 1fr}.result-hero{padding:48px 22px}.site-footer{flex-wrap:wrap}.regret,.replay,.relation{grid-template-columns:90px 1fr}}
@media(max-width:390px){.landing h1{font-size:39px}.film-meta{font-size:8px}.film-meta span+span:before{margin-right:7px}.brand strong{font-size:10px}.card h1{font-size:24px}.choice-body{font-size:12px}.ending-grid{grid-template-columns:1fr}.site-footer{display:block}.site-footer a{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}