: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 .24s cubic-bezier(.23,1,.32,1) forwards}.overlay .line:nth-child(1){animation-delay:0ms}.overlay .line:nth-child(2){animation-delay:60ms}.overlay .line:nth-child(3){animation-delay:.12s}.overlay .line:nth-child(4){animation-delay:.18s}.overlay .line:nth-child(5){animation-delay:.24s}@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}.focus-label{position:fixed;left:50%;transform:translate(-50%);bottom:76px;z-index:35;background:var(--cobalt);color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.08em;padding:8px 14px;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;animation:arrive .24s cubic-bezier(.23,1,.32,1)}.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:#8a5527;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}.fallback{position:fixed;inset:0;z-index:0}.fallback svg{width:100%;height:100%;display:block}.fb-hit{fill:var(--cobalt);opacity:0;transition:opacity .12s ease}.fb-zone{cursor:pointer}@media(hover:hover)and (pointer:fine){.fb-zone:hover .fb-hit{opacity:.3}}.fb-link{cursor:pointer}@media(hover:hover)and (pointer:fine){.fb-link:hover .fb-linkbox{fill:var(--cobalt)}.fb-link:hover text{fill:#fff}}.fb-swing{transform-box:fill-box;transform-origin:50% 0%;animation:fb-swing .9s cubic-bezier(.36,0,.2,1);cursor:pointer}@keyframes fb-swing{0%,to{transform:rotate(0)}25%{transform:rotate(2.6deg)}55%{transform:rotate(-1.8deg)}80%{transform:rotate(.8deg)}}.fb-flap{transform-box:fill-box;transform-origin:50% 0%;animation:fb-flap .7s cubic-bezier(.36,0,.2,1)}@keyframes fb-flap{0%,to{transform:rotateX(0)}40%{transform:rotateX(-52deg)}70%{transform:rotateX(14deg)}}@media(prefers-reduced-motion:reduce){.fb-swing,.fb-flap{animation:none}.overlay .line{animation:none;opacity:1;transform:none}}