html,body{color:#fff;background:#000;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.coop-hud{pointer-events:none;position:fixed;inset:0}.coop-hud-bars{position:absolute;top:10px;left:12px}.coop-hud-label{position:absolute;transform:translate(-50%,-100%)}.coop-hud-notice{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.menu-screen{z-index:20;cursor:default;touch-action:none;width:100%;height:100%;position:fixed;inset:0}.room-badge{z-index:10;pointer-events:none;position:fixed;top:10px;right:14px}.data-picker{color:#fff6d2;background:radial-gradient(at 50% 35%,#285c548c,#0000 60%),radial-gradient(at 50% 120%,#46286e80,#0000 60%),#06040e;place-items:center;font-family:Trebuchet MS,Gill Sans,system-ui,sans-serif;display:grid;position:fixed;inset:0}.data-picker-card{text-align:center;justify-items:center;gap:22px;width:min(520px,88vw);display:grid}.data-picker-card h1{letter-spacing:.04em;text-transform:uppercase;color:#ffd04a;text-shadow:0 0 1px #2a1406,3px 3px #1b0f2e,-2px -2px #1b0f2e,2px -2px #1b0f2e,-2px 2px #1b0f2e;margin:0;font-size:clamp(34px,6vw,56px);font-weight:900}.data-picker-card p{text-shadow:2px 2px #1b0f2e;max-width:44ch;margin:0;font-size:17px;font-weight:600;line-height:1.5}.data-picker-card button{color:#2a1406;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffe680,#f0b02a);border:3px solid #1b0f2e;border-radius:999px;padding:14px 30px;font-size:18px;font-weight:900;transition:transform 80ms ease-out,box-shadow 80ms ease-out;box-shadow:0 4px #1b0f2e}.data-picker-card button:hover,.data-picker-card button:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 6px #1b0f2e}.data-picker-card button:active{transform:translateY(2px);box-shadow:0 2px #1b0f2e}.data-picker-error{color:#ff9d7a;text-shadow:2px 2px #1b0f2e;min-height:1em;font-size:15px;font-weight:700}.loading-screen{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.loading-screen canvas{aspect-ratio:4/3;image-rendering:auto;height:min(100vh - 80px,75vw)}.loading-track{background:#ffffff1f;border-radius:3px;width:min(480px,70vw);height:6px;overflow:hidden}.loading-bar{background:linear-gradient(90deg,#f6c445,#ff8a1f);height:100%;transition:width .12s ease-out}.loading-label{letter-spacing:.08em;text-transform:uppercase;color:#fff6d28c;min-height:1em;font:700 12px Trebuchet MS,system-ui,sans-serif}