html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{min-height:100vh}*{box-sizing:border-box}:root{color:#e9f5ff;font-synthesis:none;text-rendering:optimizelegibility;background:#040914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 38% 16%,#342c9a24,#0000 28%),radial-gradient(circle at 10% 82%,#009bd212,#0000 24%),#040914;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{appearance:none}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #42dfffc7}.clientShell{min-height:100vh}.loginLayout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.loginPanel{z-index:2;background:linear-gradient(#040b16fb,#030811fe),radial-gradient(circle at 60% 30%,#295f991a,#0000 38%);border-right:1px solid #429ccf24;min-width:0;position:relative;box-shadow:28px 0 90px #00000038}.loginPanelInner{grid-template-rows:auto 1fr auto;gap:28px;width:min(100%,760px);min-height:100vh;margin:0 auto;padding:clamp(24px,3vw,54px);display:grid}.clientBrand{align-items:center;gap:13px;display:flex}.brandMark{background:linear-gradient(135deg,#103e62bf,#250f48e0);border:1px solid #45cfff6b;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative;transform:rotate(45deg);box-shadow:0 0 18px #37bfff1f,inset 0 0 18px #763beb21}.brandMark span{border-top:3px solid #7a67ff;border-right:3px solid #35dcff;width:13px;height:13px}.brandName{color:#f2f8ff;letter-spacing:.07em;font-size:16px;font-weight:900}.brandName span{color:#42dfff}.endorsement{color:#4f7085;letter-spacing:.2em;text-transform:uppercase;margin-top:2px;font-size:7px;font-weight:700}.joinContent{align-self:center;width:100%;padding:12px 0 18px}.eyebrow{color:#42b9e8;letter-spacing:.1em;font-size:9px;font-weight:800}.joinContent h1,.connectedCard h1{color:#edf7ff;letter-spacing:-.035em;margin:10px 0 9px;font-size:clamp(30px,2.4vw,46px);line-height:.98}.intro,.connectedTop p{color:#6f8b9c;margin:0;font-size:13px;line-height:1.5}.joinForm{gap:18px;margin-top:28px;display:grid}.roomCodeField{gap:8px;display:grid}.roomCodeField>span,.sectionHeading>span,.nicknameLabel{color:#5b8298;letter-spacing:.075em;font-size:9px;font-weight:900}.roomCodeField input{color:#eff9ff;letter-spacing:.18em;text-transform:uppercase;background:#030b15eb;border:1px solid #43a9de3b;border-radius:9px;outline:none;width:100%;height:58px;padding:0 17px;font-size:25px;font-weight:900;transition:border-color .16s,box-shadow .16s,background .16s}.roomCodeField input:focus{background:#040f1bf7;border-color:#39dcff9e;box-shadow:0 0 0 3px #32ccff12}.roomLookupStatus{color:#4f6d80;min-height:14px;font-size:9px}.roomLookupStatus.checking{color:#d4b756}.roomLookupStatus.found{color:#52cfa5}.roomLookupStatus.missing,.roomLookupStatus.error{color:#d87080}.avatarSection{gap:10px;display:grid}.sectionHeading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sectionHeading small{color:#3e6074;font-size:8px;font-weight:700}.avatarRow{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.avatarChoice{color:#dcebf4;cursor:pointer;background:linear-gradient(#081522cc,#040c15db);border:1px solid #3d87b029;border-radius:10px;grid-template-rows:auto auto 24px;align-content:start;justify-items:center;gap:4px;min-width:0;min-height:118px;padding:8px 4px 6px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid}.avatarChoice:hover:not(:disabled){background:linear-gradient(#0a1f2feb,#05111cf0);border-color:#41cff861;transform:translateY(-2px)}.avatarChoice.selected{background:linear-gradient(#0a2b3df5,#051622f7);border-color:#41e1ffb8;transform:translateY(-2px);box-shadow:0 0 0 2px #32cfff12,0 12px 28px #00000038}.avatarChoice:disabled{cursor:default}.avatarPortrait{aspect-ratio:1;background:radial-gradient(circle at 50% 44%,#26465d5c,#040b1329 68%);border-radius:50%;place-items:center;width:min(72px,100%);display:grid;overflow:hidden}.avatarPortrait img{object-fit:contain;filter:drop-shadow(0 8px 10px #00000057);width:100%;height:100%;transition:filter .15s,opacity .15s;display:block}.avatarChoice.unavailable .avatarPortrait img{opacity:.3;filter:grayscale()saturate(0)brightness(.68)}.avatarChoice strong{color:#bcd1dd;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:900;overflow:hidden}.avatarChoice.selected strong{color:#eafaff}.avatarNote{color:#3f7186;letter-spacing:.045em;text-align:center;justify-content:center;align-items:flex-start;min-height:22px;font-size:6px;font-weight:900;line-height:1.15;display:flex}.avatarChoice.selected .avatarNote{color:#4de1ff}.avatarChoice.memorial .avatarNote{color:#ff4d5f}.avatarChoice.hostOnly .avatarNote{color:#7a67ff}.avatarChoice.occupied .avatarNote{color:#d8a74e}.nicknameCard{background:#040e18b8;border:1px solid #3a84ab26;border-radius:9px;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:12px;min-height:68px;padding:11px 11px 11px 15px;display:grid}.nicknameCard>div{min-width:0}.nicknameLabel{margin-bottom:4px;display:block}.nicknameCard strong{color:#587383;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(15px,1.1vw,19px);font-weight:900;display:block;overflow:hidden}.nicknameCard.active{border-color:#45bee240}.nicknameCard.active strong{color:#e7f7ff}.cycleNameButton{color:#4fd9f6;cursor:pointer;background:#071f2dd9;border:1px solid #3fbee43d;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.cycleNameButton:hover:not(:disabled){background:#092c3df0;border-color:#4ce2ff9e}.cycleNameButton:disabled{opacity:.25;cursor:default}.cycleNameButton svg{width:21px;height:21px}.joinButton,.leaveButton{color:#4be0ff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(#083044f5,#061f2efa);border:1px solid #37d0fa52;border-radius:8px;width:100%;min-height:50px;font-size:10px;font-weight:900}.joinButton:hover:not(:disabled),.leaveButton:hover{background:linear-gradient(#0a3e54fa,#072738fa);border-color:#4be3ffb8}.joinButton:disabled{opacity:.42;cursor:default}.errorBox{color:#ff8e9e;background:#4c101d57;border:1px solid #ff657938;border-radius:7px;padding:11px 12px;font-size:11px;line-height:1.45}.serviceStatus{color:#587789;letter-spacing:.055em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;margin-top:17px;font-size:8px;font-weight:700;display:flex}.serviceStatus i{background:#4fc99e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4fc99e6b}.serviceStatus.connecting i{background:#efc34d;box-shadow:0 0 8px #efc34db3}.serviceStatus.error i,.serviceStatus.disconnected i{background:#ff6474;box-shadow:0 0 8px #ff6474ad}.loginFooter{color:#315164;letter-spacing:.065em;justify-content:space-between;gap:15px;font-size:7px;font-weight:800;display:flex}.loginFooter b{color:#684ca3}.comingSoonPanel{background:radial-gradient(circle at 50% 45%,#2c48701f,#0000 42%),#060914;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,2vh,30px);min-width:0;min-height:100vh;padding:clamp(28px,3vw,54px);display:grid;overflow:hidden}.comingSoonImage{object-fit:contain;object-position:center;background:#02060ca6;border:1px solid #529bc529;border-radius:14px;grid-row:2;place-self:center;width:min(94%,1500px);height:100%;max-height:calc(100vh - 230px);display:block;box-shadow:0 22px 70px #0000005c}.comingSoonShade{display:none}.comingSoonTop,.comingSoonBottom{z-index:auto;width:min(94%,1500px);margin:0 auto;position:static}.comingSoonTop{grid-row:1;justify-content:space-between;align-self:end;align-items:center;gap:18px;display:flex}.comingSoonTop>span{color:#6fe6ff;letter-spacing:.17em;background:#030d17ad;border:1px solid #67ddff6b;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:950}.comingSoonTop small{color:#e1f0f794;letter-spacing:.12em;font-size:8px;font-weight:850}.comingSoonBottom{grid-row:3;align-self:start}.comingSoonBottom>span{color:#68dcf7;letter-spacing:.15em;font-size:9px;font-weight:900}.comingSoonBottom h2{color:#f4f8fb;letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(28px,2.4vw,48px);font-weight:950;line-height:1}.connectedShell{background:radial-gradient(circle at 50% 18%,#342c9a2e,#0000 28%),radial-gradient(circle at 15% 78%,#009bd214,#0000 24%),#040914;grid-template-rows:auto 1fr auto;display:grid}.connectedHeader{background:#030811db;border-bottom:1px solid #429ccf1f;align-items:center;min-height:74px;padding:14px 22px;display:flex}.connectedMain{align-items:center;width:100%;max-width:720px;margin:0 auto;padding:34px 18px 48px;display:grid}.connectedCard{background:linear-gradient(#081422f5,#040c16f7);border:1px solid #3797cc33;border-radius:13px;width:100%;padding:24px;box-shadow:0 24px 70px #00000057,inset 0 0 50px #164d6f06}.connectedTop{justify-content:space-between;align-items:center;gap:18px;padding:7px 5px 24px;display:flex}.selfIdentity{background:radial-gradient(circle,#1d678878,#040f1ae6);border:1px solid #36daff59;border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid;position:relative;overflow:hidden}.selfIdentity img{object-fit:contain;width:100%;height:100%}.selfIdentity strong{color:#55e2ff;background:#061522;border:1px solid #3fdcff6b;border-radius:8px;place-items:center;min-width:28px;height:24px;padding:0 5px;font-size:9px;font-weight:900;display:grid;position:absolute;bottom:-1px;right:-1px}.rosterHeader{color:#55798e;letter-spacing:.06em;border-top:1px solid #428fb71f;justify-content:space-between;align-items:center;padding:11px 3px;font-size:9px;font-weight:900;display:flex}.rosterHeader strong{color:#76a3ba}.playerList{gap:9px;display:grid}.playerRow{background:#040d17b8;border:1px solid #3789b51f;border-radius:8px;grid-template-columns:36px 48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:9px 11px;display:grid}.playerRow.occupied{border-color:#3bcfa82e}.playerRow.self{border-color:#39d4ff5c;box-shadow:inset 0 0 22px #30b1dd09}.playerSlot{color:#48697c;font-size:9px;font-weight:900}.playerAvatar{color:#52ddff;background:#081d2beb;border:1px solid #43adde33;border-radius:50%;place-items:center;width:44px;height:44px;font-size:12px;font-weight:900;display:grid;overflow:hidden}.playerAvatar img{object-fit:contain;width:100%;height:100%}.playerRow.open .playerAvatar{color:#405665;border-style:dashed}.playerCopy{min-width:0}.playerCopy strong,.playerCopy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playerCopy strong{color:#dceaf3;font-size:11px}.playerCopy span{color:#4b6c7f;margin-top:3px;font-size:9px}.playerState{color:#4fc99e;letter-spacing:.05em;font-size:7px;font-weight:900}.playerRow.open .playerState{color:#486474}.nextStage{background:#110c2a3d;border:1px solid #5743b424;border-radius:8px;margin:19px 0;padding:15px}.nextStage span{color:#765dbb;letter-spacing:.06em;font-size:8px;font-weight:900}.nextStage strong{color:#b8a8dc;margin-top:5px;font-size:11px;display:block}.nextStage p{color:#625b7a;margin:5px 0 0;font-size:9px}.leaveButton{color:#ff8292;background:#320c1785;border-color:#ff647733}.connectedFooter{color:#345669;letter-spacing:.06em;border-top:1px solid #3787b31a;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 22px;font-size:7px;font-weight:800;display:flex}.connectedFooter b{color:#684ca3}@media (width<=1180px){.loginLayout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.loginPanelInner{padding-inline:28px}.avatarChoice{min-height:110px}.avatarPortrait{width:min(62px,100%)}}@media (width<=860px){.loginLayout{grid-template-columns:1fr}.loginPanel{border-bottom:1px solid #429ccf24;border-right:0}.loginPanelInner{min-height:auto;padding:24px 18px 34px}.joinContent{padding-top:18px}.comingSoonPanel{grid-template-rows:auto auto auto;min-height:auto;padding:28px 18px 34px}.comingSoonImage{width:100%;height:auto;max-height:none}.comingSoonTop,.comingSoonBottom{width:100%}.comingSoonBottom h2{font-size:clamp(30px,8vw,44px)}}@media (width<=560px){.loginPanelInner{gap:20px;padding-inline:13px}.joinContent h1{font-size:34px}.avatarRow{gap:4px}.avatarChoice{border-radius:7px;min-height:100px;padding:6px 2px 4px}.avatarPortrait{width:min(54px,100%)}.avatarChoice strong{font-size:7px}.avatarNote{letter-spacing:.025em;font-size:5px}.sectionHeading small{display:none}.nicknameCard strong{font-size:15px}.comingSoonTop small{display:none}.connectedHeader{padding-inline:16px}.connectedMain{padding:20px 12px 32px}.connectedCard{padding:20px}.playerRow{grid-template-columns:30px 42px minmax(0,1fr)}.playerState{grid-column:3}.connectedFooter{padding-inline:14px}}