*{box-sizing:border-box;margin:0}:root{--bg:#0d0c0a;--panel:#171512;--ink:#e8e2d5;--dim:#8d8778;--accent:#c8a049;--danger:#c05b4d;--paper:#d8c9a7;--paper-light:#eadfc7;--paper-ink:#211d16}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);min-height:100vh;font:15px/1.5 Georgia,Times New Roman,serif}button{background:var(--accent);color:#1a1508;font:inherit;cursor:pointer;border:0;padding:8px 16px}button:disabled{background:var(--dim);cursor:default}button.secondary{color:var(--ink);border:1px solid var(--dim);background:0 0}input[type=text],textarea{background:var(--panel);color:var(--ink);border:1px solid #35312a;width:100%;padding:8px;font:13px/1.4 Consolas,monospace}a{color:var(--accent)}code{color:var(--accent);font-family:Consolas,monospace}.shell-screen{isolation:isolate;min-height:100vh;position:relative}.title-screen{color:var(--paper-ink);background:radial-gradient(circle at 50% 38%, #fff8e1b3, transparent 42%), linear-gradient(105deg, #c1ad82, var(--paper-light) 35%, #cfbd96 72%, #bda87c);place-items:center;padding:48px 24px 68px;display:grid;overflow:hidden}.paper-grain{z-index:-1;opacity:.3;mix-blend-mode:multiply;background:repeating-linear-gradient(8deg,#0000 0 3px,#3026180f 4px,#0000 5px 9px),repeating-linear-gradient(92deg,#0000 0 8px,#ffffff1c 9px,#0000 10px 15px);position:absolute;inset:0}.title-panel{text-align:center;outline-offset:-9px;background:#e7dbbe52;border:1px solid #2b231780;outline:1px solid #2b231738;width:min(760px,100%);padding:clamp(42px,8vw,86px) clamp(28px,8vw,92px);box-shadow:0 28px 70px #31251233}.title-eyebrow,.shell-wordmark,.chapter-number,.chapter-state{letter-spacing:.22em;text-transform:uppercase;font-size:11px}.title-panel h1{letter-spacing:-.035em;margin:16px 0 10px;font-size:clamp(47px,8vw,84px);font-weight:400;line-height:.95}.title-deck{opacity:.72;font-size:17px;font-style:italic}.title-actions{flex-direction:column;align-items:center;gap:10px;margin-top:45px;display:flex}.title-screen button,.shell-header button,.chapter-card{color:inherit}.primary-action{background:var(--paper-ink);border:1px solid var(--paper-ink);min-width:min(320px,100%);padding:13px 28px 11px;font-size:18px;color:var(--paper-light)!important}.primary-action span{letter-spacing:.14em;text-transform:uppercase;opacity:.68;margin-top:2px;font-size:11px;display:block}.text-button{color:inherit;text-underline-offset:4px;background:0 0;border:0;padding:5px 10px;text-decoration:underline;text-decoration-thickness:1px}.title-footnote{letter-spacing:.12em;text-transform:uppercase;opacity:.65;font-size:11px;position:absolute;bottom:25px}.shell-header{border-bottom:1px solid #3b3832;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1160px,100% - 40px);margin:0 auto;padding:24px 0;display:grid}.shell-back{justify-self:start;text-decoration:none}.chapters-screen,.settings-screen{color:var(--ink);background:repeating-linear-gradient(7deg,#0000 0 9px,#ffffff03 10px),#0b0a09;padding-bottom:64px}.chapters-heading,.settings-panel{width:min(1160px,100% - 40px);margin:48px auto 30px}.chapters-heading h1,.settings-panel h1{margin:4px 0 8px;font-size:clamp(38px,6vw,62px);font-weight:400}.chapters-heading>p:not(.title-eyebrow):not(.dev-notice){color:var(--dim)}.dev-notice{color:#d5bb7b;border:1px solid #6c5b33;margin-top:16px;padding:5px 9px;font:11px/1.4 Consolas,monospace;display:inline-block}.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1160px,100% - 40px);margin:0 auto;padding:0;list-style:none;display:grid}.chapter-card{text-align:left;background:#11100e;border:1px solid #48443b;flex-direction:column;align-items:flex-start;width:100%;min-height:315px;padding:0 20px 18px;transition:border-color .18s,transform .18s;display:flex;overflow:hidden;box-shadow:inset 0 0 45px #000}.chapter-card:not(:disabled):hover,.chapter-card:not(:disabled):focus-visible{border-color:#b3a27d;transform:translateY(-2px)}.chapter-card:disabled{opacity:.43;cursor:not-allowed}.chapter-plate{filter:sepia(.25);background-color:#d2c7ad;background-image:radial-gradient(at 50% 78%,#0000 0 18%,#37332b 18.5% 19%,#0000 20%),repeating-radial-gradient(at 50% 112%,#0000 0 8px,#1e1b1666 9px,#0000 10px 14px),repeating-linear-gradient(100deg,#0000 0 4px,#231f1833 5px,#0000 6px 9px);border-bottom:1px solid #3a3731;width:calc(100% + 40px);height:165px;margin:0 -20px 16px}.plate-2 .chapter-plate{background-position:14% 0,50%,50%;transform:scaleX(-1)}.plate-3 .chapter-plate{background-size:auto,125% 110%,auto}.plate-4 .chapter-plate{filter:sepia(.4)contrast(1.1);background-position:70% 8%,50%,50%}.chapter-number{color:var(--dim)}.chapter-card strong{margin-top:5px;font-size:24px;font-weight:400;line-height:1.08}.chapter-date{color:#9d9584;margin-top:4px;font-style:italic}.chapter-state{color:#bfa66b;margin-top:auto;padding-top:20px}.dev-override{width:max-content;color:var(--dim);margin:28px auto 0;font:11px Consolas,monospace;display:block}.settings-panel{max-width:760px}.settings-hook{color:var(--dim);background:#11100e;border:1px solid #48443b;margin-top:30px;padding:30px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.subtitle-bar{text-align:center;text-shadow:0 1px 4px #000,0 0 24px #000;pointer-events:none;z-index:30;width:calc(100% - 48px);max-width:720px;font-size:19px;font-style:italic;position:fixed;bottom:6vh;left:50%;transform:translate(-50%)}.hud{color:var(--dim);z-index:20;background:#0d0c0ad1;border:1px solid #35312a;max-width:340px;padding:10px 14px;font:12px/1.6 Consolas,monospace;position:fixed;top:12px;left:12px}.hud b{color:var(--ink)}.hud .ok{color:#7fae6a}.hud .warn{color:var(--danger)}.stage{background:#000;position:fixed;inset:0;overflow:hidden}.canvas-host,.canvas-host canvas{width:100%;height:100%;position:absolute;inset:0}.stage .subtitle-bar{z-index:60}.video-host{opacity:0;visibility:hidden;z-index:5;background:#000;justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:absolute;inset:0}.video-host.visible{opacity:1;visibility:visible}.worldmodel-video,.cutscene-video{object-fit:cover;width:100%;height:100%}.fade-layer{opacity:1;pointer-events:none;z-index:40;background:#000;transition:opacity .85s;position:absolute;inset:0}.title-card{text-align:center;opacity:0;visibility:hidden;z-index:50;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity 1.2s;display:flex;position:absolute;inset:0}.title-card.visible{opacity:1;visibility:visible}.card-kicker,.gameplay-placeholder .card-kicker{color:var(--dim);letter-spacing:.25em;text-transform:uppercase;font-size:12px}.card-title{max-width:760px;font-size:clamp(36px,6vw,64px);font-weight:400}.card-date{color:#b4aa97;font-size:17px;font-style:italic}.card-status{color:#716c62;letter-spacing:.16em;text-transform:uppercase;min-height:1.5em;margin-top:26px;font-size:11px}.stall-hint{z-index:70;color:#e4ded1;letter-spacing:.08em;opacity:0;pointer-events:none;background:#080706c7;border:1px solid #e4ded140;padding:8px 13px;font-size:12px;transition:opacity .5s,transform .5s;position:absolute;bottom:3vh;left:50%;transform:translate(-50%,6px)}.stall-hint.visible{opacity:1;transform:translate(-50%)}.beat-guidance{z-index:70;color:#f1eadc;letter-spacing:.05em;text-align:center;opacity:0;pointer-events:none;background:#080706e0;border:1px solid #e4ded157;width:min(520px,100% - 32px);padding:10px 14px;font-size:13px;transition:opacity .35s,transform .35s;position:absolute;bottom:calc(3vh + 44px);left:50%;transform:translate(-50%,6px)}.beat-guidance.visible{opacity:1;transform:translate(-50%)}.review-controls{z-index:90;color:#e4ded1;background:#080706e0;border:1px solid #e4ded14d;align-items:center;gap:7px;padding:8px;font-size:12px;display:flex;position:absolute;top:14px;right:14px}.review-controls span{color:#bfa66b;text-transform:uppercase;letter-spacing:.1em}.review-controls select,.review-controls button{color:#e4ded1;background:#24211c;border:1px solid #766a54;min-height:32px;padding:5px 9px}.review-controls button:hover,.review-controls button:focus-visible{border-color:#d0b879}html[data-experience-ui=hidden] .review-controls,html[data-experience-ui=hidden] .subtitle-bar,html[data-experience-ui=hidden] .beat-guidance,html[data-experience-ui=hidden] .stall-hint{display:none!important}.pause-overlay{z-index:100;color:var(--paper-ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000c7;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.pause-overlay[hidden]{display:none}.pause-panel{text-align:center;background:repeating-linear-gradient(9deg, transparent 0 5px, #3228190b 6px), var(--paper);outline-offset:-8px;border:1px solid #796b4e;outline:1px solid #211d1652;width:min(430px,100%);padding:44px}.pause-panel h2{margin:8px 0 30px;font-size:31px;font-weight:400}.pause-panel .card-kicker{color:#6c614f}.pause-menu[hidden],.pause-settings-view[hidden]{display:none}.pause-actions{gap:9px;display:grid}.pause-actions button{background:var(--paper-ink);color:var(--paper-light);padding:10px 16px}.pause-actions button.secondary{color:var(--paper-ink);background:0 0;border-color:#766a54}.pause-settings-hook{color:#6c614f;text-align:left;border:1px solid #897b60;min-height:92px;padding:16px}.pause-settings-back{width:100%;margin-top:12px;padding:9px 16px;color:var(--paper-ink)!important;border-color:#766a54!important}.gameplay-placeholder{text-align:center;background:radial-gradient(at 50% 40%,#1c1915 0%,#0d0c0a 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.gameplay-placeholder h3{font-size:26px;font-weight:400}.gameplay-placeholder .dim{color:var(--dim);max-width:460px}.gameplay-placeholder .actions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;margin-top:10px;display:flex}.signature-overlay{opacity:0;z-index:30;background:#000000bf;justify-content:center;align-items:center;transition:opacity 2.5s;display:flex;position:absolute;inset:0}.signature-overlay.visible{opacity:1}.signature-overlay canvas{border:12px solid #241c12;outline:1px solid #4a3a24;max-width:min(640px,80vw);box-shadow:0 0 60px #000000e6,inset 0 0 40px #281c0c80}.banner{border-left:3px solid var(--accent);max-width:380px;color:var(--dim);z-index:20;background:#171512eb;padding:10px 14px;font-size:13px;position:fixed;top:12px;right:12px}@media (width<=800px){.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-controls{flex-wrap:wrap;left:12px;right:12px}.review-controls select{flex:160px}}@media (width<=540px){.chapter-grid{grid-template-columns:1fr}.title-panel{padding:52px 25px}.chapter-card{min-height:285px}}