:root{--bg:#0a0c10;--surface:#0d1016c7;--surface-solid:#12161d;--surface-2:#ffffff0a;--line:#ffffff17;--line-strong:#ffffff29;--text:#eef1f5;--muted:#8c95a3;--accent:#f5c542;--accent-2:#ff9f1c;--danger:#ff4d5e;--ok:#38d39f;--blue:#4dabf7;--hp:linear-gradient(90deg, #d7263d, #ff4d5e);--st:linear-gradient(90deg, #1c7ed6, #4dabf7);--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--ui:"Inter", system-ui, sans-serif;font:14px/1.45 var(--ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin:0}p{margin:0}.muted{color:var(--muted)}button{font:inherit;cursor:pointer;color:var(--text);background:var(--surface-2);border:0;border-radius:8px;padding:9px 14px;transition:background .15s,transform 50ms,opacity .15s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(180deg, #ffd45e, var(--accent));color:#16130a;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:18px;font-weight:700;box-shadow:0 6px 20px #f5c54240}button.primary:hover:not(:disabled){background:linear-gradient(#ffe08a,#ffd45e)}button.primary.big{width:100%;padding:14px 18px;font-size:22px}button.secondary{border:1px solid var(--line);background:#ffffff14;align-items:center;gap:8px;display:inline-flex}button.secondary:hover:not(:disabled){background:#ffffff21}button.ghost{color:var(--muted);background:0 0;padding:6px 10px}button.ghost:hover{color:var(--text);background:#ffffff0f}input{font:inherit;color:var(--text);border:1px solid var(--line-strong);background:#00000059;border-radius:8px;outline:none;width:100%;padding:11px 12px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f5c5422e}.field{flex-direction:column;gap:6px;display:flex}.field span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.key{min-width:22px;height:22px;font:600 11px var(--ui);color:var(--text);white-space:nowrap;background:linear-gradient(#2c323d,#1c2128);border:1px solid #3a414d;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.crest{border-radius:6px 6px 50% 50%/6px 6px 40% 40%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffffd9,0 3px 10px #00000080}.crest b{font-family:var(--display);color:#fff;text-shadow:0 1px 2px #000;border-radius:4px;padding:0 .25em;font-weight:800;line-height:1.15}.meter{background:#ffffff14;border-radius:3px;height:10px;position:relative;overflow:hidden}.meter>i{border-radius:3px;height:100%;transition:width .12s linear;display:block}.meter>em{background:#ffffff8c;width:2px;position:absolute;top:0;bottom:0}.meter>span{font:700 11px var(--ui);text-shadow:0 1px 2px #000;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.meter.hp{height:18px}.meter.hp>i{background:var(--hp)}.meter.st{height:12px}.meter.st>span{letter-spacing:.08em;text-transform:uppercase;font-size:9px}.meter.st>i{background:var(--st)}.meter.raca>i{background:#7a6420}.meter.raca.ready>i{background:linear-gradient(90deg, #c99a1e, var(--accent))}.meter.raca.full>i{background:linear-gradient(90deg, var(--accent), var(--accent-2));box-shadow:0 0 10px var(--accent-2)}.meter.dur{height:4px;margin-top:4px}.meter.dur>i{background:#c8d0dc}.meter.stat{height:5px}.meter.stat>i{background:var(--accent)}.meter.channel{height:8px}.meter.channel>i{background:var(--ok)}.meter.bleedout{height:8px;margin-top:10px}.meter.bleedout>i{background:var(--danger)}.banner{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.banner.danger{color:#ffd6da;background:#ff4d5e1f;border-color:#ff4d5e59}.screen{background:radial-gradient(80% 50% at 50% -10%,#ffecaa2e,#0000 60%),radial-gradient(60% 40% at 15% 0,#4dabf71f,#0000 60%),radial-gradient(60% 40% at 85% 0,#ff4d5e1a,#0000 60%),repeating-linear-gradient(90deg,#ffffff04 0 2px,#0000 2px 90px),linear-gradient(#10141b,#07080b);flex-direction:column;align-items:center;gap:28px;min-height:100vh;padding:56px 16px 40px;display:flex}.screen.center{justify-content:center}.brand{text-align:center}.brand h1{letter-spacing:.04em;background:linear-gradient(#fff,#c7ccd4);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,9vw,88px);font-weight:800;line-height:.9}.brand p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;font-size:13px}.versus{align-items:center;gap:28px;display:flex}.vs-side{opacity:.55;flex-direction:column;align-items:center;gap:12px;transition:opacity .2s;display:flex}.vs-side.mine{opacity:1}.vs-side b{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:22px}.vs{font-family:var(--display);color:var(--muted);font-size:40px}.profile-card{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;gap:16px;width:min(440px,100%);padding:20px;display:flex;box-shadow:0 20px 60px #00000073}.profile-id{align-items:center;gap:12px;display:flex}.profile-id>div{flex-direction:column;flex:1;display:flex}.profile-id b{font-size:18px}.profile-id small{color:var(--muted)}.stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stats>div{text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px 4px}.stats b{font-family:var(--display);font-size:26px;line-height:1;display:block}.stats small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.home-tips{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 20px;max-width:760px;font-size:13px;display:flex}.home-tips span{align-items:center;gap:6px;display:inline-flex}.pick{grid-template-columns:repeat(2,minmax(0,220px));gap:16px;display:grid}.pick-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:22px 14px;display:flex}.pick-card:hover{background:#ffffff0f}.pick-card b{font-family:var(--display);text-transform:uppercase;font-size:24px}.pick-card small{color:var(--muted);text-align:center;font-size:12px}.pick-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #f5c54240,0 16px 40px #0006}.game{-webkit-user-select:none;user-select:none;font-family:var(--ui);position:fixed;inset:0;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;animation:1.2s ease-in-out infinite pulse;position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #d7263d73}@keyframes pulse{50%{opacity:.55}}.scorebug{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;align-items:stretch;display:flex;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 30px #0006}.scorebug .side{align-items:center;gap:10px;padding:6px 14px;display:flex}.scorebug .side.mine{background:#f5c54214}.scorebug .tname{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:16px;font-weight:600}.scorebug .score{font-family:var(--display);text-align:center;min-width:34px;font-size:30px;font-weight:800}.scorebug .clock{border-left:1px solid var(--line);border-right:1px solid var(--line);background:#00000059;flex-direction:column;justify-content:center;align-items:center;padding:4px 16px;display:flex}.scorebug .clock span{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.scorebug .clock small{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:9px}.scorebug .clock.urgent span{color:var(--danger);animation:1s infinite pulse}@media (width<=760px){.scorebug .tname{display:none}}.minimap{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;position:absolute;top:12px;left:12px;overflow:hidden}.minimap canvas{width:300px;height:135px;display:block}.minimap-bar{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 2px 10px;font-size:11px;display:flex}.minimap-bar button{padding:3px 8px;font-size:11px}@media (width<=760px){.minimap canvas{width:180px;height:81px}}.feed{flex-direction:column;align-items:flex-end;gap:4px;max-width:360px;display:flex;position:absolute;top:12px;right:12px}.feed div{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;animation:.2s ease-out slidein}.feed .mine{background:#282008d9;border-color:#f5c54299}@keyframes slidein{0%{opacity:0;transform:translate(12px)}}.crosshair{pointer-events:none;opacity:.7;filter:drop-shadow(0 0 1px #000);background:linear-gradient(#fffc,#fffc) 50%/2px 100% no-repeat,linear-gradient(#fffc,#fffc) 50%/100% 2px no-repeat;width:14px;height:14px;margin:-7px;position:absolute;top:50%;left:50%}.lock-tag{font:700 12px var(--ui);text-transform:uppercase;letter-spacing:.08em;color:#16130a;background:var(--accent);border-radius:4px;padding:3px 10px;position:absolute;top:57%;left:50%;transform:translate(-50%)}.hitdir{pointer-events:none;width:300px;height:300px;animation:.7s ease-out forwards fade;position:absolute;top:50%;left:50%}.hitdir i{border-top:4px solid #ff4d5ee6;border-radius:50% 50% 0 0/100% 100% 0 0;width:80px;height:14px;margin-left:-40px;position:absolute;top:0;left:50%}@keyframes fade{to{opacity:0}}.player-panel{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;gap:6px;width:min(360px,100vw - 32px);padding:12px;display:flex;position:absolute;bottom:16px;left:16px}.pp-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.pp-head>div:nth-child(2){flex-direction:column;line-height:1.15;display:flex}.pp-head b{font-size:15px}.pp-head small{color:var(--muted);font-size:11px}.chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:auto;display:flex}.chip{font:700 10px var(--ui);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:3px 6px}.chip.gold{color:var(--accent);background:#f5c5422e}.chip.red{color:#ff8a96;background:#ff4d5e2e}.chip.blue{color:#8cc8ff;background:#4dabf72e}.raca-row{align-items:center;gap:8px;margin-top:2px;display:flex}.raca-row .meter{flex:1;height:8px}.ability{color:var(--muted);opacity:.5;align-items:center;gap:4px;font-size:11px;display:inline-flex}.ability.on{color:var(--accent);opacity:1}.loadout{align-items:stretch;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.loadout>div{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;justify-content:center;padding:10px 14px;display:flex}.loadout .money{font-family:var(--display);color:#7ee787;font-size:26px;font-weight:700}.loadout .weapon{min-width:150px}.loadout .weapon small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px}.loadout .weapon b{font-family:var(--display);text-transform:uppercase;font-size:20px}.loadout .weapon .muted{font-size:11px}.loadout .consumable{opacity:.5;flex-direction:row;align-items:center;gap:8px;font-size:13px}.loadout .consumable.on{opacity:1}@media (width<=900px){.loadout{flex-direction:column;top:190px;bottom:auto;right:12px}}.channel{text-align:center;width:260px;font:600 12px var(--ui);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 3px #000;flex-direction:column;gap:6px;display:flex;position:absolute;top:63%;left:50%;transform:translate(-50%)}.prompts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.prompt{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.prompt.danger{color:#ffd6da;border-color:#ff4d5e80}.prompt.ok{color:#c8f7e4;border-color:#38d39f80}.status-banner{text-align:center;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:12px;min-width:280px;padding:16px 28px;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.status-banner h2{letter-spacing:.06em;font-size:40px;font-weight:800}.status-banner p{color:var(--muted);margin-top:4px}.status-banner.ko h2{color:var(--danger)}.status-banner.downed h2{color:var(--accent-2)}.lock-hint{color:var(--muted);background:var(--surface);border:1px solid var(--line);pointer-events:none;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;top:72px;left:50%;transform:translate(-50%)}.controls{border:1px solid var(--line);pointer-events:none;color:var(--muted);background:#0a0c108c;border-radius:10px;gap:4px;padding:10px 12px;font-size:11px;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.controls>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.controls>div>.key{order:2}@media (width<=1100px){.controls{display:none}}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060999;place-items:center;padding:16px;animation:.15s ease-out fadein;display:grid;position:absolute;inset:0}.overlay.soft{background:#04060959}@keyframes fadein{0%{opacity:0}}.panel{background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:14px;flex-direction:column;gap:14px;width:min(520px,100%);max-height:calc(100vh - 32px);padding:22px;display:flex;overflow-y:auto;box-shadow:0 30px 80px #0009}.panel.wide{width:min(920px,100%)}.panel header,.panel footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel h2{font-size:26px}.shop{width:min(900px,100%)}.shop .money{font-family:var(--display);color:#7ee787;font-size:26px;font-weight:700}.shop .items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.item{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:stretch;gap:6px;padding:12px;display:flex;position:relative}.item:hover:not(:disabled){border-color:var(--accent);background:#f5c5420f}.item-head{justify-content:space-between;align-items:baseline;display:flex}.item-head b{font-family:var(--display);text-transform:uppercase;font-size:19px}.price{font-family:var(--display);color:#7ee787;font-size:18px;font-weight:700}.price.short{color:var(--danger)}.item small{font-size:11px}.stat{color:var(--muted);grid-template-columns:70px 1fr;align-items:center;gap:8px;font-size:11px;display:grid}.owned{font:700 9px var(--ui);text-transform:uppercase;letter-spacing:.08em;background:var(--accent);color:#16130a;border-radius:3px;padding:2px 5px;position:absolute;top:8px;right:8px}.scoreboard{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=700px){.scoreboard{grid-template-columns:1fr}}.scoreboard table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.scoreboard th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line-strong);padding:6px 8px;font-size:11px;font-weight:600}.scoreboard td{border-bottom:1px solid var(--line);padding:5px 8px}.scoreboard th:not(:first-child),.scoreboard td:not(:first-child){text-align:right;width:44px}.scoreboard tr.me td{color:var(--accent);background:#f5c5420f;font-weight:700}.sb-team{color:var(--text);font-family:var(--display);letter-spacing:.03em;align-items:center;gap:8px;font-size:17px;display:inline-flex}.sb-team b{margin-left:4px}.tag{letter-spacing:.08em;color:var(--muted);vertical-align:middle;background:#ffffff14;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.result-banner{flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px;display:flex}.result-banner>span{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:56px;font-weight:800;line-height:1}.result-banner.win>span{color:var(--accent)}.result-banner.loss>span{color:var(--danger)}.result-banner .final{align-items:center;gap:16px;display:flex}.result-banner .final b{font-family:var(--display);font-size:40px}.result-banner .final i{color:var(--muted);font-style:normal}.mvp{background:#f5c54214;border:1px solid #f5c5424d;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px;display:flex}.mvp small{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:10px}.mvp b{font-family:var(--display);font-size:24px}.result footer{justify-content:center}button.secondary.google{color:#1f1f1f;background:#fff;border-color:#dadce0;justify-content:center;gap:10px;width:100%;padding:12px 14px;font-weight:600}button.secondary.google:hover:not(:disabled){background:#f1f3f4}.fine{color:var(--muted);text-align:center;font-size:12px}.login{gap:18px}.login-copy{text-align:center}.login-copy h2{font-size:28px}.login-copy p{color:var(--muted);margin-top:4px}.onboarding{gap:22px}.greeting{align-items:center;gap:14px;display:flex}.greeting img{width:52px;height:52px;box-shadow:0 0 0 2px var(--line-strong);border-radius:50%}.greeting h2{font-size:clamp(30px,6vw,40px);line-height:1}.greeting p{color:var(--muted);margin-top:4px}.stepper{gap:6px;margin:0;padding:0;list-style:none;display:flex}.stepper button{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:13px;display:inline-flex}.stepper button:disabled{opacity:1;cursor:default}.stepper i{width:22px;height:22px;font:700 12px var(--ui);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:50%;place-items:center;display:inline-grid}.stepper .current button{color:var(--text)}.stepper .current i{background:var(--accent);border-color:var(--accent);color:#16130a}.stepper .done i{border-color:var(--ok);color:var(--ok);background:#38d39f26}.stepper li+li:before{content:"";vertical-align:middle;background:var(--line-strong);width:24px;height:1px;margin-right:6px;display:inline-block}.pick-card{transition:transform .12s,background .15s,box-shadow .15s;position:relative;overflow:hidden}.pick-card:before{content:"";background:linear-gradient(90deg, var(--c1,#333) 50%, var(--c2,#999) 50%);height:6px;position:absolute;inset:0 0 auto}.pick-card:hover{transform:translateY(-2px)}.chosen{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:14px;display:flex}.chosen>div{flex-direction:column;flex:1;display:flex}.chosen small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.chosen b{font-family:var(--display);text-transform:uppercase;font-size:22px}.field span{justify-content:space-between;display:flex}.field span em{letter-spacing:0;font-style:normal}input[aria-invalid=true]{border-color:#ff4d5e99}.nick-status{min-height:20px;color:var(--muted);margin-top:-8px;font-size:13px}.nick-status.ok{color:var(--ok)}.nick-status.error{color:#ff8a96}.suggestions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:-6px;display:flex}.suggestions small{color:var(--muted);font-size:12px}button.chip{border:1px solid var(--line-strong);border-radius:999px;padding:4px 10px;font-size:13px}button.chip:hover{border-color:var(--accent);color:var(--accent)}.nick-preview{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.nick-preview small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.nameplate{border:1px solid var(--c2,var(--line-strong));background:#0000008c;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:4px 12px 4px 6px;display:inline-flex}.nameplate b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}@media (width<=520px){.pick{grid-template-columns:1fr;width:100%}.versus{gap:16px}}.account{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding-top:12px;font-size:13px;display:flex}.account>span{flex:1}.account img{border-radius:50%;width:24px;height:24px}.visual-card{grid-template-columns:240px 1fr;align-items:start;gap:18px;width:min(720px,100%);display:grid}.visual-card>.primary,.visual-card>.ghost,.visual-card>.fine,.visual-card>.banner{grid-column:1/-1}.visual-stage{flex-direction:column;gap:10px;display:flex;position:sticky;top:16px}.char-preview{background:radial-gradient(ellipse at 50% 30%, #ffffff12, transparent 70%), var(--surface-2);border:1px solid var(--line);cursor:grab;touch-action:none;border-radius:12px;width:100%;height:320px}.char-preview:active{cursor:grabbing}.visual-stage .secondary{justify-content:center}.visual-options{flex-direction:column;gap:12px;display:flex}.vopt>span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.vchoices{flex-wrap:wrap;gap:6px;display:flex}button.chip.on{border-color:var(--accent);color:#16130a;background:var(--accent)}button.swatch{border:2px solid #ffffff26;border-radius:50%;width:30px;height:30px;padding:0}button.swatch.on{border-color:var(--accent);box-shadow:0 0 0 3px #f5c5424d}@media (width<=640px){.visual-card{grid-template-columns:1fr}.visual-stage{position:static}.char-preview{height:260px}}.rooms{gap:14px}.rooms-head{justify-content:space-between;align-items:center;display:flex}.rooms-head h3{font-size:22px}.room-create{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.segmented{border:1px solid var(--line);background:#0000004d;border-radius:9px;align-self:flex-start;gap:3px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;padding:6px 14px}.segmented button.on{background:var(--accent);color:#16130a;font-weight:600}.room-code{gap:8px;display:flex}.room-code input{text-transform:uppercase;letter-spacing:.2em;font-weight:600}.room-list{flex-direction:column;gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.room-list li{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.room-list li>div{flex-direction:column;flex:1;min-width:0;display:flex}.room-list li b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-list li small{color:var(--muted);font-size:12px}.lobby{gap:20px}.lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;width:min(760px,100%);display:flex}.lobby-head h2{font-size:clamp(30px,6vw,44px);line-height:1}.lobby-code{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.lobby-code small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.lobby-code b{font-family:var(--display);letter-spacing:.18em;color:var(--accent);font-size:26px}.lobby-visibility{width:min(760px,100%);font-size:13px}.lobby-teams{grid-template-columns:1fr 1fr;gap:14px;width:min(760px,100%);display:grid}.lobby-team{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.lobby-team.mine{border-color:#f5c54280}.lobby-team header{align-items:center;gap:10px;display:flex}.lobby-team header b{font-family:var(--display);text-transform:uppercase;flex:1;font-size:22px}.lobby-team header small{color:var(--muted);font-variant-numeric:tabular-nums}.lobby-team ul{flex-direction:column;gap:4px;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lobby-team li{background:var(--surface-2);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.lobby-nick{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.tag.gold{color:var(--accent);background:#f5c54233}button.danger-text{color:#ff8a96;font-size:12px}.lobby-bots{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:13px;display:flex}.stepper-num{align-items:center;gap:6px;display:inline-flex}.stepper-num b{text-align:center;min-width:26px;color:var(--text);font-variant-numeric:tabular-nums}.stepper-num .secondary{padding:4px 10px}.lobby-actions{width:min(440px,100%)}.center-text{text-align:center}@media (width<=640px){.lobby-teams{grid-template-columns:1fr}}.points-bar{pointer-events:auto;gap:8px;display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%)}.points-bar .pt{background:#0a0c10b3;border:2px solid #c9ced6;border-radius:6px;place-items:center;width:38px;height:30px;display:grid;position:relative;overflow:hidden}.points-bar .pt b{z-index:1;font:800 16px var(--display);position:relative}.points-bar .pt.ally{background:#4dabf74d;border-color:#4dabf7}.points-bar .pt.enemy{background:#ff4d5e4d;border-color:#ff4d5e}.points-bar .pt.contested{animation:.6s ease-in-out infinite alternate pulse-pt}.points-bar .pt i{height:4px;position:absolute;bottom:0;left:0}.points-bar .pt i.ally{background:#4dabf7}.points-bar .pt i.enemy{background:#ff4d5e}@keyframes pulse-pt{0%{box-shadow:0 0 #ffd16600}to{box-shadow:0 0 0 3px #ffd166cc}}