:root{color:#d8dddb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#10171e;font-family:monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.playground{background:radial-gradient(at 50% 45%,#324149,#202e36 46%,#141d24 82%);transition:background 1s;position:fixed;inset:0}.playground.night-shift{background:radial-gradient(at 50% 45%,#243038,#16212a 46%,#10171e 82%)}.playground:after{content:"";pointer-events:none;opacity:.55;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000b 3px 4px);position:absolute;inset:0}.datacenter-viewport{touch-action:none;position:absolute;inset:0;overflow:hidden}.datacenter-viewport canvas{width:100%;height:100%;image-rendering:pixelated;cursor:grab;display:block}.datacenter-viewport canvas:active{cursor:grabbing}.scene-controls{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:2;gap:9px;display:flex;position:absolute}.scene-controls button{color:#aebec1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#142027b8;border:1px solid #9cb3b333;place-items:center;width:44px;height:44px;transition:color .2s,background .2s,border-color .2s;display:grid}.scene-controls button:hover,.scene-controls button[aria-pressed=true]{color:#e8c18a;background:#29363ccc;border-color:#e8c18a66}.scene-controls svg{stroke-width:1.5px;width:18px;height:18px}.scene-controls button:disabled{opacity:.4;cursor:default}.control-error{color:#aebec1;background:#142027eb;border:1px solid #9cb3b333;width:230px;padding:10px;font-size:12px;line-height:1.5;position:absolute;bottom:54px;right:0}button:focus-visible,canvas:focus-visible{outline-offset:-4px;outline:2px solid #efbb74}.scene-error{text-align:center;z-index:2;font-size:13px;line-height:1.7;position:absolute;inset:35% 15%}.emergency-hit-target{z-index:2;cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:38px;height:38px;padding:0;position:absolute;transform:translate(-50%,-50%)}.emergency-hit-target[hidden]{display:none}.activity-menu{color:#eee4ce;touch-action:pan-y;background:#172023;border:2px solid #7c8277;width:min(490px,100vw - 28px);max-height:calc(100dvh - 32px);padding:0;overflow:auto;box-shadow:7px 7px #070c0dbf}.activity-menu::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080d11a8}.activity-menu-content{padding:22px}.activity-menu-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.activity-menu-kicker{color:#c58f55;letter-spacing:.12em;font-size:10px}.activity-menu h2{margin:9px 0 0;font-size:19px;font-weight:400}.activity-menu-close{color:#c7c9b8;cursor:pointer;background:0 0;border:1px solid #65716b;min-width:36px;height:36px;font:24px monospace}.activity-menu-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.activity-menu-grid button{text-align:left;color:#eee4ce;cursor:pointer;touch-action:manipulation;background:#202d30;border:1px solid #455451;align-items:center;gap:10px;min-height:47px;padding:10px;font:12px monospace;display:flex}.activity-menu-grid button span{color:#9c9d7c;font-size:10px}.activity-menu-grid button:hover{background:#34403d;border-color:#d2ad70}.activity-menu p{color:#909d96;margin:18px 0 0;font-size:11px}@media (width<=390px){.activity-menu-content{padding:14px}.activity-menu-grid button{gap:7px;padding:8px;font-size:11px}}@media (width<=650px){.scene-controls{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}