:root{color-scheme:dark;--cyan:#32dbf4;--pink:#ff2c7d;--ink:#060b13;--panel:rgba(9,18,31,.9);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050912;color:#edf7ff}button,input,select{font:inherit}#maze{display:block;width:100vw;height:100vh}.topbar{position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:18px;padding:18px 22px;pointer-events:none}.brand{font-size:28px;font-weight:950;letter-spacing:-2px;text-decoration:none;color:var(--cyan);text-shadow:0 0 24px #00d9ff66;pointer-events:auto}.brand b{color:var(--pink)}.room-pill,.connection,.spectator{padding:8px 13px;border:1px solid #8cecff33;border-radius:999px;background:#08111ddd;backdrop-filter:blur(12px);font-size:11px;font-weight:800;letter-spacing:.15em}.connection{margin-left:auto;color:#ff8aa9}.connection.online{color:#79ffc1}.hud{position:fixed;z-index:4;top:74px;left:20px;width:min(280px,34vw);display:grid;gap:10px}.status-card,#scores{margin:0;padding:14px;border:1px solid #7de9ff2e;border-radius:17px;background:var(--panel);box-shadow:0 18px 60px #0007;backdrop-filter:blur(16px)}.status-card{display:grid;grid-template-columns:1fr auto}.status-card small{grid-column:1/-1;color:#8195aa;font-weight:800;letter-spacing:.17em}.status-card strong{font-size:20px}.status-card span{color:var(--cyan);font-weight:900}#scores{list-style:none;display:grid;gap:7px}#scores li{display:grid;grid-template-columns:11px 1fr auto;align-items:center;gap:9px;color:#b7c7d7;font-size:13px}#scores i{width:10px;height:10px;border-radius:50%;background:var(--runner);box-shadow:0 0 12px var(--runner)}#scores .me{color:#fff;font-weight:800}.spectator{position:fixed;z-index:5;top:78px;left:50%;transform:translateX(-50%);color:#d9ceff}.controls{position:fixed;z-index:6;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:20px}.controls button{width:92px;height:92px;border:1px solid #9cecff55;border-radius:50%;background:#071221dc;color:#fff;font-size:34px;box-shadow:0 14px 45px #0009,inset 0 0 25px #36dfff12;touch-action:none}.controls button small{display:block;font-size:9px;letter-spacing:.18em;color:#9fb4c9}.controls button.pressed{background:#12344a;box-shadow:0 0 32px #31d9ff77}.invite{position:fixed;right:20px;bottom:22px;z-index:5;border:1px solid #ff70aa55;border-radius:999px;background:#201020dd;color:#fff;padding:11px 18px;font-weight:800}dialog{width:min(560px,calc(100% - 32px));border:1px solid #85e8ff38;border-radius:28px;background:linear-gradient(145deg,#0c1728f2,#090c18f5);color:#fff;padding:0;box-shadow:0 35px 110px #000,0 0 80px #1dbbda18;backdrop-filter:blur(18px)}dialog::backdrop{background:radial-gradient(circle at 50% 25%,#153047cc,#03060beF)}form{padding:34px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--cyan);font-weight:900}h1{font-size:clamp(48px,12vw,76px);line-height:.9;margin:18px 0 20px;letter-spacing:-.07em}h1 span{color:var(--cyan)}h1{color:var(--pink)}.lede{color:#aebdcd;font-size:17px;margin-bottom:26px}.lede em{color:#ff789f;font-style:normal}label{display:grid;gap:8px;color:#9eb0c3;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}input,select{width:100%;border:1px solid #83dff42b;border-radius:13px;background:#050c17;color:#fff;padding:14px;text-transform:none;letter-spacing:0;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #27d9ff1c}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.primary,.secondary{width:100%;border:0;border-radius:14px;padding:15px;font-weight:950;letter-spacing:.05em}.primary{margin-top:4px;background:linear-gradient(100deg,var(--cyan),#5bebc5);color:#031018}.secondary{margin-top:10px;background:#131d2a;color:#c8d7e6;border:1px solid #89dfff25}.hint{color:#718499;font-size:12px;text-align:center;line-height:1.6}.hint kbd{border:1px solid #75879a55;border-radius:4px;padding:1px 5px;color:#cad8e5}.error{min-height:20px;color:#ff7aa4;text-align:center}.toast{position:fixed;z-index:10;left:50%;bottom:130px;transform:translate(-50%,20px);opacity:0;background:#08111d;border:1px solid #55e7ff55;border-radius:999px;padding:10px 16px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:650px){form{padding:25px}.split{grid-template-columns:1fr}.hud{width:190px}.controls button{width:76px;height:76px}.room-pill{display:none}}