:root{--wood: #3b2b24;--accent: #b56a2b;--parchment: #f3e8d7;--bg: #1f1816;--text: #2b1f1f;--muted: #a07c5a;--glass: rgba(255,255,255,.04);--card: #281f1c;--panel: rgba(255,255,255, .8);--outline: rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Roboto,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--parchment);padding:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr auto;gap:18px;min-height:calc(100vh - 36px)}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;background:var(--card);padding:14px 18px;border-radius:12px;box-shadow:0 6px 18px #00000073;border:1px solid rgba(255,255,255,.02);color:var(--parchment)}.brand h1{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;letter-spacing:.6px;color:var(--parchment)}.brand .tag{margin:0;font-size:.8rem;color:var(--muted)}.top-actions{display:flex;gap:8px}.icon-btn{background:transparent;border:1px solid rgba(255,255,255,.03);padding:8px;border-radius:8px;cursor:pointer;color:var(--parchment);font-size:1.05rem}.icon-btn:hover{background:#ffffff05}.main{background:var(--card);padding:18px;border-radius:12px;box-shadow:inset 0 1px #ffffff05;overflow:auto}.scene-title{font-family:Cormorant Garamond,Georgia,serif;margin:0 0 8px;color:var(--parchment);font-size:1.25rem}.scene-text{height:300px;overflow-y:auto;background:var(--panel);color:var(--text);padding:18px;border-radius:8px;box-shadow:0 6px 14px #00000073;font-family:Georgia,Times New Roman,serif;line-height:1.6;border:1px solid rgba(0,0,0,.06)}.scene-text p{margin:0 0 12px}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.choice-btn{padding:12px 14px;border-radius:10px;border:1px solid var(--outline);background:var(--card);color:var(--parchment);cursor:pointer;font-weight:600;box-shadow:0 6px 14px #00000073;transition:transform .12s ease,box-shadow .12s ease,background .12s;text-align:left}.choice-btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000008c}.choice-btn.clicked{transform:scale(.99);opacity:.95}.choice-btn.big{grid-column:span 2}.choice-btn.disabled{pointer-events:none;opacity:.55;filter:grayscale(40%)}.choice-btn.accent{background:linear-gradient(180deg,var(--accent),var(--accent));color:var(--panel);border:1px solid rgba(0,0,0,.35);box-shadow:0 6px 18px #b56a2b1f}.inventory{background:var(--card);padding:14px;border-radius:12px;height:100%;overflow:auto;border:1px solid rgba(255,255,255,.02)}.inventory h3{margin:0 0 8px;font-family:Cormorant Garamond,Georgia,serif;color:var(--parchment)}.inventory-list{list-style:none;padding:0;margin:0;color:var(--parchment)}.inventory-list li{padding:10px;border-radius:6px;margin-bottom:8px;background:#0000000f;border:1px solid rgba(255,255,255,.02)}.inventory-footer{margin-top:10px;color:var(--muted);font-size:.85rem}.footer{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:var(--muted);background:transparent}@media(max-width:980px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}.inventory{order:3}.choices{grid-template-columns:1fr}.choice-btn.big{grid-column:auto}}.background-img{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease;opacity:.3;z-index:-1}.background-img.fade{opacity:0}