:root{--bg-deep:#0c0a10;--bg-panel:#16121c;--bg-panel-raised:#1e1826;--border-subtle:#33283f;--gold:#d8b466;--gold-bright:#f0d492;--text-main:#ece4f0;--text-dim:#a996b8;--danger:#c4443f;--success:#5aa66b;--info:#4f8fc0;--health-bg:#2a1c1c;--xp-bg:#1c2a24;--radius:10px;--font-heading:"Georgia", "Iowan Old Style", serif;--font-body:"Segoe UI", system-ui, sans-serif;--font-mono:"Consolas", "SFMono-Regular", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at top, #1a1424 0%, var(--bg-deep) 60%);color:var(--text-main);font-family:var(--font-body);min-height:100vh}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--gold-bright);letter-spacing:.02em;margin:0 0 .5rem}a{color:var(--gold)}button{font-family:var(--font-body);cursor:pointer}.app-shell{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.top-bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.top-bar .brand{font-family:var(--font-heading);color:var(--gold-bright);font-size:1.4rem;text-decoration:none}.top-bar .status{color:var(--text-dim);font-size:.8rem}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:.4rem;display:inline-block}.status-dot.on{background:var(--success)}.status-dot.off{background:var(--text-dim)}.btn{border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--bg-panel-raised);color:var(--text-main);align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.95rem;transition:border-color .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(160deg,#6b4b9c,#4a3270);border-color:#7a56ae;font-weight:600}.btn-primary:hover:not(:disabled){border-color:var(--gold-bright)}.btn-danger{border-color:var(--danger);color:#f3b5b2}.btn-block{justify-content:center;width:100%}.card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.entity-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:left;color:var(--text-main);flex-direction:column;gap:.4rem;padding:1rem;transition:border-color .15s,transform .1s;display:flex}.entity-card:hover{border-color:var(--gold);transform:translateY(-2px)}.entity-card .title{font-family:var(--font-heading);color:var(--gold-bright);font-size:1.1rem}.entity-card .meta{color:var(--text-dim);font-size:.8rem}.empty-state{color:var(--text-dim);text-align:center;padding:2rem 0;font-style:italic}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-dim);font-size:.85rem}input[type=text],textarea{background:var(--bg-deep);border:1px solid var(--border-subtle);color:var(--text-main);font-family:var(--font-body);resize:vertical;border-radius:6px;padding:.6rem .7rem;font-size:.95rem}input[type=text]:focus,textarea:focus{border-color:var(--gold);outline:none}.choice-row{grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0;display:grid}.choice-card{background:var(--bg-panel-raised);border:2px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text-main);padding:1.25rem}.choice-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.choice-card h3{margin-bottom:.4rem}.choice-card p{color:var(--text-dim);margin:0;font-size:.88rem}.error-banner{border:1px solid var(--danger);color:#f3b5b2;border-radius:var(--radius);background:#c4443f26;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.hint-banner{border:1px solid var(--info);color:#bcdcf3;border-radius:var(--radius);background:#4f8fc01f;margin-bottom:1rem;padding:.6rem 1rem;font-size:.85rem}.spinner-text{color:var(--text-dim);text-align:center;padding:2rem 0}.landing-hero{text-align:center;padding:4rem 1rem}.landing-hero h1{font-size:2.6rem}.landing-hero p{color:var(--text-dim);max-width:560px;margin:.75rem auto 2rem;line-height:1.5}.game-layout{grid-template-columns:2fr 1fr;gap:1.25rem;display:grid}@media (width<=800px){.game-layout{grid-template-columns:1fr}}.region-panel h2{margin-bottom:.25rem}.region-biome{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.8rem}.cell-description{margin-bottom:1rem;line-height:1.6}.feature-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tag{border:1px solid var(--border-subtle);background:var(--bg-panel-raised);border-radius:999px;padding:.25rem .6rem;font-size:.78rem}.tag.creature{border-color:var(--danger);color:#f3b5b2}.tag.creature.boss{background:#c4443f40;font-weight:700}.tag.hazard{color:#f0cf9a;border-color:#d69a3f}.tag.loot{border-color:var(--gold);color:var(--gold-bright)}.tag.landmark{border-color:var(--info);color:#bcdcf3}.tag.secret{color:#d3bdf0;border-color:#9a6fd6}.exits-list{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.exit-chip{border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--bg-panel-raised);color:var(--text-main);padding:.35rem .75rem;font-size:.85rem}.narration-log{flex-direction:column;gap:.6rem;max-height:360px;margin-top:1.25rem;padding-right:.25rem;display:flex;overflow-y:auto}.log-entry{border-left:2px solid var(--border-subtle);padding:.4rem 0 .4rem .75rem}.log-entry.invalid{border-left-color:var(--danger)}.log-action{color:var(--gold);font-family:var(--font-mono);font-size:.82rem}.log-narration{color:var(--text-main);margin-top:.15rem;font-size:.92rem;line-height:1.5}.action-bar{gap:.6rem;margin-top:1.25rem;display:flex}.action-bar input{flex:1}.stat-row{justify-content:space-between;margin-bottom:.35rem;font-size:.9rem;display:flex}.stat-row span:first-child{color:var(--text-dim)}.bar-track{background:var(--health-bg);border-radius:999px;height:10px;margin-bottom:.75rem;overflow:hidden}.bar-fill{border-radius:999px;height:100%}.bar-fill.health{background:linear-gradient(90deg, #7c2b28, var(--danger))}.bar-fill.xp{background:linear-gradient(90deg, #2b6b46, var(--success))}.dead-banner{border:1px solid var(--danger);border-radius:var(--radius);text-align:center;color:#f3b5b2;font-family:var(--font-heading);background:#c4443f2e;margin-bottom:1rem;padding:.75rem}.victory-banner{border:1px solid var(--gold);border-radius:var(--radius);text-align:center;color:var(--gold-bright);font-family:var(--font-heading);background:#d8b4662e;margin-bottom:1rem;padding:.75rem}.inventory-list,.event-list{margin:0;padding:0;font-size:.85rem;list-style:none}.inventory-list li,.event-list li{border-bottom:1px solid var(--border-subtle);color:var(--text-dim);padding:.3rem 0}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:1rem 0 .4rem;font-size:.8rem}.side-stack{flex-direction:column;gap:1rem;display:flex}