.room{color:#fff;background:#07080f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.room-stage{opacity:0;transition:opacity 1.6s ease-out;position:absolute;inset:0}.room.ready .room-stage{opacity:1}.room-css,.room-gl{inset:0;position:absolute!important}.room-css{z-index:0;overflow:hidden}.room-gl{z-index:1;cursor:pointer;display:block}.room-screen{transform-origin:0 0;will-change:transform;background:#1a1440;border:0;display:block;position:absolute;top:0;left:0}.room-boot{z-index:8;color:#d7ffe2;background:#000;padding:clamp(18px,4vw,44px);font-family:SF Mono,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:clamp(12px,1.25vw,16px);line-height:1.65;transition:opacity 1.1s,visibility 0s 1.1s;position:absolute;inset:0}.room.ready .room-boot{opacity:0;visibility:hidden;pointer-events:none}.room-boot pre{font:inherit;white-space:pre-wrap;text-shadow:0 0 8px #46ff8259;margin:0}.room-boot b{color:#35e06f;font-weight:400}.boot-dim{color:#6f8f78}.boot-cmd{color:#fff}.boot-cursor{vertical-align:text-bottom;background:#35e06f;width:.6em;height:1.05em;animation:.9s step-end infinite boot-blink;display:inline-block}@keyframes boot-blink{50%{opacity:0}}.boot-start{font:inherit;letter-spacing:.18em;color:#000;cursor:pointer;background:#35e06f;padding:.5em 1.5em .5em 1.7em;font-weight:700;animation:1.4s ease-in-out infinite boot-pulse;box-shadow:0 0 22px #46ff8273}.boot-start:hover,.boot-start:focus-visible{background:#d7ffe2;outline:none}@keyframes boot-pulse{50%{box-shadow:0 0 8px #46ff8240}}.room-ui{z-index:5;opacity:0;transition:opacity .6s,transform .6s;position:absolute}.room.ready .room-ui{opacity:1}.room-info{pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;font-family:SF Mono,ui-monospace,Menlo,Monaco,Consolas,monospace;display:flex;top:clamp(14px,2.4vw,28px);left:clamp(14px,2.4vw,30px)}.room.view-monitor .room-info{opacity:0;transform:translateY(-8px)}.room-info p{white-space:pre;background:#08080cd1;min-height:1em;margin:0;padding:5px 11px 5px 12px;box-shadow:inset 0 0 0 1px #ffffff1a}.info-name{letter-spacing:.01em;font-size:clamp(17px,1.9vw,24px);font-weight:700}.info-name:empty{display:none}.info-title{color:#ffffffd1;font-size:clamp(12px,1.15vw,14.5px)}.room-info i{vertical-align:text-bottom;background:#fff;width:.55em;height:1em;margin-left:2px;animation:.8s step-end infinite boot-blink;display:inline-block}.info-tools{pointer-events:auto;gap:4px;margin-top:2px;animation:.5s both info-in;display:flex}.room.view-monitor .info-tools{pointer-events:none}@keyframes info-in{0%{opacity:0;transform:translateY(-4px)}}.info-tools button{height:30px;font:inherit;color:#fff;cursor:pointer;background:#08080cd1;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.info-tools button:hover{background:#282834e6}.info-tools button[aria-pressed=true]{color:#35e06f}.room-hint{-webkit-backdrop-filter:blur(14px);white-space:nowrap;pointer-events:none;background:#14122280;border-radius:999px;align-items:center;gap:10px;margin:0;padding:9px 16px 9px 13px;font-size:14px;animation:.7s both hint-in;display:flex;bottom:clamp(24px,5vh,52px);left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff24}@keyframes hint-in{0%{opacity:0}}.room-hint span{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite room-pulse}@keyframes room-pulse{50%{opacity:.25;transform:scale(.7)}}.room-skip{color:#ffffffd1;text-underline-offset:3px;text-shadow:0 1px 12px #000000b3;font-size:14px;text-decoration:underline;bottom:clamp(24px,5vh,52px);right:clamp(20px,4vw,56px)}.room.view-monitor .room-skip{opacity:0;pointer-events:none}.room-back{-webkit-backdrop-filter:blur(14px);height:32px;font:inherit;color:#fff;cursor:pointer;pointer-events:none;background:#1412228c;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 11px;font-size:13px;display:flex;top:16px;left:18px;transform:translateY(-6px);box-shadow:inset 0 0 0 1px #ffffff29}.room.ready .room-back{opacity:0}.room.ready.view-monitor.arrived .room-back{opacity:1;pointer-events:auto;transform:none}.room-back:hover{background:#282440b3}@media (max-width:720px){.room-hint{font-size:13px}.room-skip{top:18px;bottom:auto;right:16px}}@media (prefers-reduced-motion:reduce){.room-hint span,.boot-cursor,.boot-start,.room-info i{animation:none}}
