:root{color:#d5faff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#08090b;font:16px system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}#game{outline:none;width:100%;height:100%;position:fixed;inset:0}#landing{background:radial-gradient(at 50% 20%,#22202b 0,#0c0d12 46%,#050608 85%);min-height:100dvh;padding:36px 24px;position:relative}#landing[hidden]{display:none}.cabinet{max-width:780px;margin:0 auto}.cabinet-front{background:#050507;border:7px solid #17181e;box-shadow:0 22px 60px #000}.bezel{aspect-ratio:1588/1103;background:#030504 url(../artwork/gravitar_bezel.webp) 50%/100% 100% no-repeat;position:relative}.monitor{text-align:center;background:#000;border-radius:10%;flex-direction:column;justify-content:center;align-items:center;padding:14px 8px;display:flex;position:absolute;inset:20% 18% 21%;overflow:hidden;box-shadow:inset 0 0 35px #0d242340}#vector-logo{filter:drop-shadow(0 0 3px #547dff80);flex:1;width:92%;min-height:36px;max-height:40%;overflow:visible}#vector-logo path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-width:1.1px}button{color:#0ff;cursor:pointer;background:#030710;border:1px solid #4874ff;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;max-width:100%;margin-top:18px;padding:12px 27px;display:flex;box-shadow:0 0 12px #4874ff30}button svg{filter:drop-shadow(0 0 2px #0ff5);width:auto;max-width:100%;height:14px;display:block}button:hover,button:focus-visible{outline-offset:4px;background:#0b142a;outline:2px solid #0ff}button:disabled{opacity:.65;cursor:default}.controls{text-align:center;flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;width:100%;max-width:460px;margin-top:16px;display:grid}.controls svg{width:auto;max-width:100%;height:12px;margin-inline:auto;display:block;overflow:visible}.vector-text path{fill:none;stroke:currentColor;stroke-width:.9px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.hand{color:#0ff;filter:drop-shadow(0 0 2px #0ff5);display:block}.hand svg{height:10px}.controls p{margin:8px 0 0}.controls strong{color:red;filter:drop-shadow(0 0 2px #f005);display:block}.binding{color:#4874ff;filter:drop-shadow(0 0 2px #4874ff55);margin-top:4px;display:block}#status{color:#9bb5b8;flex-shrink:0;max-width:32em;margin:9px 0 0;font-size:11px;line-height:1.5}#status:empty{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=850px){#landing{padding:18px 12px}.cabinet-front{border-width:4px}}@media (width<=540px){#landing{padding:6px 4px}.bezel{aspect-ratio:1.08}.monitor{padding:8px;inset:18% 13% 19%}#vector-logo{min-height:30px;max-height:30%}button{margin-top:14px;padding:10px 20px}button svg{height:11px}.controls{gap:12px;margin-top:12px}.controls svg{height:9px}.hand svg{height:8px}.controls p{margin-top:6px}.binding{margin-top:3px}#status{margin-top:7px;font-size:9px}}