@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10191b;--panel:#142023;--ink:#eee9df;--muted:#a4b0ad;--gold:#d4b57b;--line:#34413e}*{box-sizing:border-box}body{margin:0;background:#0a1113;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.game{max-width:1600px;margin:auto;background:var(--bg);min-height:100svh}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:34px;letter-spacing:6px;text-decoration:none;color:var(--ink)}.wordmark span{color:var(--gold)}.chapter{font-size:12px;letter-spacing:2.5px;color:var(--muted);display:flex;align-items:center;gap:18px}.chapter i{width:25px;height:1px;background:var(--gold)}.quiet,footer button{background:none;border:0;padding:10px;color:var(--muted);font-size:14px}.quiet span{font-size:12px;border:1px solid var(--line);padding:3px 6px;margin-left:8px}.scene{height:45vh;min-height:300px;max-height:580px;position:relative;overflow:hidden;background:#18272b}.scene-art{width:100%;height:100%;object-fit:cover;object-position:center 48%}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,22,.6),transparent 55%),linear-gradient(0deg,#10191b,transparent 38%)}.location{position:absolute;left:5%;top:16%;text-shadow:0 2px 16px #000}.eyebrow{color:var(--gold);font-size:12px;font-weight:600;letter-spacing:2.3px}.location h1{font:500 clamp(42px,5vw,76px)/1.1 'Cormorant Garamond',Georgia,serif;margin:12px 0}.location p{color:#c5d0cc;font-size:14px}.scene-footer{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:var(--muted)}.draft{border:1px solid #73837b55;padding:5px 9px;font-size:12px}.story{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;padding:22px 5% 38px;min-height:300px}.speaker-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.speaker-row #relation{color:var(--muted);font-size:12px}.narrative h2{font:500 clamp(30px,3vw,43px)/1.12 'Cormorant Garamond',Georgia,serif;margin:20px 0 16px}.narrative p{color:#bdc7c1;line-height:1.75;margin:0;font-size:16px;white-space:pre-line}.narrative #consequence{color:var(--gold);font-size:13px;margin-top:14px;min-height:20px}.decision>.eyebrow{margin-bottom:17px}#choices{display:grid;gap:9px}.choice{display:flex;align-items:center;gap:18px;background:#192629;border:1px solid #364441;padding:16px 18px;text-align:left;width:100%;line-height:1.4;transition:background .2s,border-color .2s}.choice:hover{background:#243430;border-color:var(--gold)}.choice .number{font-size:12px;color:var(--gold);border-right:1px solid #4a5148;padding-right:16px}.choice small{display:block;color:var(--muted);font-size:12px;margin-top:5px}footer{border-top:1px solid var(--line);padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7f918c;font-size:12px}footer nav{display:flex;gap:12px}dialog{width:min(540px,90vw);max-height:85svh;overflow:auto;background:#172426;color:var(--ink);border:1px solid #6c705a;padding:28px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#030b0edb;backdrop-filter:blur(5px)}dialog h2{font:36px 'Cormorant Garamond',Georgia,serif;margin:0}dialog h3{color:var(--gold);font-size:14px;margin-top:26px}dialog p,dialog li{font-size:16px;line-height:1.65}dialog li{margin-bottom:12px}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog button{background:#263836;border:1px solid #596355;padding:10px 16px}.muted{color:var(--muted)}.dialog-actions{display:flex;gap:12px;margin-top:24px}#relationships{display:flex;gap:20px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#dfc89e;color:#162222;padding:12px 24px;box-shadow:0 5px 25px #0008;max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}@media(min-width:1500px){.story{min-height:330px}}@media(max-width:700px){header{height:70px;padding:0 5%}.wordmark{font-size:26px}.chapter{display:none}.scene{height:34svh;min-height:240px}.scene-art{object-position:64% center}.location{top:13%}.location .eyebrow{font-size:10px;letter-spacing:1.5px}.scene-footer{bottom:18px}.story{display:block;padding:16px 6% 26px}.narrative h2{margin-top:14px}.narrative p{font-size:16px;line-height:1.65}.decision{margin-top:22px}.speaker-row #relation{font-size:12px}.choice{padding:15px}.choice small{font-size:13px}footer{padding:10px 5%;justify-content:center}footer>span{display:none}.draft{font-size:10px}.scene-footer>span:first-child{font-size:11px}#relationships{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}