:root{--ink: #140d1e;--panel: rgba(20, 13, 34, .82);--panel-2: rgba(36, 24, 58, .9);--line: rgba(255, 255, 255, .14);--text: #fbf6ff;--muted: rgba(251, 246, 255, .62);--accent: #ffd166;--ember: #ff6b4a;--ember-dark: #b8381f;--tide: #2fd0c4;--tide-dark: #127d76;--danger: #ff5470;--font: "Avenir Next", "Nunito", ui-rounded, system-ui, sans-serif;--r: 16px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0714;color:var(--text);font-family:var(--font);overflow:hidden}html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;inset:0;width:100%;height:100%;display:block;background:#0b0714;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(12px,2.5vh,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));overflow:hidden}.screen.dim{background:radial-gradient(ellipse at center,#0c06188c,#080410db)}.screen.light-dim{background:linear-gradient(180deg,#0a061426,#0a061499)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px 30px;box-shadow:0 24px 80px #00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}h1,h2,h3{margin:0;font-weight:900;letter-spacing:.02em}h2{font-size:clamp(26px,3.4vw,42px);text-align:center;margin-bottom:4px}.sub{color:var(--muted);text-align:center;font-size:clamp(13px,1.3vw,16px);font-weight:600;margin-bottom:18px}.logo{position:relative;text-align:center;margin-bottom:4vh}.logo .word{font-size:clamp(56px,11vw,150px);font-weight:900;line-height:.9;letter-spacing:-.02em;font-style:italic;background:linear-gradient(180deg,#fff,#ffe6a8 45%,#ff9a5c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 var(--ink)) drop-shadow(0 18px 30px rgba(0,0,0,.45))}.logo .pole{position:absolute;left:8%;right:8%;top:52%;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--ember) 0 18%,#f3e6c8 18% 82%,var(--tide) 82%);transform:rotate(-4deg);box-shadow:0 4px 0 var(--ink);z-index:-1;opacity:.9}.logo .tag{margin-top:14px;font-size:clamp(13px,1.6vw,20px);font-weight:800;letter-spacing:.4em;color:var(--muted);text-transform:uppercase}.menu{display:flex;flex-direction:column;gap:10px;min-width:min(420px,92vw)}.btn{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-radius:14px;background:var(--panel-2);border:2px solid transparent;color:var(--text);font:800 clamp(16px,1.7vw,21px) var(--font);letter-spacing:.04em;cursor:pointer;text-align:left;transition:transform .08s ease,background .12s ease,border-color .12s ease;text-transform:uppercase}.btn small{font-size:.62em;font-weight:700;color:var(--muted);letter-spacing:.08em}.btn:hover{background:#3c285ceb}.btn.focus{border-color:var(--accent);background:linear-gradient(90deg,#ffd16638,#3c285ceb);transform:translate(6px)}.btn.focus:before{content:"";position:absolute;left:-16px;top:50%;width:0;height:0;border:8px solid transparent;border-left-color:var(--accent);transform:translateY(-50%)}.btn.primary{background:linear-gradient(90deg,#ff9a5c,#ff6b4a);color:#1b0e14}.btn.primary small{color:#1b0e14b3}.btn.primary.focus{border-color:#fff}.btn.disabled{opacity:.5}.soon{font-size:11px;font-weight:900;padding:3px 8px;border-radius:8px;background:#ffffff1f;color:var(--muted);letter-spacing:.1em}.row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:12px 18px;border-radius:12px;background:#ffffff0a;border:2px solid transparent;cursor:pointer}.row .label{font-weight:800;font-size:clamp(14px,1.4vw,18px);letter-spacing:.03em}.row .label small{display:block;font-weight:600;color:var(--muted);font-size:.75em;letter-spacing:0}.row.focus{border-color:var(--accent);background:#ffd1661a}.sel{display:flex;align-items:center;gap:10px;font-weight:900;font-size:clamp(15px,1.5vw,19px);min-width:170px;justify-content:space-between}.sel .arr{opacity:.55;font-size:.9em;padding:2px 6px;border-radius:6px}.row.focus .sel .arr{opacity:1;color:var(--accent)}.sel .val{flex:1;text-align:center}.slider{width:200px;height:10px;border-radius:6px;background:#ffffff1f;position:relative}.slider .fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#ff9a5c,var(--accent))}.slider .knob{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}.toggle{width:54px;height:28px;border-radius:16px;background:#ffffff24;position:relative;transition:background .15s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--tide)}.toggle.on:after{left:29px}.hintbar{position:absolute;bottom:2.4vh;left:0;right:0;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:var(--muted);font-weight:700;font-size:clamp(12px,1.2vw,15px);padding:0 16px}.key{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 7px;margin:0 3px;border-radius:7px;background:#ffffff24;border-bottom:2px solid rgba(0,0,0,.4);color:var(--text);font-size:.85em;font-weight:900}.version{position:absolute;right:14px;bottom:10px;color:#ffffff59;font-size:12px;font-weight:700}.join{width:min(1180px,96vw)}.teams{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.5fr) minmax(0,1fr);gap:16px;height:270px}.col{min-width:0;min-height:0;overflow:hidden;border-radius:20px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;border:2px dashed rgba(255,255,255,.14);background:#100a1a8c}.col h3{font-size:clamp(18px,2vw,26px);text-align:center;text-transform:uppercase;letter-spacing:.12em}.col.ember{border-color:#ff6b4a8c;background:linear-gradient(180deg,#ff6b4a33,#100a1a99)}.col.ember h3{color:var(--ember)}.col.tide{border-color:#2fd0c48c;background:linear-gradient(180deg,#2fd0c433,#100a1a99)}.col.tide h3{color:var(--tide)}.col.mid h3{color:var(--muted);font-size:clamp(14px,1.4vw,18px)}.col .count{text-align:center;color:var(--muted);font-weight:700;font-size:13px;margin-top:-8px}.slots{display:flex;flex-direction:column;gap:10px;min-height:0}.card{display:flex;align-items:center;gap:12px;height:66px;flex:none;padding:0 14px;border-radius:14px;background:var(--panel-2);border:2px solid rgba(255,255,255,.1);overflow:hidden}.card.new{animation:pop .22s ease}.card .badge{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:20px;color:#fff;background:#555;flex:none;box-shadow:inset 0 -4px #00000040}.card .who{flex:1;min-width:0}.card .who b{display:block;font-size:17px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .who span{display:block;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .state{font-weight:900;font-size:12px;letter-spacing:.1em;padding:5px 9px;border-radius:8px;background:#ffffff1a}.card.ready{border-color:var(--accent)}.card.ready .state{background:var(--accent);color:var(--ink)}.card .arrows{color:var(--muted);font-weight:900}.join-prompt{text-align:center;margin-top:18px;font-weight:800;font-size:clamp(15px,1.6vw,20px);height:1.6em;line-height:1.6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-prompt.go{color:var(--accent);animation:pulse 2s ease-in-out infinite}.botbar{display:flex;justify-content:center;gap:12px;margin-top:14px;flex-wrap:wrap}.chipbtn{font:800 clamp(13px,1.3vw,16px) var(--font);letter-spacing:.04em;padding:9px 16px;border-radius:12px;cursor:pointer;color:var(--text);background:var(--panel-2);border:2px solid rgba(255,255,255,.12)}.chipbtn:hover{border-color:#fff6}.chipbtn.ember{border-color:#ff6b4a8c}.chipbtn.tide{border-color:#2fd0c48c}.chipbtn.go{opacity:.55}.chipbtn.go.on{opacity:1;background:linear-gradient(90deg,#ff9a5c,#ff6b4a);color:#1b0e14;border-color:#fff}.card.bot{cursor:pointer;gap:8px;padding:0 10px}.card.bot .badge{width:38px;height:38px;font-size:13px;border-radius:10px}.card.bot.cur{border-color:var(--accent);box-shadow:inset 0 0 0 2px #ffd16647}.card .pick{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:42px;padding:0 8px 0 10px;border-radius:10px;cursor:pointer;font:900 15px var(--font);color:var(--text);background:#00000047;border:2px solid rgba(255,255,255,.12);text-align:left}.card .pick:hover,.card.bot.cur .pick{border-color:#ffd16699}.pick .nm,.botpick .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick .elo,.botpick .elo{flex:none;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:900}.pick .caret{flex:none;color:var(--muted);font-size:11px}.card.la-off .pick .nm,.botpick .opt.la-off .nm{opacity:.6}.card .x{flex:none;display:grid;place-items:center;width:26px;height:30px;border-radius:8px;background:#ffffff1a;font-weight:900;font-size:13px;color:var(--muted);cursor:pointer}.card .x:hover{color:var(--danger)}.slot-empty{height:66px;flex:none;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:2px dashed rgba(255,255,255,.18);color:var(--muted);font-weight:800;font-size:15px;letter-spacing:.04em;cursor:pointer}.slot-empty .plus{font-size:20px;font-weight:900}.slot-empty:hover{color:var(--text);border-color:#ffd16699}.slot-empty.off{cursor:default;opacity:.45}.col.mid.tight .card{height:46px;gap:8px;padding:0 10px}.col.mid.tight .card .badge{width:32px;height:32px;font-size:14px;border-radius:9px}.col.mid.tight .card .who span{display:none}.botpick{position:absolute;z-index:40}.botpick-list{overflow-y:auto;background:#181028f7;border:2px solid rgba(255,209,102,.55);border-radius:14px;padding:6px;box-shadow:0 18px 50px #0000008c}.botpick-head{position:sticky;top:-6px;z-index:1;background:#181028;margin:-6px -6px 2px;border-radius:12px 12px 0 0;padding-top:10px!important;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.06em;padding:4px 8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.botpick-head span{opacity:.8;margin-left:6px}.botpick .opt{display:flex;align-items:center;gap:10px;height:30px;padding:0 10px;border-radius:8px;font-weight:800;font-size:15px;cursor:pointer;border:2px solid transparent}.botpick .opt.on{background:#ffd16624}.botpick .opt.on .nm:before{content:"✓ ";color:var(--accent)}.botpick .opt.hi{border-color:var(--accent);background:#ffd16638}.card .lvl{display:flex;gap:4px;flex:none}.card .lvl span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#ffffff1a;font-weight:900;font-size:13px;color:var(--muted)}.card .lvl span:hover,.card.bot.cur .lvl .arr{color:var(--accent)}.card .lvl .x:hover{color:var(--danger)}.empty-hint{text-align:center;color:var(--muted);font-weight:700;font-size:14px;padding:10px;line-height:1.6}.setup{display:grid;grid-template-columns:max-content 460px;gap:20px;width:max-content;align-items:start}.arenas{display:flex;flex-direction:column;gap:8px;width:600px}.arena-group{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px}.arena-grid{display:grid;grid-template-columns:repeat(4,128px);gap:8px}.arena-card{display:flex;flex-direction:column;gap:4px;padding:5px;border-radius:12px;background:#ffffff0a;border:2px solid transparent;cursor:pointer;width:128px;box-sizing:border-box}.arena-card canvas{width:114px;height:61px;border-radius:8px;display:block;background:#222}.arena-card b{display:block;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-card.chosen{background:#ffd16629}.arena-card.chosen b{color:var(--accent)}.arena-card.focus{border-color:var(--accent)}.arena-blurb{height:2.8em;overflow:hidden;color:var(--muted);font-weight:600;font-size:13px;line-height:1.4}.arena-blurb b{color:var(--text);font-weight:900}.rules{display:flex;flex-direction:column;gap:10px}.roster-mini{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.chip{padding:6px 12px;border-radius:10px;font-weight:900;font-size:13px;color:#fff}.results{width:min(860px,94vw);text-align:center}.results .big{font-size:clamp(38px,min(7vw,10vh),92px);font-weight:900;font-style:italic;line-height:1;filter:drop-shadow(0 5px 0 var(--ink))}.results .score{font-size:clamp(26px,min(4vw,6vh),52px);font-weight:900;margin:4px 0 10px}.results{padding:18px 26px}.stats{width:100%;border-collapse:separate;border-spacing:0 6px;margin-bottom:18px;font-weight:800}.stats th{color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;padding:0 10px}.stats td{background:#ffffff0d;padding:10px;font-size:17px}.stats td:first-child{border-radius:10px 0 0 10px;text-align:left}.stats td:last-child{border-radius:0 10px 10px 0}.stats .dot{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:8px;vertical-align:-1px}.results .menu{margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.results .menu .btn.focus{transform:none}.results .menu .btn.focus:before{display:none}.settings{width:min(900px,96vw);display:flex;flex-direction:column}.tabs{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.tab{padding:8px 18px;border-radius:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;cursor:pointer;border:2px solid transparent}.tab.on{background:var(--accent);color:var(--ink)}.tab.focus{border-color:#fff}.tabbody{overflow:auto;display:flex;flex-direction:column;gap:10px;padding:2px 4px}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.dev{background:#ffffff0d;border-radius:14px;padding:12px 14px}.dev b{font-size:15px;font-weight:900}.dev .sticks{display:flex;gap:12px;margin-top:8px;align-items:center}.dev canvas{width:96px;height:96px;background:#0000004d;border-radius:12px}.dev .vals{font:600 11px ui-monospace,Menlo,monospace;color:var(--muted);line-height:1.5;min-width:19ch;white-space:pre;font-variant-numeric:tabular-nums}.bind{width:100%;border-collapse:collapse;font-weight:700;font-size:14px}.bind td{padding:7px 8px;border-bottom:1px solid var(--line)}.bind td:first-child{color:var(--muted)}.note{color:var(--muted);font-size:13px;font-weight:600;line-height:1.5}.howto{width:min(980px,96vw);display:grid;grid-template-columns:1fr 1fr;gap:16px}.howto .box{background:#ffffff0d;border-radius:14px;padding:14px 18px;font-weight:600;line-height:1.55;font-size:15px}.howto .box.wide{grid-column:1 / -1}.bot-note{color:var(--accent)}.bot-note.reserve{min-height:3em}.howto .box h3{font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.toast{position:absolute;left:50%;top:16px;transform:translate(-50%);padding:10px 18px;border-radius:12px;background:var(--panel-2);font-weight:800;box-shadow:0 10px 30px #0006;animation:pop .2s ease;z-index:50}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:761px)and (max-width:1100px){.card.bot .badge{width:8px;height:40px;font-size:0;border-radius:4px;box-shadow:none}.card.bot{gap:6px;padding:0 8px}.card .pick{font-size:14px;padding:0 6px 0 8px}.join .teams{grid-template-columns:minmax(0,1fr) minmax(0,.42fr) minmax(0,1fr)}}@media(max-width:760px){.setup,.howto{grid-template-columns:1fr}.setup{width:min(560px,96vw)}.arenas{width:auto}.teams,.lobby .teams{grid-template-columns:1fr;height:auto}.join .col.ember,.join .col.tide{height:222px;flex:none}.join .col.mid{height:132px;flex:none}.arena-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-card{width:auto}.arena-card canvas{width:100%;height:auto;aspect-ratio:256 / 136}.arena-card b{font-size:11px}.arena-blurb{height:4.2em}}.online-menu{width:min(620px,94vw)}.online-menu .menu{min-width:0}.online-menu .note{margin-top:14px;text-align:center}.row.text{cursor:text}.row.text input{font:800 clamp(15px,1.5vw,19px) var(--font);color:var(--text);background:#0000004d;border:2px solid rgba(255,255,255,.16);border-radius:10px;padding:7px 12px;width:220px;outline:none;-webkit-user-select:text;user-select:text}.row.text input:focus{border-color:var(--accent)}.row.text.code input{letter-spacing:.4em;text-transform:uppercase;width:150px;text-align:center}.row.text.server input{font-size:12px;width:260px}.lobby-head{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:8px}.room-code{text-align:center;line-height:1}.room-code small{display:block;color:var(--muted);font-weight:800;letter-spacing:.3em;text-transform:uppercase;font-size:12px}.room-code b{font-size:clamp(40px,6vw,72px);font-weight:900;letter-spacing:.18em;color:var(--accent);filter:drop-shadow(0 4px 0 var(--ink))}.share{display:flex;align-items:center;gap:10px;max-width:min(560px,90vw)}.share .url{font:700 13px ui-monospace,Menlo,monospace;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}.peers{display:flex;justify-content:safe center;flex-wrap:nowrap;gap:8px;margin-bottom:14px;height:28px;overflow:hidden;white-space:nowrap}.peer{font-weight:800;font-size:13px;padding:5px 11px;border-radius:10px;background:#ffffff14;font-variant-numeric:tabular-nums;flex:none}.peer .ms{display:inline-block;min-width:5.5ch;text-align:right}.peer.me{background:#ffd1662e}.peer.ok{background:#2fd0c433}.peer.wait{color:var(--muted)}.peer.srv{color:var(--muted);background:none;font-weight:600;font-size:12px}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:16px;align-items:start}.lobby .teams{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1fr);height:300px}.lobby-rules{display:flex;flex-direction:column;gap:8px;padding:18px}.lobby-rules h3{font-size:18px;margin-bottom:4px}.lobby-rules .btn{padding:11px 18px}.row.ro{cursor:default;opacity:.75}.row.ro .arr{visibility:hidden}.card.mine{box-shadow:0 0 0 2px #ffffff2e}.lobby .card.bot .badge{width:8px;height:40px;font-size:0;border-radius:4px;box-shadow:none}.lobby .card .lvl{gap:2px}.lobby .card .lvl span{width:22px;height:26px}@media(max-width:900px){.lobby-grid{grid-template-columns:1fr}}.touch-layer{position:fixed;inset:0;display:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:5}.touch-layer.on{display:block}.tstick{position:absolute;left:0;top:0;display:none;border-radius:50%;pointer-events:none;border:2px solid rgba(255,255,255,.28);background:#ffffff0f;box-shadow:0 0 0 1px #100a1a40}.tstick.on{display:block}.tknob{position:absolute;left:50%;top:50%;width:46%;height:46%;border-radius:50%;transform:translate(-50%,-50%);background:#ffffff3d;border:2px solid rgba(255,255,255,.5)}.thint{position:absolute;bottom:max(18px,calc(env(safe-area-inset-bottom) + 10px));width:50%;text-align:center;pointer-events:none;color:#ffffff6b;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.thint.L{left:0}.thint.R{right:0}.thint.off{display:none}.tpause{position:absolute;left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));width:46px;height:46px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;cursor:pointer;padding:0;background:#100a1a8c;border:2px solid rgba(255,255,255,.22);touch-action:none}.tpause span{width:5px;height:17px;border-radius:2px;background:#fffc}.rotate-overlay{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0b0714;text-align:center;padding:24px;touch-action:none}.rotate-overlay.on{display:flex}.rotate-overlay b{font-size:24px;font-weight:900}.rotate-overlay span{color:var(--muted);font-weight:700}.rotate-overlay .phone{width:84px;height:48px;border:4px solid var(--accent);border-radius:10px;margin-bottom:14px;position:relative}.rotate-overlay .phone:after{content:"";position:absolute;right:5px;top:50%;width:4px;height:14px;margin-top:-7px;border-radius:2px;background:var(--accent)}.tctl{display:flex;gap:6px;flex:none}.tctl button{min-width:36px;height:40px;padding:0 8px;border-radius:10px;border:2px solid rgba(255,255,255,.16);background:#00000047;color:var(--text);font:900 15px var(--font);cursor:pointer;touch-action:manipulation}.tctl button.rdy{background:var(--accent);color:var(--ink);border-color:transparent;font-size:13px;letter-spacing:.06em}.tctl button.on{background:#ffd16638;border-color:var(--accent);font-size:13px;letter-spacing:.06em}.col.mid .card.touch .who span{display:none}.card.touch .tctl{flex:1 1 auto;justify-content:flex-end;min-width:0}.card.touch .tctl button{flex:1 1 0;min-width:30px;max-width:64px;padding:0 6px}.card.touch .tctl button.rdy,.card.touch .tctl button.on{flex:1.8 1 0;max-width:110px}.card.touch{padding:0 8px;gap:8px}.lobby .card.touch .who,.lobby .card.touch .badge,.col.mid .card.touch .who{display:none}.chipbtn.touchjoin{border-color:#ffd166b3}.chipbtn.back{opacity:.85}@media(pointer:coarse){.sel .arr{padding:8px 12px;font-size:1em}.card .x{width:36px;height:40px}.botpick .opt{height:42px}.row.text input{font-size:16px}.slider{height:14px;touch-action:none}.slider .knob{width:28px;height:28px}.chipbtn{padding:12px 18px}.tab{padding:12px 20px}}.chipbtn.touchjoin.on{opacity:.6;border-color:#ffffff1f}@media(max-height:520px)and (min-width:761px){.arenas{width:auto}.arena-grid{grid-template-columns:repeat(6,128px)}.setup{grid-template-columns:max-content 330px}.rules .row{padding:9px 14px}.rules .row .label small{display:none}.rules .sel{min-width:150px}.bot-note.reserve{min-height:1.5em}.join.lobby{width:98vw}.lobby-grid{grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr)}.lobby .teams{height:250px;grid-template-columns:minmax(0,1fr) minmax(0,.45fr) minmax(0,1fr);gap:10px}.lobby .col{padding:12px 10px}.lobby-rules .row .label small{display:none}}.screen.scroll{overflow-y:auto;justify-content:flex-start;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}