/* The scene is always entirely visible; it scales like a framed illustration. */
.viewport{height:100svh;overflow:hidden;display:grid;place-items:center}
.room{width:min(100vw,177.778svh);min-height:0;margin:0}
.object.foreground{z-index:3}
.live-screen{z-index:7!important;overflow:hidden;border:0;background:#00190ee8;color:#77f5a0;text-shadow:0 0 3px #5af589;box-shadow:inset 0 0 10px #00331d;letter-spacing:-.03em}
.left-screen{left:50.94140625%!important;top:32.73611111%!important;width:5.76171875%!important;height:8.16666667%!important;transform:perspective(300px) rotateX(2deg) rotate(3.6deg)!important;transform-origin:center}
.right-screen{left:66.74609375%!important;top:34.21527778%!important;width:6.28125%!important;height:8.49305556%!important;transform:perspective(300px) rotateX(2deg) rotate(3.2deg)!important;transform-origin:center}
.live-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px);mix-blend-mode:multiply}
.terminal-screen{padding:4px 5px;font-size:clamp(4px,.38vw,7px);line-height:1.5}.terminal-top{color:#d7f3ae;margin-bottom:3px}.terminal-row span{display:inline-block;width:14px;color:#4bba68}.terminal-row.dim{opacity:.55}.terminal-cursor{margin-top:4px;animation:cursor 1s steps(2,end) infinite}@keyframes cursor{50%{opacity:.15}}
.wiki-screen{padding:0!important;background:#f8f8f8!important;color:#202122!important;text-shadow:none!important;box-shadow:inset 0 0 10px #bbb!important;line-height:1.1}.wiki-screen::after{opacity:.12}.wiki-screen iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.now-screen{padding:5px 6px;font-size:clamp(4px,.34vw,6px);line-height:1.25}.now-title{color:#e3f9a9;font-size:1.25em;letter-spacing:.15em;margin-bottom:4px}.now-item{margin:3px 0;border-top:1px solid #358c4b;padding-top:2px}.now-item b{display:block;color:#75e792;font-weight:500}.now-item span{color:#d5e7b6}
.pc2-room-screen{padding:0!important;background:#414349!important;display:flex;flex-direction:column;box-shadow:inset 0 0 10px #111!important}.pc2-room-screen::after{display:none}.pc2-room-tabs{height:13%;min-height:8px;display:flex;align-items:end;gap:2px;padding:1px 2px 0;background:#202124;color:#bfc3c9;font:clamp(3px,.25vw,5px) Arial,sans-serif;white-space:nowrap}.pc2-room-tabs span,.pc2-room-tabs b{height:100%;padding:2px 2px 0;border-radius:2px 2px 0 0;font-weight:400}.pc2-room-tabs span{background:#2d2f34}.pc2-room-tabs b{background:#3a3c41;color:#fff}.pc2-room-pdf{flex:1;min-height:0;display:grid;place-items:center;background:#5a5c61;padding:2px}.pc2-room-pdf img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.pc-view{position:fixed;z-index:80;inset:0;display:none;place-items:center;background:#050403df}.pc-view.open{display:grid}.pc-stage{position:relative;width:min(100vw,177.778svh);aspect-ratio:16/9}.pc-frame{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:contain;pointer-events:none}.pc-display{position:absolute;z-index:2;left:18.890625%;top:11.375%;width:62.1484375%;height:56.52777778%;overflow:hidden;background:#0c0c0c}.pc-display iframe{width:100%;height:100%;border:0;display:block}.pc-control{position:absolute;z-index:4;left:73.58203125%;top:73.99999999%;width:2.0859375%;height:3.60416667%;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 1px 2px #000)}.pc-control img{width:100%;height:100%;object-fit:contain;transition:filter .16s,transform .16s}.pc-control:hover img,.pc-control:focus-visible img{filter:brightness(1.22) drop-shadow(0 0 5px #fff2a8);transform:scale(1.08)}.pc-later{left:76.4609375%;cursor:default}.pc-close{position:fixed;z-index:5;right:20px;top:13px;border:0;background:#16110ce8;color:#f4e7cf;width:38px;height:38px;border:1px solid #a9895b;border-radius:50%;font-size:26px;line-height:1;cursor:pointer}.pc-view.direct .pc-stage{width:100vw;height:100svh;aspect-ratio:auto}.pc-view.direct .pc-frame,.pc-view.direct .pc-control{display:none}.pc-view.direct .pc-display{inset:0;width:100%;height:100%;background:#fff}
@media(max-width:700px){
  .intro{position:absolute;top:4%;left:3%}
  .hint{position:absolute;bottom:3%;left:3%}
}