@font-face{font-family:Gridtile;src:url('gridtile.ttf?v=2') format('truetype');font-display:swap}
@font-face{font-family:RoomMono;src:url('font-mono.ttf?v=2') format('truetype');font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#010107 url('stars2.gif?v=2') repeat;color:#fff;font-family:Gridtile,RoomMono,'Courier New',monospace}
button,a{font-family:inherit}body{min-height:100vh;overflow-x:hidden}
.site-title{position:fixed;z-index:20;left:22px;top:18px;max-width:520px;pointer-events:none;text-shadow:3px 3px 0 #02020a}
.site-title p{margin:0 0 7px;color:#f7ce56;font-size:13px;letter-spacing:.22em}.site-title h1{margin:0;font:400 clamp(28px,3.5vw,56px)/.95 Gridtile,monospace;letter-spacing:.035em;color:#fff7c9;text-shadow:3px 3px 0 #6d40c7,6px 6px 0 #25134e}.site-title span{display:block;margin-top:12px;color:#f7ce56;font-size:12px;letter-spacing:.05em}
.room-stage{min-height:100vh;display:grid;place-items:center;padding:72px 20px 64px}.room-wrap{position:relative;width:min(1586px,96vw);aspect-ratio:1586/992;filter:drop-shadow(0 20px 24px rgba(0,0,0,.85))}.room-art{display:block;width:100%;height:100%;object-fit:contain;clip-path:polygon(11% 20%,48% 5%,87% 20%,89% 67%,62% 96%,34% 91%,10% 69%)}
.hotspot{position:absolute;z-index:5;border:0;background:transparent;cursor:pointer;border-radius:12px;outline:0}.hotspot:before{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;transition:.18s}.hotspot:after{content:attr(data-name);position:absolute;left:50%;top:-12px;translate:-50% -100%;white-space:nowrap;padding:6px 9px;border:2px solid #fff;background:#21164b;color:#ffe35b;font:400 14px Gridtile,monospace;box-shadow:4px 4px 0 #e84e77;opacity:0;pointer-events:none;transition:.18s}.hotspot:hover:before,.hotspot:focus-visible:before{border-color:#75efff;box-shadow:0 0 12px #75efff,inset 0 0 18px rgba(117,239,255,.25);background:rgba(111,61,200,.13)}.hotspot:hover:after,.hotspot:focus-visible:after{opacity:1;translate:-50% -8px}
.laptop{left:20.5%;top:32%;width:14%;height:17%}.diary{left:35%;top:31%;width:7%;height:8%}.bookshelf{left:50%;top:10%;width:13%;height:40%}.television{left:64%;top:28%;width:13%;height:23%}.photos{left:68%;top:13%;width:17%;height:20%}.bags{left:18%;top:68%;width:10%;height:15%}.stereo{left:71%;top:44%;width:17%;height:24%}.controller{left:30%;top:74%;width:9%;height:10%}.dogs{left:54%;top:59%;width:22%;height:25%;border-radius:50%}.doorway{left:42%;top:16%;width:8%;height:30%}.simran{left:40%;top:38%;width:11%;height:31%;border-radius:45%}
.object-card{position:fixed;z-index:20;right:24px;bottom:24px;width:min(360px,calc(100vw - 48px));border:4px solid #f7f4e8;background:#020207;box-shadow:0 0 0 3px #050505,7px 7px 0 #e8b83f;color:#fff}
.object-titlebar{height:34px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:3px 6px;background:#f7f4e8;color:#07070b;border-bottom:4px solid #f7f4e8}.object-titlebar i{display:block;width:18px;height:18px;border:3px solid #07070b;background:#07070b}.object-titlebar b{overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:16px;letter-spacing:.04em}.window-controls{font-family:Gridtile,monospace;font-size:17px;white-space:nowrap}.object-screen{min-height:122px;padding:22px 24px;display:flex;align-items:flex-end;background:#020207 url('stars2.gif?v=2') repeat;border-top:2px solid #07070b}.object-screen p{max-width:290px;margin:0;padding:7px 9px;background:#020207;border-left:3px solid #f7ce56;color:#fff7cf;font-size:14px;line-height:1.45;text-shadow:2px 2px #000}.object-card.pulse{animation:pulse .25s steps(2) 2}@keyframes pulse{50%{translate:-7px;filter:brightness(1.6)}}
.about-popup{position:fixed;z-index:40;display:none;left:50%;top:50%;translate:-50% -50%;width:min(480px,88vw);border:4px solid #f7f4e8;background:#080714 url('stars2.gif?v=2') repeat;box-shadow:8px 8px 0 #e8b83f;padding:0 20px 15px;line-height:1.8;font-size:14px}.about-popup.active{display:block}.about-popup>div{display:flex;justify-content:space-between;align-items:center;margin:0 -20px 12px;padding:8px 12px;border-bottom:3px solid #111;background:#f7f4e8;color:#09090d}.about-popup button{width:34px;height:29px;border:2px solid #09090d;background:#f7f4e8;color:#09090d;font:20px Gridtile;cursor:pointer}footer{position:fixed;z-index:15;left:20px;bottom:17px;font-size:11px;letter-spacing:.05em;color:#c39c47;text-shadow:2px 2px #000}
@media(max-width:760px){.site-title{position:absolute}.site-title h1{font-size:36px}.room-stage{align-items:start;overflow:auto;padding:150px 0 160px}.room-wrap{min-width:900px;width:900px}.object-card{right:12px;bottom:12px}.hotspot:after{display:none}footer{display:none}}@media(prefers-reduced-motion:reduce){.object-card.pulse{animation:none}}