:root{--gold:#ffd566;--ink:#15110c}*{box-sizing:border-box}body{margin:0;background:#0a0805;color:#f7eedb;font-family:"DM Mono",monospace}.viewport{height:100svh;overflow:auto;background:#080604}.room{position:relative;width:max(100vw,177.778svh);aspect-ratio:16/9;min-height:100svh;margin:auto;overflow:hidden}.background{width:100%;height:100%;display:block;object-fit:cover;user-select:none}.room:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,#0004 100%);z-index:5}.intro{position:absolute;z-index:8;top:4%;left:3%;text-shadow:0 2px 6px #000}.intro span{font-size:12px;letter-spacing:2px;color:var(--gold)}.intro p{font:22px/1.05 "Patrick Hand",cursive;margin:7px 0}.hint{position:absolute;z-index:8;bottom:3%;left:3%;font:14px "Patrick Hand",cursive;color:#f3dfad;opacity:.8}.objects{position:absolute;inset:0;z-index:6}.object{position:absolute;left:calc(var(--x) / 2560 * 100%);top:calc(var(--y) / 1440 * 100%);width:calc(var(--w) / 2560 * 100%);height:calc(var(--h) / 1440 * 100%);padding:0;border:0;background:transparent;cursor:pointer}.object img{width:100%;height:100%;object-fit:contain;display:block;transition:filter .22s,transform .22s}.object:hover img,.object:focus-visible img{filter:drop-shadow(0 0 3px #ffe37c) drop-shadow(0 0 11px #efad27);transform:scale(1.025);animation:breathe 1.1s ease-in-out infinite alternate}.object:focus-visible{outline:1px solid var(--gold)}.secret:hover img,.secret:focus-visible img{filter:drop-shadow(0 0 5px #f8a6dd) drop-shadow(0 0 15px #d352bd)}@keyframes breathe{to{filter:drop-shadow(0 0 6px #ffed96) drop-shadow(0 0 17px #efad27)}}.live-screen{position:absolute;z-index:4;color:#61f590;background:#00140ca8;border:1px solid #396e4a;font:clamp(5px,.6vw,10px)/1.4 "DM Mono";padding:3px;pointer-events:none;transform:perspective(300px) rotateX(2deg)}.live-screen span{color:#e8f3bf;font-size:.75em}.left-screen{left:50.23%;top:32.03%;width:6.77%;height:9.64%}.right-screen{left:66.61%;top:33.66%;width:6.93%;height:10.05%}.panel{position:fixed;z-index:30;right:clamp(14px,3vw,50px);top:50%;transform:translateY(-46%) scale(.95);width:min(360px,88vw);padding:30px;background:#16110ce8;border:1px solid #ad8651;color:#f8efdb;box-shadow:0 20px 70px #000b;opacity:0;pointer-events:none;transition:.25s}.panel.open{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.close{position:absolute;right:10px;top:7px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.eyebrow{color:var(--gold);letter-spacing:2px;font-size:10px;margin:0 0 14px}.panel h1{font:34px "Patrick Hand",cursive;margin:0 0 13px}.panel p:not(.eyebrow){font:14px/1.55 "DM Mono",monospace;margin:0;color:#e4d6be}.placeholder{margin-top:23px;border:0;border-bottom:1px solid var(--gold);background:none;padding:0 0 5px;color:var(--gold);font:16px "Patrick Hand",cursive}@media(max-width:700px){.room{width:177.778svh;margin-left:0}.viewport{scroll-snap-type:x mandatory}.intro{position:fixed;top:15px;left:16px}.hint{position:fixed;bottom:14px;left:16px}.panel{right:50%;top:auto;bottom:14px;transform:translateX(50%) translateY(15px) scale(.96)}.panel.open{transform:translateX(50%) translateY(0) scale(1)}.live-screen{display:none}}