:root{color:#f5f2f0;background:#0c0b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{border:0}a{color:inherit}.loginShell{background:linear-gradient(#0c0b149e,#0c0b14eb),radial-gradient(circle at 20% 20%,#c4352b29,#0000 36%),#0c0b14;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loginPanel{background:#191722;border:1px solid #272433;border-radius:8px;width:100%;max-width:520px;padding:28px;box-shadow:0 24px 80px #0000005c}.brand,.contentHeader,.createTopline,.profileName,.profileStats,.readyLine,.adminBox h3{align-items:center;display:flex}.brand{gap:14px;margin-bottom:24px}.brand svg,.adminBox svg{color:#d94234;flex:none}h1,h2,h3,p{margin:0}h1{font-size:20px;line-height:1.2}h2{font-size:18px}h3{font-size:13px}p,small,.matchCell small,.profileMenu span,.profileMenu button,.profileStats span,.lobbyMeta span{color:#aaa4b6}.primaryButton,.createButton,.readyButton,.lobbyActions button{color:#fff;cursor:pointer;background:#d94234;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.primaryButton{width:100%}.secondaryButton{color:#aaa4b6;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:36px;margin-top:14px;font-weight:800;display:inline-flex}.primaryButton.compact{width:auto;min-width:132px}.nicknamePanel .brand{align-items:flex-start}.nicknamePanel small{color:#e0a33a;margin-top:6px;font-weight:800;display:inline-block}.nicknameForm{gap:12px;display:grid}.nicknameForm input{color:#f5f2f0;background:#232130;border:1px solid #353143;border-radius:7px;outline:none;width:100%;min-height:46px;padding:0 14px}.nicknameForm input:focus{border-color:#d94234}.nicknameForm p{color:#ff8a7f;font-size:13px;font-weight:700}.primaryButton:disabled,.createButton:disabled,.readyButton:disabled,.slotStepper button:disabled,.lobbyActions button:disabled{cursor:wait;opacity:.65}.devLinks{justify-content:center;gap:16px;margin-top:18px;display:flex}.devLinks a{color:#aaa4b6;font-weight:700;text-decoration:none}.appShell{background:linear-gradient(#0c0b14b3,#0c0b14fa),linear-gradient(135deg,#25304485,#0000 48%),#0c0b14;grid-template-columns:220px minmax(0,1fr) 280px;gap:16px;min-height:100vh;padding:22px 24px;display:grid}.leftRail,.profileRail{align-self:start;position:sticky;top:22px}.matchTabs{background:#191722;border:1px solid #252230;border-radius:8px;overflow:hidden}.matchTabs button{color:#c8c3d0;cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:0 24px;display:flex;position:relative}.matchTabs button.active{color:#fff;background:#24212d}.matchTabs button.active:before{content:"";background:#d94234;width:3px;position:absolute;top:0;bottom:0;left:0}.content{min-width:0}.contentHeader,.createPanel,.emptyState,.lobbyPanel{background:#191722;border:1px solid #252230;border-radius:8px}.contentHeader{justify-content:space-between;min-height:58px;margin-bottom:12px;padding:0 20px}.headerActions{color:#aaa4b6;align-items:center;gap:12px;display:flex}.liveDot{background:#d94234;border-radius:999px;width:10px;height:10px;display:inline-block}.createButton{min-height:42px}.matchList{gap:10px;display:grid}.matchRow{color:#f5f2f0;cursor:pointer;text-align:left;background:#191722;border:1px solid #252230;border-radius:8px;grid-template-columns:82px 1.1fr 1.3fr .8fr 1fr 1fr 20px;align-items:center;gap:14px;width:100%;min-height:98px;padding:16px 18px;display:grid}.matchRow:hover,.mapChoice:hover,.playerSlot.empty:hover{border-color:#d94234a8}.mapThumb{background:linear-gradient(135deg, color-mix(in srgb, var(--map-accent,#d94234) 70%, #0c0b14), transparent), repeating-linear-gradient(45deg, #ffffff24 0 8px, #ffffff08 8px 16px), #3a3544;border-radius:5px;width:80px;height:50px;display:inline-block;position:relative;overflow:hidden}.mapThumb:after{content:"";pointer-events:none;background:linear-gradient(#0c0b140a,#0c0b1447);position:absolute;inset:0}.mapThumb img{object-fit:cover;width:100%;height:100%;display:block}.mapThumb.withImage{background:#24212d}.matchCell{gap:7px;min-width:0;display:grid}.matchCell strong,.adminUser span,.playerSlot strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chevron{color:#777185;font-size:28px}.emptyState{color:#aaa4b6;place-items:center;gap:12px;min-height:260px;padding:40px;display:grid}.emptyState h2{color:#f5f2f0}.createPanel{padding:28px}.createTopline{justify-content:space-between;margin-bottom:22px}.createControls,.lobbyTopControls,.lobbyTools,.playerActions{align-items:center;display:flex}.createControls{gap:12px}.slotStepper{background:#14121b;border:1px solid #302d3b;border-radius:7px;grid-template-columns:40px 42px 40px;align-items:center;min-height:42px;display:grid;overflow:hidden}.slotStepper button{color:#c8c3d0;cursor:pointer;background:0 0;justify-content:center;align-items:center;height:42px;display:inline-flex}.slotStepper strong{text-align:center}.eyebrow{color:#d9a24a;letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.mapPicker{gap:22px;display:grid}.mapSection{gap:12px;display:grid}.mapSection h3{color:#c8c3d0;text-transform:uppercase;font-size:14px}.mapGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.mapChoice{color:#f5f2f0;cursor:pointer;text-align:left;background:#24212d;border:1px solid #302d3b;border-radius:8px;justify-items:start;gap:10px;min-height:154px;padding:16px;display:grid}.mapChoice.selected{border-color:#d94234;box-shadow:inset 0 0 0 1px #d9423457}.mapChoice .mapThumb{width:100%;height:66px}.lobbyStack{gap:12px;display:grid}.lobbyPanel{grid-template-columns:minmax(170px,1fr) minmax(250px,.9fr) minmax(170px,1fr);gap:12px;padding:18px;display:grid}.teamColumn{gap:10px;min-width:0;display:grid}.teamColumn h2{margin-bottom:8px;font-size:15px}.playerSlot{color:#f5f2f0;background:#24212d;border:1px solid #302d3b;border-radius:7px;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;display:flex}.playerSlot>div{gap:4px;min-width:0;display:grid}.playerSlot.me{background:linear-gradient(90deg,#d9423438,#0000),#24212d}.playerSlot.empty{color:#777185;cursor:pointer;justify-content:center}.playerActions{gap:6px;margin-left:auto}.playerActions button{color:#aaa4b6;cursor:pointer;background:#18151f;border:1px solid #302d3b;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.playerActions button:hover{color:#fff;border-color:#d94234a8}.avatar{color:#171014;background:#d9a24a;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar.large{width:48px;height:48px}.lobbyCenter{background:#14121b;border:1px solid #302d3b;border-radius:8px;justify-items:center;gap:18px;min-width:0;padding:20px;display:grid}.lobbyTopControls{justify-content:space-between;gap:12px;width:100%}.lobbyMapHero{border:1px solid #302d3b;border-radius:7px;width:100%;height:96px;position:relative;overflow:hidden}.lobbyMapHero .mapThumb{border-radius:0;width:100%;height:100%}.lobbyMapHero strong{color:#fff;background:#0c0b149e;border-radius:5px;padding:5px 8px;font-size:14px;font-weight:900;position:absolute;bottom:10px;left:10px}.premiumMark{color:#d9a24a;text-transform:uppercase;font-size:12px;font-weight:900}.scoreboard{font-size:34px;font-weight:900}.lobbyStage{color:#aaa4b6}.lobbyMeta{grid-template-columns:1fr auto;gap:8px 16px;width:100%;display:grid}.lobbyMeta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.readyLine{color:#c8c3d0;gap:8px}.readyLine svg{color:#43b66b}.lobbyActions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;display:grid}.lobbyActions button{background:#3a3544;min-height:40px;padding:0 12px}.lobbyActions button.dangerButton{background:#b9362d}.lobbyTools{gap:10px;width:100%}.lobbyTools button{color:#c8c3d0;cursor:pointer;background:0 0;border:1px solid #302d3b;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 10px;font-weight:800;display:inline-flex}.lobbyMapPanel{padding:18px}.compactMapPicker .mapGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.compactMapPicker .mapChoice{min-height:124px}.techChat{background:#191722;border:1px solid #252230;border-radius:8px;gap:10px;padding:16px 18px;display:grid}.techChat h3{color:#c8c3d0;text-transform:uppercase}.techChat div{gap:8px;display:grid}.techChat p{color:#f5f2f0;gap:10px;display:flex}.techChat span{color:#777185;flex:none}.profileRail{background:#191722;border-left:1px solid #252230;min-height:calc(100vh - 44px);padding:0 20px 24px}.profileTabs{border-bottom:1px solid #302d3b;grid-template-columns:1fr 1fr auto;align-items:center;min-height:56px;display:grid}.profileTabs strong{text-transform:uppercase;border-bottom:2px solid #d94234;height:56px;line-height:56px}.profileTabs span{color:#777185;text-transform:uppercase;font-weight:800}.profileTabs b{font-size:13px}.profileName{gap:12px;padding:22px 0 16px}.profileName>div{min-width:0}.profileName h2{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.profileName small{color:#171014;background:#d9a24a;border-radius:4px;margin-top:5px;padding:2px 6px;font-size:11px;font-weight:900;display:inline-block}.soundToggle{color:#d9a24a;cursor:pointer;background:#24212d;border:1px solid #302d3b;border-radius:7px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;display:inline-flex}.soundToggle:hover{color:#fff;border-color:#d94234a8}.soundToggle.muted{color:#777185}.profileStats{border-top:1px solid #302d3b;justify-content:space-between;min-height:54px}.profileStats span{align-items:center;gap:8px;display:inline-flex}.readyButton{background:#4b4657;width:100%;margin:14px 0 16px}.readyButton.readyPositive,.readyButton.joinServerButton{background:#1f9b5f}.profileMenu{border-top:1px solid #302d3b;gap:2px;padding-top:12px;display:grid}.profileMenu span,.profileMenu button{text-align:left;background:0 0;align-items:center;gap:12px;min-height:42px;padding:0;display:flex}.profileMenu button{cursor:pointer}.adminBox{border-top:1px solid #302d3b;margin-top:14px;padding-top:16px}.adminBox h3{gap:8px;margin-bottom:10px}.adminUser{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;display:grid}.adminUser strong{color:#d9a24a;font-size:12px}@media (width<=1180px){.appShell{grid-template-columns:190px minmax(0,1fr)}.profileRail{grid-column:1/-1;min-height:auto;position:static}}@media (width<=860px){.appShell{grid-template-columns:1fr;padding:14px}.leftRail{position:static}.lobbyPanel,.matchRow{grid-template-columns:1fr}.mapThumb{width:100%}.createTopline,.createControls,.lobbyTools{flex-direction:column;align-items:stretch}}