:root{--pine: #20453a;--pine-deep: #16382c;--bone: #efe6d0;--bone-dim: #cfc4a8;--cobalt: #2b44c8;--brass: #c9963b;--ink: #1d1a16}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--pine-deep);color:var(--bone);font-family:Satoshi,system-ui,sans-serif;overflow:hidden}.stage{position:fixed;inset:0}.stage canvas{cursor:none;display:block}.chip{position:fixed;left:0;top:0;z-index:40;pointer-events:none;background:var(--cobalt);color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.08em;padding:6px 10px;opacity:0;transition:opacity .12s ease;white-space:nowrap}.chip-on{opacity:1}@media(hover:none){.chip{display:none}.stage canvas{cursor:auto}}.overlay{position:fixed;z-index:20;max-width:430px;pointer-events:none}.overlay .line{opacity:0;transform:translateY(10px);animation:arrive .48s cubic-bezier(.22,1,.36,1) forwards}.overlay .line:nth-child(1){animation-delay:0ms}.overlay .line:nth-child(2){animation-delay:70ms}.overlay .line:nth-child(3){animation-delay:.14s}.overlay .line:nth-child(4){animation-delay:.21s}.overlay .line:nth-child(5){animation-delay:.28s}@keyframes arrive{to{opacity:1;transform:translateY(0)}}.zone-name{color:var(--brass);font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px}.overlay h1{font-family:Cabinet Grotesk,sans-serif;font-weight:900;font-size:clamp(30px,4.2vw,52px);line-height:.98;letter-spacing:-.01em;margin-bottom:14px}.aside{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:clamp(17px,1.6vw,21px);color:var(--bone);margin-bottom:12px}.body{font-size:15.5px;line-height:1.55;color:var(--bone-dim);margin-bottom:20px}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:auto}.action{font-family:Satoshi,sans-serif;font-weight:700;font-size:15px;color:var(--bone);background:none;border:none;border-bottom:2px solid var(--cobalt);padding:2px 0;cursor:pointer;text-decoration:none;text-align:left}.action:hover{color:#fff;background:var(--cobalt)}.overlay-room,.overlay-bench{left:4vw;bottom:6vh}.overlay-shelf{right:4vw;top:7vh;text-align:left}.overlay-wall{left:4vw;top:7vh}.overlay-door{left:4vw;bottom:6vh}.plan{position:fixed;right:18px;bottom:18px;z-index:30;background:#16201ad1;border:1px solid rgba(239,230,208,.25);padding:10px 12px;width:168px}.plan-svg{width:100%;display:block}.plan-room{fill:none;stroke:#efe6d080;stroke-width:1.5}.plan-zone{fill:#efe6d024;stroke:#efe6d073;cursor:pointer}.plan-zone:hover,.plan-zone.active{fill:var(--cobalt)}.plan-labels{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px}.plan-labels button{background:none;border:none;color:var(--bone-dim);font-family:Satoshi,sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;cursor:pointer;padding:0}.plan-labels button:hover{color:#fff;text-decoration:underline}.plan-keys{margin-top:6px;font-size:11px;color:#efe6d073;letter-spacing:.08em}.rail{display:none}@media(max-width:720px){.plan{display:none}.overlay{left:16px!important;right:16px!important;top:auto!important;bottom:118px;max-width:none}.overlay h1{font-size:30px}.body{font-size:14.5px}.rail{display:flex;position:fixed;left:10px;right:10px;bottom:12px;z-index:30;gap:8px}.rail-block{flex:1;font-family:Cabinet Grotesk,sans-serif;font-weight:800;font-size:15px;color:var(--bone);background:linear-gradient(180deg,#8a5527,#74451f);border:2px solid #54340f;border-bottom-width:5px;padding:12px 0 9px;cursor:pointer}.rail-block.active{background:var(--cobalt);border-color:#1a2c86;color:#fff}}.proto-tag{position:fixed;left:14px;top:12px;z-index:30;font-size:12px;letter-spacing:.1em;color:#efe6d08c;text-transform:uppercase}