:root{--ink:#414c45;--orange:#9b6652;--cream:#ece5d5}body{background:#d4cdbd}.viewport{perspective:none}.sky{display:none}.camera{display:none}.site-header{padding:28px 38px}.brand-mark{background:#8d6955;border-radius:12px 17px 13px 9px;box-shadow:2px 4px 0 #69533a22;transform:rotate(-5deg)}.header-tools button,.header-tools a{background:#eee8d7b8;border-color:#80785c30}.intro{top:31%;left:6%;max-width:420px}.intro h1{font-size:clamp(32px,3.4vw,56px);letter-spacing:-2px;font-weight:700}.intro .eyebrow{font-size:10px;letter-spacing:3px}.intro p{font-size:13px;color:#616658}.intro-note{font-size:9px}.enter{background:#8d6955;box-shadow:0 3px 0 #745441;border-radius:12px 17px 14px 12px;font-size:13px}.floor-nav button{border-radius:10px 13px 12px 9px;background:#eee7d7e8}.floor-nav button[aria-current=true]{background:#8d6955;box-shadow:2px 3px 0 #75594322}.floor-nav button span{background:#eee7d7}.hud{background:linear-gradient(transparent,#d4cdbbcc);font-size:10px}.scroll-hint i{animation:none}#clay-scene{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}#clay-scene:active{cursor:grabbing}#room-labels{position:absolute;inset:0;pointer-events:none}.spatial-card{position:absolute;right:8%;top:50%;width:clamp(280px,26vw,390px);transform:translateY(-43%) rotate(-.7deg);background:#f0e8d8f5;box-shadow:8px 14px 30px #4a423219,0 1px 0 #ffffff80 inset;border:1px solid #bcb19b99;border-radius:4px 11px 7px 3px;padding:28px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .4s;max-height:calc(100dvh - 200px);overflow-y:auto}.spatial-card:before{content:"";position:absolute;top:0;left:30px;width:43px;height:8px;background:#bba17a66}.spatial-card.shown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) rotate(-.7deg)}.spatial-card h2{font-size:39px;line-height:1.15;letter-spacing:-2px;margin:16px 0}.spatial-card h2.game-title{font-size:35px;letter-spacing:-1px}.spatial-card p{font-size:17px;line-height:1.65;margin:12px 0}.spatial-card .detail{font-size:12px;line-height:1.9;color:#646b5f}.spatial-card .eyebrow{font-size:9px;letter-spacing:1.5px}.spatial-card .tag{background:#dce0ce;font-size:10px}.spatial-card .primary{background:#5d6b5b;border-radius:8px 11px 9px 7px;font-size:12px}.spatial-card .actions{flex-wrap:wrap;gap:12px}.spatial-ready .intro{pointer-events:auto}.spatial-ready .camera{display:none}#scene-tools{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);z-index:12;text-align:center;color:#636c61;font-size:10px;letter-spacing:1px}#scene-tools span{display:block;margin-bottom:9px}#scene-tools div{display:inline-flex;gap:5px;border-radius:12px;background:#eee8d7ad;padding:4px;border:1px solid #9d977a3b}#scene-tools button{background:transparent;border-radius:8px;padding:7px 11px;font-size:13px}#scene-tools button:hover{background:#d2ccbb}#scene-status{position:fixed;z-index:40;left:50%;top:110px;transform:translateX(-50%);font-size:12px;background:#eee7d7;padding:7px 14px;border-radius:7px}#scene-status:empty{display:none}.night .spatial-card{background:#e2dac8f5}.night .intro p,.night #scene-tools{color:#eee4ce}.night .hud{background:transparent}.spatial-fallback #clay-scene,.spatial-fallback #room-labels,.spatial-fallback #scene-tools,.spatial-fallback .intro,.spatial-fallback .scroll-track{display:none}.spatial-fallback .viewport{position:relative;padding-top:110px;overflow:visible}.spatial-fallback .camera{display:block;position:relative;perspective:none;pointer-events:auto}.spatial-fallback .building{position:relative;left:auto;top:auto;width:90%;height:auto;transform:none;margin:auto}.spatial-fallback .floor{position:relative;top:auto;left:auto;width:100%;height:auto;margin:25px 0;transform:none;border:0;box-shadow:none}.spatial-fallback .room{display:block}.spatial-fallback .room-art,.spatial-fallback .glass,.spatial-fallback .floor-number,.spatial-fallback .ledge,.spatial-fallback .roof,.spatial-fallback .roof-sign,.spatial-fallback .side,.spatial-fallback .ground{display:none}.spatial-fallback .room-copy{padding:30px}.spatial-fallback .floor-nav{display:none}.spatial-fallback .hud{position:relative}.spatial-fallback .site-header{background:#d4cdbbe8}.spatial-fallback .floor{scroll-margin-top:120px}
@media(max-width:1000px) and (min-width:701px){.spatial-card{right:9%;width:280px;padding:21px}.spatial-card h2{font-size:32px}.spatial-card p{font-size:15px}.intro{max-width:330px;left:5%}.intro h1{font-size:37px}}
@media(max-width:700px){.site-header{padding:17px}.intro{top:15%;left:7%;max-width:85%}.intro h1{font-size:32px}.intro p{font-size:12px}.intro-note{font-size:8px}.spatial-card{left:17px;right:17px;top:auto;bottom:112px;width:auto;max-height:36dvh;padding:16px 20px;transform:translateY(10px) rotate(-.4deg);border-radius:6px 9px 8px 4px}.spatial-card.shown{transform:translateY(0) rotate(-.4deg)}.spatial-card h2{font-size:25px;display:inline-block;margin:9px 0 3px;letter-spacing:-1px}.spatial-card h2.game-title{font-size:27px}.spatial-card h2 br{display:none}.spatial-card p{font-size:13px;margin:7px 0;line-height:1.5}.spatial-card .detail{font-size:11px;line-height:1.6}.spatial-card .eyebrow{display:block;font-size:8px}.spatial-card .primary{font-size:11px;padding:9px 13px}.spatial-card .actions{margin-top:10px}.spatial-card .tag{font-size:9px;padding:5px 8px}.floor-nav{bottom:53px}.hud{padding:14px;font-size:8px}#scene-tools{left:auto;right:14px;top:83px;bottom:auto;transform:none}#scene-tools span{display:none}#scene-tools button{font-size:11px;padding:6px 9px}.inside-room .scroll-hint{display:none}#scene-status{top:120px;width:80%;text-align:center}.spatial-fallback .room-copy h2{font-size:30px}.spatial-fallback .room-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.spatial-card{transition:none}}