.scene{--u:6px;--label-h:76px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:48px 16px 24px;display:flex}.head{flex-direction:column;align-items:center;gap:18px;display:flex}.title{font-family:var(--pixel-font);letter-spacing:.02em;text-shadow:.05em .05em 0 var(--accent);user-select:none;margin:0;font-size:clamp(56px,13vw,176px);font-weight:700;line-height:.9}.title span{animation:.5s steps(4,end) both pop;animation-delay:calc(var(--i) * 70ms);display:inline-block}@keyframes pop{0%{transform:translateY(.2em)}60%{transform:translateY(-.06em)}to{transform:none}}.sub{font-family:var(--pixel-font);color:var(--muted);text-align:center;margin:0;font-size:clamp(16px,2.2vw,26px);font-weight:500;animation:.4s steps(4,end) .7s both fadeup}.sub .open{background:var(--gold);color:var(--ink);box-shadow:3px 3px 0 var(--ink);margin-left:4px;padding:2px 10px;display:inline-block}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.items{margin-top:calc(var(--u) * 8);justify-content:center;align-items:flex-end;gap:calc(var(--u) * 12);padding:0 calc(var(--u) * 8);display:flex;position:relative}.items:before{content:"";left:0;right:0;bottom:var(--label-h);height:calc(var(--u) * 5);background:linear-gradient(var(--wood-hi) 0 var(--u), var(--wood) var(--u) calc(100% - var(--u)), var(--wood-sh) calc(100% - var(--u)));border-top:var(--u) solid var(--ink);border-bottom:var(--u) solid var(--ink);border-radius:var(--u);position:absolute}.col{position:relative}.obj{color:inherit;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative}.art{align-items:flex-end;display:flex;position:relative}.gap{height:calc(var(--u) * 5)}.label{height:var(--label-h);text-align:center;font-family:var(--pixel-font);padding-top:14px;font-size:22px;font-weight:700}.label small{color:var(--muted);margin-top:4px;font-family:system-ui,sans-serif;font-size:13px;font-weight:400;display:block}.label:after{content:"";background:var(--accent);width:0;height:4px;margin:6px auto 0;transition:width .2s steps(4,end);display:block}.obj:is(:hover,:focus-visible,:active) .label{color:var(--accent-ink)}.obj:is(:hover,:focus-visible,:active) .label:after{width:60%}.obj:focus-visible .art{outline:3px dashed var(--accent-ink);outline-offset:8px}.mon{--w:36;--h:31;--n:5;background-image:url(/sprites/monitor.png)}.obj-data:is(:hover,:focus-visible,:active) .mon{--from:0px;--to:calc(var(--fw) * -4);animation:.32s steps(4,end) forwards play}.led{--w:36;--h:31;--n:1;opacity:0;background-image:url(/sprites/monitor-led.png);position:absolute;inset:0}.obj-data:is(:hover,:focus-visible,:active) .led{animation:.5s step-end .32s infinite blink}@keyframes blink{0%{opacity:1}50%{opacity:0}}.pad{--w:40;--h:30;--n:5;background-image:url(/sprites/gamepad.png)}.obj-games:is(:hover,:focus-visible,:active) .pad{--from:calc(var(--fw) * -1);--to:calc(var(--fw) * -5);animation:.72s steps(4,end) infinite play,.36s step-end infinite hop}@keyframes hop{0%{transform:translateY(calc(var(--u) * -2))}50%{transform:translateY(calc(var(--u) * -1))}}.box{--w:38;--h:40;--n:4;background-image:url(/sprites/toolbox.png)}.obj-tools:is(:hover,:focus-visible,:active) .box{--from:0px;--to:calc(var(--fw) * -3);animation:.3s steps(3,end) forwards play}.me-col{margin-bottom:calc(var(--label-h) + var(--u) * 5);margin-right:calc(var(--u) * -6);align-self:flex-end}.items:has(.obj:is(:hover,:focus-visible,:active)) .me{background-position-x:calc(var(--fw) * -1)}@media (width<=1199px){.scene{--u:5px}}@media (width<=999px){.scene{--u:4px}}@media (width<=880px){.scene{--u:4px;--label-h:64px}.items{margin-top:calc(var(--u) * 8);flex-direction:column;align-items:center;gap:28px;padding:0}.items:before{display:none}.col{justify-content:center;width:100%;display:flex}.obj .gap{width:calc(var(--u) * 50);background:linear-gradient(var(--wood-hi) 0 var(--u), var(--wood) var(--u) calc(100% - var(--u)), var(--wood-sh) calc(100% - var(--u)));border-top:var(--u) solid var(--ink);border-bottom:var(--u) solid var(--ink);border-radius:var(--u)}.me-col{display:none}}
