@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--red:#cb2748;--paper:#f2e9e9;--ink:#070709;--glass:rgba(8,6,9,.87);--muted:#a99ba1}*{box-sizing:border-box}body{margin:0;background:#050506;color:var(--paper);font-family:'DM Mono',monospace;overflow:hidden}.screen{min-height:100vh}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(3,2,4,.94);padding:24px}.warning-panel,.modal-panel{width:min(630px,100%);border:1px solid #5b2632;background:#100b10;box-shadow:0 0 60px #000;padding:34px}.warning-panel h1,.title-card h1{font-family:'Playfair Display',serif;letter-spacing:0;line-height:.82;margin:13px 0 20px}.warning-panel h1{font-size:44px}.warning-panel p{line-height:1.7;color:#d4c9ca;font-size:13px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--red);margin:0}.toggle{display:block;margin:24px 0;color:#d9cdd0;font-size:12px}.toggle input{accent-color:var(--red)}button{font:inherit;letter-spacing:.08em;font-size:11px;color:#f4e7e9;border:1px solid #8a3b4b;padding:12px 16px;background:#1a0b10;cursor:pointer}button:hover{background:var(--red);border-color:var(--red)}.primary{display:block;width:100%;background:#a61e3b;font-weight:500}.title-screen{display:flex;align-items:center;padding:6vw;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.35)),url('assets/images/cover.png') center/cover}.title-card{width:min(470px,80vw)}.title-card h1{font-size:clamp(58px,8vw,115px);text-shadow:0 3px 18px #000}.tagline{line-height:1.6;color:#e0d7d8;margin:22px 0 32px;font-size:13px}.ghost{margin-top:8px;width:100%;background:rgba(0,0,0,.35)}.scene,.cg{position:absolute;inset:0;background:center/cover no-repeat;transition:background-image .8s ease;filter:brightness(.65) saturate(.82)}.cg{z-index:3;filter:brightness(.72);background-color:#060507}.scanlines{position:absolute;inset:0;z-index:5;opacity:.17;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 4px)}.hud{position:absolute;z-index:10;left:0;right:0;top:0;padding:22px 30px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(#060507bd,transparent);font-size:10px}.rec span{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--red);margin-right:6px;box-shadow:0 0 8px var(--red)}.obsession{display:flex;align-items:center;gap:8px}.obsession label{color:#cbbdc1}.meter{width:150px;height:7px;border:1px solid #7f4451;background:#180b10}.meter i{display:block;height:100%;background:var(--red);width:0;transition:width .35s}.hud-actions{display:flex;gap:6px}.hud-actions button{padding:6px 8px;border-color:#6e3a45;background:#0a0709aa;font-size:9px}.sprite{position:absolute;z-index:4;height:min(86vh,1000px);bottom:0;max-width:44vw;object-fit:contain;filter:drop-shadow(0 5px 18px #000)}.sprite.left{left:3%}.sprite.right{right:3%}.dialogue{position:absolute;z-index:12;left:50%;bottom:3.5vh;transform:translateX(-50%);width:min(1120px,92vw);min-height:180px;background:var(--glass);border-top:1px solid #a62d45;padding:25px 31px 32px;box-shadow:0 8px 25px #000}.chapter{font-size:9px;color:#a49196;letter-spacing:.16em;margin-bottom:10px}.speaker{font-size:13px;color:#ec6681;letter-spacing:.14em;min-height:17px}.dialogue #line{font-family:'Playfair Display',serif;font-size:clamp(18px,2vw,25px);line-height:1.45;margin:8px 0 10px;min-height:70px}.advance{position:absolute;right:26px;bottom:10px;font-size:9px;color:#9e8e92;letter-spacing:.1em}.advance span{font-size:18px;color:var(--red);vertical-align:-2px}.choices{display:grid;gap:8px;margin-top:12px}.choice{width:100%;text-align:left;background:#140a0e;border-color:#663340;padding:11px 15px;color:#e8dcde;line-height:1.4}.choice:hover{transform:translateX(5px)}.modal-panel{max-height:80vh;overflow:auto}.modal-panel h2{font-family:'Playfair Display',serif;margin-top:0}.modal-panel p,.history-item{font-size:12px;line-height:1.6;color:#d8cbce;border-bottom:1px solid #37242b;padding:9px 0}.modal-panel .close{margin-top:18px;width:100%}.save-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.save-grid button{min-height:64px;padding:8px;font-size:9px}.ending{text-align:center;background:linear-gradient(rgba(0,0,0,.5),#090608),var(--end-bg) center/cover}.ending .dialogue{bottom:8vh;text-align:center}.ending h2{font-family:'Playfair Display',serif;font-size:55px;margin:8px 0}.ending p{max-width:680px;margin:10px auto;font-size:17px;line-height:1.5}.restart{margin:20px auto 0;width:220px}.glitch{animation:glitch .22s linear 2}@keyframes glitch{25%{transform:translateX(-4px);filter:hue-rotate(50deg)}75%{transform:translateX(5px)}}@media(max-width:700px){.hud{padding:14px}.obsession label{display:none}.meter{width:84px}.hud-actions button{font-size:8px;padding:5px}.sprite{height:65vh;max-width:60vw}.dialogue{bottom:1.5vh;min-height:205px;padding:18px 20px 28px}.dialogue #line{font-size:18px;min-height:86px}.title-screen{padding:30px}.title-card{width:100%}.warning-panel{padding:25px}.save-grid{grid-template-columns:repeat(3,1fr)}}