:root{--bg:#0a0c10;--fg:#e8e2d4;--accent:#d9b382;--muted:#9aa}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,serif;min-height:100vh}
#stage{min-height:80vh;padding:2rem 1.5rem 6rem}
.room{display:none}.room.active{display:block}
.scene{position:relative;height:60vh;max-width:900px;margin:0 auto}
.obj{position:absolute;transform:translate(-50%,-50%);padding:.9rem 1.1rem;border:1px solid var(--accent);background:rgba(20,18,16,.6);color:var(--fg);cursor:pointer;border-radius:8px;backdrop-filter:blur(2px)}
.obj:hover{background:rgba(217,179,130,.15)}
.obj.lamp{left:25%;top:55%}
.obj.window{left:75%;top:40%}
.obj.music{left:50%;top:75%}
.obj.draft{left:50%;top:25%;border-style:dashed}
#bottomnav{position:fixed;bottom:0;left:0;right:0;display:flex;gap:.5rem;padding:.75rem 1rem;background:rgba(10,12,16,.9);backdrop-filter:blur(6px);border-top:1px solid #222}
#bottomnav button{flex:1;padding:.8rem;border:1px solid var(--accent);background:transparent;color:var(--fg);border-radius:8px;cursor:pointer}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}