:root{--ink:#16202e;--snow:#f4f8fc;--ice:#9fd3ec;--red:#d8413a;--blue:#3a78d8;--panel:#121c2cb8;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}html,body{height:100%;color:var(--snow);-webkit-user-select:none;user-select:none;background:#0e1622;margin:0;overflow:hidden}#game canvas{cursor:crosshair;display:block}#hud{pointer-events:none;position:fixed;inset:0}.hud-panel{background:var(--panel);border-radius:10px;padding:8px 12px;font-size:14px;position:absolute;box-shadow:0 2px 10px #00000040}.bar{background:#ffffff26;border-radius:5px;width:160px;height:10px;margin-top:4px;overflow:hidden}.bar>i{background:linear-gradient(90deg,#7ee08a,#3fb45a);height:100%;transition:width .1s linear;display:block}.bar.breath>i{background:linear-gradient(90deg,#bfe6ff,#4fa3cf)}.center-msg{text-shadow:0 2px 6px #0009;font-size:28px;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.help{opacity:.8;white-space:nowrap;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.debug{font:12px monospace;position:absolute;top:10px;right:10px}.hud-panel .row{justify-content:space-between;gap:10px;display:flex}.dim{opacity:.75;font-size:12px}.big{letter-spacing:1px;font-size:22px;font-weight:700}.windarrow{color:var(--ice);font-weight:700}.flash{opacity:0;pointer-events:none;background:#fffdf2;position:absolute;inset:0}.menu{pointer-events:auto;background:linear-gradient(#1422388c,#142238d9);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.menu h1{letter-spacing:2px;text-shadow:0 4px 18px #00000073;margin:0;font-size:56px}.menu .cards{flex-wrap:wrap;justify-content:center;gap:12px;max-width:1100px;display:flex}.menu .card{background:var(--panel);cursor:pointer;border:2px solid #0000;border-radius:12px;width:190px;padding:12px 14px;transition:transform .12s,border-color .12s}.menu .card:hover{transform:translateY(-3px)}.menu .card.on{border-color:var(--ice)}.menu .card b{margin-bottom:4px;font-size:18px;display:block}.menu .card span{opacity:.85;font-size:12px}.menu button{font:inherit;color:#16202e;cursor:pointer;background:linear-gradient(#ffb347,#f29d38);border:none;border-radius:12px;padding:12px 36px;font-size:20px;font-weight:700;box-shadow:0 4px 14px #0000004d}.menu select{font:inherit;border-radius:8px;padding:6px 10px}.match-top{text-align:center;min-width:360px;top:8px;left:50%;transform:translate(-50%)}.match-top .clock{margin:0 18px;font-size:22px;font-weight:700}.match-top .team{font-size:13px}.red,.redt{color:#ff8a80}.blue,.bluet{color:#8ab8ff}.beacons{justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.bstate.carried,.bstate.dropped{font-weight:700}.bstate.transmitting,.bstate.planted{font-weight:700;animation:.6s infinite alternate blink}@keyframes blink{to{opacity:.35}}.banner{text-shadow:0 2px 8px #000000b3;opacity:0;white-space:nowrap;font-size:24px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;top:92px;left:50%;transform:translate(-50%)scale(.9)}.banner.show{opacity:1;transform:translate(-50%)scale(1)}.channel{text-align:center;text-shadow:0 1px 4px #000000b3;display:none;position:absolute;top:60%;left:50%;transform:translate(-50%)}.channel .bar{width:180px}.channel .bar>i{background:linear-gradient(90deg,#ffe08a,#ffb347)}.shield{color:#bfe6ff;font-size:13px;display:none;position:absolute;top:66%;left:50%;transform:translate(-50%)}.picker{pointer-events:auto;background:var(--panel);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:14px 18px;display:none;position:absolute;top:30%;left:50%;transform:translate(-50%)}.picker .row{gap:8px;display:flex}.picker button{font:inherit;color:#f4f8fc;cursor:pointer;background:#2b3a52;border:2px solid #0000;border-radius:8px;padding:8px 12px}.picker button.on{border-color:var(--ice)}.results{pointer-events:auto}.lobby .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.lobby .panel{background:var(--panel);border-radius:12px;min-width:520px;padding:12px 16px}.lobby input,.lobby select{font:inherit;border:none;border-radius:8px;padding:6px 8px}.menu button.small{padding:6px 14px;font-size:14px}.menu button.small.on{outline:3px solid var(--ice)}.roomrow{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.scoreboard{gap:18px;padding:14px 18px;display:flex;top:18%;left:50%;transform:translate(-50%)}.scoreboard table{border-collapse:collapse;min-width:360px;margin:0 8px;font-size:14px;display:inline-table}.scoreboard th,.scoreboard td{text-align:left;padding:3px 8px}.scoreboard tr.me td{background:#9fd3ec2e}.chat{pointer-events:auto;width:360px;position:absolute;bottom:190px;left:14px}.chatlog{text-shadow:0 1px 3px #000c;font-size:13px;transition:opacity 1s}.chatin{width:100%;font:inherit;border:none;border-radius:8px;margin-top:4px;padding:6px 8px}.settings .grid{grid-template-columns:auto auto;align-items:center;gap:8px 16px;min-width:420px;display:grid}.settings .keys{grid-template-columns:auto auto auto auto;align-items:center;gap:6px 12px;margin-top:8px;display:grid}.settings .panel{background:var(--panel);border-radius:12px;padding:12px 16px}.tutorial{text-align:center;border:2px solid var(--ice);max-width:560px;top:96px;left:50%;transform:translate(-50%)}.tutorial .tt{margin-top:4px;font-size:18px}.tutorial.pop{animation:.35s ease-out pop}@keyframes pop{0%{opacity:.4;transform:translate(-50%)scale(.92)}}.combo{letter-spacing:1px;color:#ffd27a;-webkit-text-stroke:1.5px #16202e;text-shadow:0 3px #c8691e,0 6px 12px #00000073;opacity:0;pointer-events:none;font-size:34px;font-weight:900;transition:transform .12s ease-out,opacity .2s;position:absolute;top:16%;left:50%;transform:translate(-50%)}.special{color:#ffd27a;font-size:13px;font-weight:700}.hotbar{pointer-events:none;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.hotbar .gap{width:14px}.hotbar .slot{background:#16202e9e;border:2px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;width:52px;height:44px;display:flex;position:relative}.hotbar .slot img{image-rendering:auto;max-width:44px;max-height:30px}.hotbar .slot .k{color:#c9d8e8;font-size:11px;font-weight:700;position:absolute;top:1px;left:4px}.hotbar .slot .n{color:#fff;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:4px}.hotbar .slot.on{background:#3c321eb3;border-color:#ffd27a;transform:translateY(-4px)}.hotbar .slot.tool-on{border-color:#9fd3ec}.hotbar .slot.power{border-color:#b9e6ff;box-shadow:0 0 10px #b9e6ff99}.hotbar .slot.empty{opacity:.35}.hotbar .vehicle-panel{text-align:center;background:#16202eb8;border-radius:8px;min-width:320px;padding:6px 12px;font-size:13px}.hotbar .vehicle-panel .bar{margin:4px 0}.bar.stamina i{background:#ffd27a}.bar.armor i{background:linear-gradient(#b9c8d6,#7f93a8)}.board-hint{color:#ffd27a;text-shadow:0 2px 4px #000000b3;pointer-events:none;font-weight:700;position:absolute;bottom:116px;left:50%;transform:translate(-50%)}.menu.title{background:#0e1622;justify-content:flex-end;align-items:center;overflow:hidden}.t-art{background:url(/ui/title.png) 50%/cover no-repeat,radial-gradient(at 50% 120%,#f6d7b0 0%,#f6d7b000 45%),linear-gradient(#1b2440 0%,#3a4f7a 45%,#9db7d6 78%,#e8eef6 100%);animation:40s ease-in-out infinite alternate t-drift;position:absolute;inset:0}.t-art:after{content:"";background:radial-gradient(22% 34% at 50% 72%,#0a101c73,#0a101c00 100%),linear-gradient(#0a101c00 72%,#0a101c73 100%);position:absolute;inset:0}@keyframes t-drift{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.07)translate(-1%,-.6%)}}.t-snow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.t-logo{width:min(52vw,820px);animation:.9s cubic-bezier(.3,1.5,.5,1) both t-drop;position:absolute;top:4vh;left:50%;transform:translate(-50%)}.t-logo>*{animation:4.2s ease-in-out .9s infinite t-bob}.t-logo-img{filter:drop-shadow(0 8px 18px #00000073);width:100%;display:none}.has-logo .t-logo-img{display:block}.has-logo .t-logo-text{display:none}.t-logo-text{text-align:center;letter-spacing:3px;color:#f4f8fc;-webkit-text-stroke:2px #16202e;text-shadow:0 5px #3a78d8,0 10px 24px #00000080;margin:0;font-size:clamp(44px,6.5vw,96px);font-weight:900}.t-glint-mask{pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/ui/logo.png) 50%/100% 100% no-repeat;mask:url(/ui/logo.png) 50%/100% 100% no-repeat}.has-logo.has-glint .t-glint-mask{display:block}.t-glint{mix-blend-mode:screen;height:100%;animation:4.5s ease-in-out 1.4s infinite t-glint;position:absolute;top:0;left:-16%}@keyframes t-drop{0%{opacity:0;transform:translate(-50%,-130%)rotate(-4deg)}to{opacity:1;transform:translate(-50%)rotate(0)}}@keyframes t-bob{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-7px)rotate(.4deg)}}@keyframes t-glint{0%{opacity:0;left:-16%}6%{opacity:1}42%{opacity:1;left:104%}46%,to{opacity:0;left:104%}}.t-buttons,.t-panel{flex-direction:column;gap:10px;width:min(330px,80vw);margin:0 0 10vh;animation:.6s ease-out .35s both t-in;display:flex;position:relative}.t-buttons[hidden],.t-panel[hidden]{display:none}@keyframes t-in{0%{opacity:0;transform:translateY(24px)}}.menu .t-buttons button{text-align:center;color:#f4f8fc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#121c2ca8;border:2px solid #9fd3ec47;padding:11px 26px;font-size:19px;transition:transform .12s,background .12s,border-color .12s}.menu .t-buttons button:first-child{color:#16202e;background:linear-gradient(#ffb347,#f29d38);border-color:#ffd27a;font-size:22px}.menu .t-buttons button:hover{border-color:var(--ice);transform:scale(1.04)}.menu .t-buttons button:first-child:hover{background:linear-gradient(#ffc56b,#f5a84a)}.t-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121c2ccc;border:2px solid #9fd3ec4d;border-radius:14px;padding:16px 18px}.t-panel h3{margin:0 0 4px;font-size:22px}.t-panel label{justify-content:space-between;align-items:center;gap:10px;display:flex}.t-panel select{width:200px}.t-panel .t-hint{opacity:.8;text-align:right;margin:-2px 0 2px;font-size:13px}.t-panel button{white-space:nowrap;padding:10px 20px;font-size:17px}.t-panel button.ghost{padding:8px 12px;font-size:14px}.t-panel .row{justify-content:space-between;gap:10px;margin-top:6px;display:flex}.t-profile{opacity:.85;text-shadow:0 1px 3px #000c;font-size:13px;position:absolute;bottom:12px;right:18px}.title-settings .menu.settings{z-index:5;background:#0e1622db}.title-settings [data-k=quit]{display:none}.menu button.ghost{color:#f4f8fc;box-shadow:none;background:#ffffff14;border:1px solid #fff3}.menu.loading{background:#0e1622 url(/ui/title.png) 50%/cover no-repeat}.menu.loading h1{background:#0e1622b3;border-radius:14px;padding:10px 26px;font-size:34px}.menu.classes{box-sizing:border-box;background:linear-gradient(#0e1622cc,#0e1622f0),#0e1622 url(/ui/title.png) 50%/cover no-repeat;justify-content:flex-start;gap:10px;padding:12px 22px 16px}.cs-top{grid-template-columns:1fr auto 1fr;align-items:center;width:min(1500px,100%);display:grid}.cs-top h2{letter-spacing:1px;text-shadow:0 3px 10px #00000080;margin:0;font-size:28px}.cs-top button{justify-self:start}.cs-cards{grid-template-columns:repeat(6,1fr);gap:10px;width:min(1500px,100%);display:grid}.menu .cs-card{font:inherit;color:inherit;background:var(--panel);text-align:left;cursor:pointer;border:2px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:0 0 8px;transition:transform .12s,border-color .12s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000004d}.menu .cs-card:hover{transform:translateY(-3px)}.menu .cs-card.on{border-color:#ffd27a;box-shadow:0 0 0 2px #ffd27a59,0 6px 18px #0006}.cs-card b{margin:6px 10px 2px;font-size:17px}.cs-card>span:last-child{opacity:.8;margin:0 10px;font-size:11.5px;line-height:1.25}.portrait{background:radial-gradient(at 50% 90%,#9fd3ec59,#9fd3ec00 70%),linear-gradient(#2a3f63,#1a2740);height:clamp(100px,23vh,250px);display:block;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:50% 32%;width:100%;height:100%;display:block}.portrait .sig{display:none}.portrait.none .sig{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.portrait.none .sig img{object-fit:contain;width:70%;height:70%}.cs-card.on .portrait img{animation:.35s ease-out cs-pop}@keyframes cs-pop{40%{transform:scale(1.06)}}.cs-main{flex:1;grid-template-columns:minmax(300px,30%) 1fr;gap:12px;width:min(1500px,100%);min-height:0;display:grid}.cs-left,.cs-right{background:var(--panel);box-sizing:border-box;border-radius:14px;min-height:0;padding:12px 14px}.cs-left{flex-direction:column;gap:8px;display:flex}.cs-right{overflow-y:auto}.cs-stage{cursor:crosshair;background:radial-gradient(40% 8% at 33% 90%,#0a101c8c,#0a101c00 100%),radial-gradient(70% 60% at 35% 70%,#ffe2aa47,#ffe2aa00 70%),linear-gradient(#24365a 0%,#3a5683 70%,#cfe2f2 88%,#9fbcd6 100%);border-radius:10px;flex:1;min-height:130px;position:relative;overflow:hidden}.cs-stage canvas{position:absolute;inset:0}.cs-hover{opacity:.7;z-index:1;pointer-events:none;font-size:11px;position:absolute;top:6px;right:8px}.cs-name b{font-size:22px;display:block}.cs-name span{opacity:.85;font-size:12.5px;line-height:1.3}.cs-stats .stat{grid-template-columns:74px 1fr 46px;align-items:center;gap:8px;font-size:13px;display:grid}.cs-stats .bar{width:auto;margin:0}.cs-stats .stat b{text-align:right;font-size:12px}.cs-left>button{align-self:stretch}@media (max-height:760px){.cs-card>span:last-child{display:none}.cs-top h2{font-size:22px}.cs-name span{display:none}}@media (max-height:820px){.t-buttons,.t-panel{gap:7px;width:min(290px,80vw);margin-bottom:4vh}.menu .t-buttons button{padding:8px 20px;font-size:16px}.menu .t-buttons button:first-child{font-size:19px}}.menu.settings{box-sizing:border-box;justify-content:safe center;padding:16px 0;overflow-y:auto}.menu .t-privacy{box-shadow:none;color:#f4f8fc;opacity:.8;text-shadow:0 1px 3px #000c;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:13px;text-decoration:underline;position:absolute;bottom:10px;left:18px}.menu .t-privacy:hover{opacity:1}.privacy-notice{z-index:6;background:#080e168c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.privacy-notice .panel{color:#f4f8fc;background:#0e1622f0;border-radius:12px;max-width:520px;padding:20px 22px;font-size:14px;line-height:1.45}.privacy-notice h2{margin:0 0 8px;font-size:20px}.privacy-notice label{align-items:center;gap:8px;margin:12px 0;display:flex}.loadout h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--ice);margin:4px 0 8px;font-size:13px}.loadout h3:not(:first-child){margin-top:14px}.lo-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px;display:grid}.lo-item{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;gap:10px;padding:8px 10px;display:flex}.lo-item .ico,.lo-special .ico,.wcard .ico{background:radial-gradient(circle at 50% 60%,#9fd3ec38,#9fd3ec08 70%);border-radius:8px;flex:0 0 64px;justify-content:center;align-items:center;height:52px;display:flex}.ico img{max-width:58px;max-height:44px}.lo-body{min-width:0;font-size:12.5px;line-height:1.3}.lo-head{align-items:center;gap:6px;min-width:0;display:flex}.lo-head b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lo-tag{white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.lo-head b{font-size:14.5px}.lo-tag{text-transform:uppercase;letter-spacing:1px;opacity:.6;font-size:10px}kbd{color:#16202e;background:#f4f8fc;border-radius:5px;padding:3px 6px;font:700 11px/1 Trebuchet MS,sans-serif;box-shadow:0 2px #8fa3b8}.lo-head kbd{flex-shrink:0;margin-left:auto}.lo-desc{margin-top:2px}.lo-how{color:#ffd27a;margin-top:3px}.lo-tip{opacity:.72;margin-top:3px}.lo-tip i{font-style:normal;font-weight:700}.lo-abilities{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:6px 14px;font-size:12.5px;line-height:1.3;display:grid}.lo-ability b{color:#cdf1ff}.lo-specials{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;display:grid}.lo-special{align-items:center;gap:8px;font-size:12px;line-height:1.25;display:flex}.lo-special .ico{flex-basis:52px;height:40px}.lo-special b{font-size:13px;display:block}.lo-special span{opacity:.8}.lo-panel{box-sizing:border-box;z-index:3;pointer-events:auto;background:#0e1622e6;border:2px solid #9fd3ec4d;border-radius:14px;width:min(1180px,94vw);max-height:84vh;padding:12px 18px 16px;display:none;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}.lo-panel.show{animation:.14s ease-out pop-in;display:block}.lo-panel>h2{margin:2px 0 6px;font-size:22px}@keyframes pop-in{0%{opacity:.4;transform:translate(-50%,-50%)scale(.96)}}.wcard{opacity:0;pointer-events:none;background:#16202ed1;border:1px solid #ffd27a73;border-radius:12px;align-items:center;gap:10px;max-width:min(560px,90vw);padding:7px 14px 7px 8px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 16px #00000059}.wcard.show{opacity:1;transform:translate(-50%)}.wcard b{font-size:16px;display:block}.wcard .lo-how{margin:0;font-size:13px}.wcard .hint{opacity:.6;font-size:11px}.picker .grid{grid-template-columns:repeat(3,230px);gap:8px;display:grid}.picker .grid button{text-align:left;align-items:center;gap:8px;padding:6px 8px;display:flex}.picker .portrait.small{border-radius:8px;flex:0 0 52px;width:52px;height:52px}.picker .grid b{font-size:14px;display:block}.picker .grid span.d{opacity:.8;font-size:11px;line-height:1.2;display:block}.picker .grid kbd{margin-left:4px}.help{white-space:normal;text-align:center;width:max-content;max-width:max(560px,100vw - 580px);font-size:11px;line-height:1.25;bottom:6px}.menu.queue{text-align:center;padding:0 16px}.menu.queue .q-title{max-width:900px;font-size:clamp(26px,4vw,44px);line-height:1.2}.menu.queue .q-note,.menu.queue .q-msg{opacity:.9;max-width:620px;margin:0;font-size:17px}.menu.queue .q-msg{opacity:1;font-size:22px}.menu.queue .q-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.queue-banner:empty{display:none}.queue-banner{z-index:20;background:var(--panel);border:2px solid var(--ice);color:#fff;pointer-events:auto;border-radius:12px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:16px;display:flex;position:fixed;top:86px;left:50%;transform:translate(-50%)}.queue-banner button{font:inherit;color:#16202e;cursor:pointer;background:linear-gradient(#ffb347,#f29d38);border:none;border-radius:10px;padding:6px 16px;font-weight:700}.menu.online,.menu.waitroom{background:linear-gradient(#0e1622db,#0e1622f0),url(/ui/title.png) 50%/cover no-repeat;justify-content:flex-start;gap:14px;padding:20px 16px 24px;overflow-y:auto}.online h2,.waitroom h2{letter-spacing:1px;text-shadow:0 3px 10px #00000080;margin:0;font-size:clamp(24px,3.4vw,34px)}.online h3,.waitroom h3{letter-spacing:.5px;text-transform:uppercase;opacity:.85;margin:0 0 8px;font-size:16px}.online input,.online select,.waitroom input,.waitroom select{font:inherit;color:var(--snow);background:#080e18b3;border:1px solid #9fd3ec59;border-radius:8px;min-width:0;padding:7px 10px;font-size:15px}.online input:focus,.waitroom input:focus,.online select:focus,.waitroom select:focus{outline:2px solid var(--ice);outline-offset:1px}.online label,.waitroom label{opacity:.95;flex-direction:column;gap:4px;font-size:13px;display:flex}.menu.online button:disabled,.menu.waitroom button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.on-top,.wr-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(1100px,100%);display:grid}.on-top h2{text-align:center}.on-name{align-items:center;flex-direction:row!important;gap:8px!important}.on-name input{width:150px}.on-notice{background:#d8413a40;border:1px solid #d8413a99;border-radius:10px;margin:0;padding:8px 14px}.on-grid{grid-template-columns:1fr 1fr 1.3fr;align-items:start;gap:14px;width:min(1100px,100%);display:grid}.on-card{background:var(--panel);border:1px solid #9fd3ec2e;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 8px 24px #00000059}.on-card p{opacity:.85;margin:0;font-size:13px}.menu .on-big{padding:16px 20px;font-size:24px}.on-quick h3{margin-top:10px}.on-row{gap:8px;display:flex}.on-code{text-transform:uppercase;letter-spacing:4px;text-align:center;flex:1;font-weight:700;font-size:20px!important}.on-seg{gap:0;display:flex}.menu .on-seg button{color:var(--snow);box-shadow:none;background:#080e18b3;border:1px solid #9fd3ec59;border-radius:0;flex:1}.menu .on-seg button:first-child{border-radius:10px 0 0 10px}.menu .on-seg button:last-child{border-radius:0 10px 10px 0}.menu .on-seg button.on{color:var(--ink);background:linear-gradient(#9fd3ec,#6fb6dc);outline:none}.on-hint{min-height:2.6em}.on-rooms{flex-direction:column;gap:8px;max-height:50vh;display:flex;overflow-y:auto}.on-empty{opacity:.8}.menu .on-room{text-align:left;color:var(--snow);box-shadow:none;background:#080e1899;border:1px solid #9fd3ec40;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 14px;font-size:14px;font-weight:400;display:grid}.menu .on-room:hover{border-color:var(--ice)}.on-room b{grid-column:1/-1;font-size:16px}.on-left{color:#ffd27a;grid-column:1/-1;font-size:12px}.wr-head h2{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wr-badge{text-transform:uppercase;letter-spacing:1px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.wr-badge.pub{color:var(--ice);background:#9fd3ec40}.wr-badge.priv{color:#ffd27a;background:#ffd27a33}.wr-invite{background:var(--panel);border:1px dashed #ffd27a73;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;width:min(1100px,100%);padding:10px 14px;display:flex}.wr-code{letter-spacing:6px;color:#ffd27a;font-family:ui-monospace,Consolas,monospace;font-size:26px}.wr-copied{color:var(--ice);font-size:13px}.wr-main{grid-template-columns:1.6fr 1fr;align-items:start;gap:14px;width:min(1100px,100%);display:grid}.wr-teams,.wr-side{background:var(--panel);border:1px solid #9fd3ec2e;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.wr-settings{flex-wrap:wrap;align-items:flex-end;gap:12px 18px;font-size:14px;display:flex}.wr-settings .wr-check{flex-direction:row;align-items:center;gap:8px}.wr-sides{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wr-col{border-top:4px solid var(--red);background:#080e188c;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.wr-col.team1{border-top-color:var(--blue)}.wr-colhead{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.wr-colhead h3{margin:0}.wr-col.team0 h3{color:#ff8a80}.wr-col.team1 h3{color:#8ab8ff}.wr-step{align-items:center;gap:6px;display:inline-flex}.menu .wr-step button{padding:2px 10px;font-size:16px}.wr-col ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wr-seat{background:#ffffff0d;border-radius:10px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:6px 8px;display:grid}.wr-seat.me{box-shadow:inset 0 0 0 2px #ffd27a99}.wr-seat.open{opacity:.8;background:0 0;border:1px dashed #9fd3ec59}.wr-seat.ai{opacity:.75}.wr-seat .portrait.small{border-radius:8px;width:44px;height:44px}.wr-bot{width:44px;height:44px;color:var(--ice);background:#9fd3ec1f;border-radius:8px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.wr-who{flex-direction:column;min-width:0;line-height:1.2;display:flex}.wr-who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wr-who i{opacity:.8;font-size:12px}.wr-who small{opacity:.75;font-size:12px}.wr-host{color:#ffd27a;font-size:11px}.wr-tick{text-align:center;opacity:.6;width:28px;font-size:20px}.wr-seat.ready .wr-tick{color:#7be08a;opacity:1}.menu .wr-move{align-self:center}.wr-picks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.menu .wr-pick{color:var(--snow);box-shadow:none;background:#080e1899;border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:13px;display:flex}.menu .wr-pick:hover{border-color:#9fd3ec80}.menu .wr-pick.on{border-color:#ffd27a;box-shadow:0 0 0 2px #ffd27a4d}.wr-pick .portrait.small{aspect-ratio:1;border-radius:8px;width:100%;height:auto}.wr-chat{flex-direction:column;gap:6px;display:flex}.wr-log{background:#080e1899;border-radius:10px;flex-direction:column;gap:3px;height:140px;padding:8px;font-size:13px;display:flex;overflow-y:auto}.wr-line.sys{opacity:.65;font-style:italic}.wr-say{gap:6px;display:flex}.wr-say input{flex:1}.wr-foot{background:var(--panel);border:1px solid #9fd3ec2e;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:min(1100px,100%);padding:12px 14px;display:grid}.menu .wr-ready{color:var(--snow);background:#080e18b3;border:2px solid #9fd3ec80}.menu .wr-ready.on{color:var(--ink);background:linear-gradient(#7be08a,#4fbf62);border-color:#0000}.wr-status{flex-direction:column;gap:2px;font-size:15px;display:flex}.wr-count{color:#ffd27a;font-size:18px}.wr-start{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.wr-note{opacity:.75;font-size:14px}@media (max-width:900px){.on-grid,.wr-main{grid-template-columns:1fr}.wr-foot{text-align:center;grid-template-columns:1fr}.wr-start{justify-content:center}}@media (max-width:560px){.on-top,.wr-head{grid-template-columns:auto 1fr}.on-name,.wr-badge{grid-column:1/-1;justify-self:start}.wr-sides{grid-template-columns:1fr}.wr-picks{grid-template-columns:repeat(3,1fr)}.menu button{padding:10px 20px;font-size:17px}}