@font-face{font-family:MoonMono;src:url('vendor/DejaVuSansMono.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#c1c5ce;font-family:MoonMono,monospace}body{display:flex;flex-direction:column}header{height:36px;flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 12px;border-bottom:1px solid #242633;font-size:10px;background:#0b0b12;white-space:nowrap}.brand{color:#a5e7ff}#state{font-size:9px;color:#7d8690}#state.live{color:#92d9b2}nav{display:flex;align-items:center;gap:14px;margin-left:auto}button,a{font:inherit;color:#a3aaba;background:none;border:0;padding:3px 0;cursor:pointer;text-decoration:none}button:hover,a:hover{color:#b9eaff}button:focus-visible,a:focus-visible{outline:1px solid #a5e7ff;outline-offset:4px}#viewport{position:relative;flex:1;min-height:0;overflow:auto;background:#000}#terminal{width:100%;height:100%;padding:0}.xterm{height:100%}.xterm-viewport{scrollbar-width:none}.xterm-viewport::-webkit-scrollbar{display:none}.xterm-screen canvas{image-rendering:auto}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#000;z-index:2;font-size:12px;text-align:center;padding:20px}#loading[hidden]{display:none}#loading>span{font-size:55px;color:#a5e7ff}#loading small{color:#737b88;font-size:9px;line-height:1.8}@media(max-width:600px){header{padding:0 7px;gap:7px;font-size:8px;height:32px}#state{font-size:7px}nav{gap:9px}#restart{font-size:0}#restart:after{content:'↻';font-size:15px}.brand{font-size:8px}#fullscreen{display:none}}

#session-ended{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:3;min-width:220px;max-width:calc(100% - 30px);padding:18px 28px;text-align:center;border:1px solid #475768;border-radius:5px;background:#0b0e16;box-shadow:0 6px 28px #000b;font-size:12px}#session-ended[hidden]{display:none}#session-ended p{margin:0 0 13px;color:#bdc9d8}#reconnect-session{display:block;width:100%;padding:12px 24px;border:1px solid #91bcd1;border-radius:3px;background:#b0e0f3;color:#07131a;font-size:13px;font-weight:700}#reconnect-session:hover{background:#d1f0fc;color:#07131a}

#performance-notice{flex-shrink:0;padding:10px 13px;background:#211e12;border-bottom:1px solid #79652e;color:#e4d6ae;font:12px/1.6 MoonMono,monospace}#performance-notice p{margin:0 0 7px}#performance-notice strong{color:#ffe49b}.install-line{display:flex;align-items:center;gap:12px;min-width:0}.install-platform{color:#b9af8f;flex-shrink:0;font-size:9px}.install-line code{display:block;min-width:0;overflow-x:auto;white-space:nowrap;user-select:text;padding:6px 9px;border:1px solid #544b2b;border-radius:3px;background:#11120c;color:#f0ebd4;font:10px/1.5 MoonMono,monospace}.install-line button{flex-shrink:0;padding:7px 11px;border:1px solid #a58d43;border-radius:3px;color:#ffe49b;font-size:10px}.install-line a{flex-shrink:0;color:#d4c591;font-size:9px}@media(max-width:760px){#performance-notice{padding:8px 10px;font-size:11px}.install-line{flex-wrap:wrap;gap:7px}.install-platform{display:none}.install-line code{flex-basis:100%;font-size:9px}.install-line button{padding:5px 10px}.install-line a{margin-left:auto}}

#performance-notice .github-project{color:#ffe49b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}#performance-notice .github-project:hover{color:#fff1be}.install-line a{font-size:10px}
