html,body{overflow:hidden}canvas#game{width:100vw;height:100vh;display:block}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#080a14b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay .panel{background:var(--panel,#171a2b);border:1px solid var(--line,#2a2f45);border-radius:14px;width:min(880px,92vw);max-height:88vh;padding:22px 26px;overflow:auto;box-shadow:0 30px 80px #00000080}.overlay .panel.small{text-align:center;width:min(420px,92vw)}.overlay h1{letter-spacing:.02em;margin:0 0 4px;font-size:22px}.overlay .sub{color:var(--muted,#8a91b4);margin:0 0 16px;font-size:13px}.roster{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:18px;display:grid}.card{border:1px solid var(--line,#2a2f45);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;transition:transform 80ms,border-color .1s;display:flex;position:relative}.card:hover{border-color:#4a5480;transform:translateY(-2px)}.card canvas{image-rendering:pixelated;background:#00000040;border-radius:8px}.card b{font-size:14px}.card small{color:var(--muted,#8a91b4);text-align:center;min-height:2.6em;font-size:11px;line-height:1.3}.card .pick{color:#fff;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:6px}.card .pick.p1{background:#e8342e;left:6px}.card .pick.p2{background:#3b7fe8;right:6px}.card.p1{border-color:#e8342e}.card.p2{border-color:#3b7fe8}.card.p1.p2{border-color:#a25cd6}.section{letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#8a91b4);margin:4px 0 8px;font-size:12px}.stages{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px;margin-bottom:16px;display:grid}.stage{border:1px solid var(--line,#2a2f45);cursor:pointer;background:#ffffff05;border-radius:10px;flex-direction:column;gap:4px;padding:4px;display:flex}.stage canvas{border-radius:6px;width:100%;height:auto;display:block}.stage b{text-align:center;font-size:11px}.stage:hover{border-color:#4a5480}.stage.active{border-color:#ffd36b;box-shadow:inset 0 0 0 1px #ffd36b}.setup{border-top:1px solid var(--line,#2a2f45);flex-wrap:wrap;align-items:center;gap:18px;padding-top:14px;display:flex}.setup .slot{align-items:center;gap:8px;display:flex}.setup .slot b{font-size:16px}.setup .slot small,.setup label{color:var(--muted,#8a91b4);font-size:12px}.setup .vs{color:var(--muted,#8a91b4);font-weight:800}.setup .stocks{margin-left:auto}.tag{color:#fff;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.tag.p1{background:#e8342e}.tag.p2{background:#3b7fe8}button{font:inherit;border:1px solid var(--line,#2a2f45);color:inherit;cursor:pointer;background:#ffffff0d;border-radius:8px;padding:8px 16px}button.primary{color:#fff;background:#e8342e;border-color:#e8342e;font-weight:700}button:hover{filter:brightness(1.1)}select{font:inherit;color:inherit;border:1px solid var(--line,#2a2f45);background:#0f1120;border-radius:6px;padding:3px 6px}.row{justify-content:center;gap:10px;margin-top:14px;display:flex}.row.settings{color:var(--muted,#8a91b4);gap:18px;font-size:12px}#results-sub{color:var(--muted,#8a91b4)}.css{z-index:20;color:#f2f3fa;grid-template:"head""centre"1fr"players""bar"/1fr;display:grid;position:fixed;inset:0;overflow:hidden}.css[hidden]{display:none}.css-bg{z-index:-1;background:radial-gradient(1200px 700px at 50% 40%,#2a2f55 0%,#14172b 55%,#0b0d18 100%);position:absolute;inset:0}.css-bg:before{content:"";background:radial-gradient(40% 35% at 30% 30%,#586edc47,#0000 70%),radial-gradient(35% 30% at 72% 65%,#e8342e29,#0000 70%),radial-gradient(30% 28% at 55% 20%,#ffd36b14,#0000 70%);animation:40s ease-in-out infinite alternate css-drift;position:absolute;inset:-30%}.css-bg:after{content:"";background:linear-gradient(#0000,#e8342e2e);height:40%;position:absolute;bottom:0;left:0;right:0}@keyframes css-drift{0%{transform:translate(-4%,-3%)scale(1)}to{transform:translate(4%,3%)scale(1.08)}}.css-head{grid-area:head;align-items:baseline;gap:18px;padding:14px 28px 4px;display:flex}.css-head h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:28px;font-weight:900}.css-head p{color:#9aa2c8;margin:0;font-size:13px}.css-side{flex-direction:column;grid-row:2;justify-content:flex-end;align-items:center;min-height:0;padding:0 12px 8px;display:flex;position:relative}.css-side.left{grid-area:left}.css-side.right{grid-area:right}.css-preview{filter:drop-shadow(0 18px 30px #0000008c);width:min(100%,420px);height:auto;max-height:62vh}.css-side.left .css-preview{animation:.35s ease-out css-in-left}.css-side.right .css-preview{animation:.35s ease-out css-in-right}@keyframes css-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@keyframes css-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.css-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c18b8;border:1px solid #ffffff14;border-radius:14px;width:min(100%,420px);padding:12px 14px}.css-card h2{letter-spacing:.02em;margin:6px 0 2px;font-size:26px;font-weight:900}.css-card .tagline{color:#9aa2c8;height:4.05em;margin:0 0 8px;font-size:12px;line-height:1.35;overflow:hidden}.skins{scrollbar-width:thin;flex-wrap:wrap;align-content:flex-start;gap:6px;height:64px;margin-bottom:8px;padding-right:4px;display:flex;overflow-y:auto}.skin{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 4px;font-size:11px;display:flex}.skin i{border:1px solid #00000080;border-radius:50%;width:14px;height:14px;display:inline-block}.skin:hover{border-color:#ffd36b}.skin.active{background:#ffd36b1f;border-color:#ffd36b}.skin.taken{opacity:.35;cursor:not-allowed;text-decoration:line-through}.statbars{color:#9aa2c8;grid-template-columns:62px 1fr;gap:3px 8px;font-size:11px;display:grid}.statbars i{background:#ffffff14;border-radius:3px;height:6px;display:block;position:relative;top:3px}.statbars i b{background:linear-gradient(90deg,#ffd36b,#e8342e);border-radius:3px;height:100%;display:block}.css-centre{grid-area:centre;min-height:0;padding:4px 8px 8px;overflow:auto}.css .roster{--cw:clamp(126px, 10vw, 200px);grid-template-columns:repeat(auto-fill, minmax(var(--cw), 1fr));gap:clamp(10px,1vw,16px);max-width:1500px;margin:0 auto 12px}.css .card{background:#0a0c188c;padding:12px 6px 10px;transform:skew(-4deg)}.css .card>*{transform:skew(4deg)}.css .card canvas{width:calc(var(--cw) * .66);height:calc(var(--cw) * .66)}.css .card b{font-size:13px}.css .card small{display:none}.css .stages{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.css-bar{background:linear-gradient(#0000,#00000080);grid-area:bar;align-items:center;gap:16px;padding:10px 24px 14px;display:flex}.css-bar label{color:#9aa2c8;font-size:12px}.css-bar .spacer{flex:1}body[data-mode=online] .controller-mode-toggle{display:none}button.big{letter-spacing:.04em;text-transform:uppercase;padding:12px 28px;font-size:18px;box-shadow:0 8px 24px #e8342e66}button.big kbd{font:inherit;opacity:.7;margin-left:8px;font-size:11px}@media (width<=1100px){.css{grid-template-columns:1fr;grid-template-areas:"head""centre""players""bar"}.css-side{display:none}}.online{background:#0a0c188c;border:1px solid #ffffff14;border-radius:12px;margin-bottom:12px;padding:10px 12px}.online-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.online input{color:#f2f3fa;font:inherit;background:#00000059;border:1px solid #ffffff26;border-radius:8px;padding:7px 10px}.online input.code{text-transform:uppercase;letter-spacing:.2em;width:80px;font-weight:800}.online-lobby{flex-direction:column;gap:8px;margin-top:10px;display:flex}.online-code{color:#9aa2c8;font-size:13px}.online-code b{color:#ffd36b;letter-spacing:.25em;margin:0 6px;font-size:20px}.online-peers{flex-wrap:wrap;gap:10px;display:flex}.online-peer{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.online-peer.ready{border-color:#3ddc84}.online-peer i{background:#8a91b4;border-radius:50%;width:8px;height:8px;display:inline-block}.online-peer.ready i{background:#3ddc84}.online-status{color:#9aa2c8;font-size:12px}.online.playing .online-row:first-child{display:none}#countdown{top:var(--arena-top,0px);left:0;right:0;bottom:var(--arena-bottom,0px);color:#ffd36b;text-shadow:0 6px 30px #0009;pointer-events:none;z-index:30;justify-content:center;align-items:center;font-size:120px;font-weight:900;display:flex;position:fixed}#countdown[hidden]{display:none}#netstat{color:#9aa2c8;z-index:12;background:#0006;border-radius:6px;padding:4px 8px;font:11px ui-monospace,monospace;position:fixed;bottom:60px;right:12px}#netstat[hidden]{display:none}.menu{z-index:21;color:#f2f3fa;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.menu[hidden]{display:none}.menu-inner{flex-direction:column;align-items:center;gap:8px;width:min(1040px,94vw);padding:28px 32px;display:flex}.menu-kicker{color:#ffd36b;letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.menu-exit{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:22;color:#c8cde8;letter-spacing:.08em;text-transform:uppercase;background:#080a1499;border:1px solid #ffffff2e;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;text-decoration:none;position:fixed}.menu-exit:hover{color:#fff;background:#e8342e59;border-color:#fff6}.menu-title{letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 6px #00000059,0 16px 40px #e8342e59;margin:0 0 22px;font-size:clamp(44px,7.5vw,84px);font-style:italic;font-weight:900;line-height:.95;position:relative}.title-logo{vertical-align:-.1em;filter:drop-shadow(0 4px 10px #ff3c2899);width:.95em;height:.95em;margin:0 .12em}.ring-apron img{vertical-align:-.4em;width:1.4em;height:1.4em;margin:0 .3em}.menu-title:after{content:"";background:linear-gradient(90deg,#e8342e,#ffd36b);border-radius:2px;height:8px;position:absolute;bottom:-10px;left:4%;right:-2%;transform:skew(-20deg)}.menu-list{box-sizing:border-box;grid-template-rows:repeat(4,minmax(84px,1fr));grid-template-columns:1.4fr 1fr;gap:16px 22px;width:100%;padding:0 12px;display:grid}.menu-item{text-align:left;color:#fff;min-width:0;font:inherit;cursor:pointer;border:2px solid #ffffff24;border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px;padding:16px 28px 16px 30px;transition:transform .14s,border-color .14s,box-shadow .14s;animation:.4s cubic-bezier(.2,.9,.3,1.2) backwards tile-in;display:flex;position:relative;overflow:hidden;transform:skew(-7deg);box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #00000040}.menu-item>*{transform:skew(7deg)}.menu-item:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff38,#fff0 45%,#00000040);position:absolute;inset:0}.menu-item:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);width:22%;position:absolute;top:-40%;bottom:-40%;left:-30%;transform:skew(-12deg)}.menu-item:hover,.menu-item:focus-visible{z-index:1;border-color:#fff;outline:none;transform:skew(-7deg)scale(1.035);box-shadow:0 0 0 3px #ffffff59,0 16px 40px #00000073}.menu-item:hover:after,.menu-item:focus-visible:after{animation:.7s ease-out tile-sweep}.menu-item b{letter-spacing:.02em;text-transform:uppercase;text-shadow:0 3px #00000059;font-size:34px;font-style:italic;font-weight:900;line-height:1}.menu-item em{letter-spacing:.24em;text-transform:uppercase;color:#ffffffd9;order:-1;font-size:11px;font-style:normal;font-weight:800}.menu-item span{color:#ffffffd1;white-space:normal;font-size:13px;line-height:1.35}.tile-local{background:linear-gradient(160deg,#ff5a4a,#c8161f 55%,#7a0c14);grid-row:1/span 4;animation-delay:20ms}.tile-local b{font-size:clamp(48px,7vw,76px)}.tile-local .tile-art{pointer-events:none;background:radial-gradient(closest-side,#ffd36b80,#ffd36b00 70%);width:60%;height:88%;position:absolute;top:6%;right:-6%}.tile-local .tile-art:before{content:"✦";color:#ffffff1f;font-size:120px;position:absolute;top:8%;right:10%;transform:rotate(15deg)}.tile-online{background:linear-gradient(160deg,#4fa3ff,#1e4fd6 55%,#0e2a7a);animation-delay:80ms}.tile-tv{background:linear-gradient(160deg,#ffd36b,#e8892e 55%,#7a3a0c);animation-delay:.11s}.tile-training{background:linear-gradient(160deg,#5fe38f,#1f9a55 55%,#0e4d2c);animation-delay:.17s}.tile-controls{background:linear-gradient(160deg,#8a91b4,#4a5077 55%,#262a44);animation-delay:.2s}.menu-foot{color:#6d7498;margin:22px 0 0;font-size:12px}@keyframes tile-in{0%{opacity:0;transform:skew(-7deg)translate(-40px)}to{opacity:1;transform:skew(-7deg)translate(0)}}@keyframes tile-sweep{0%{opacity:1;left:-30%}to{opacity:0;left:120%}}@media (width<=720px){.menu-list{grid-template-rows:none;grid-template-columns:1fr}.tile-local{grid-row:auto;min-height:140px}}.controls-panel{text-align:left}.controls{border-collapse:collapse;width:100%;margin:10px 0 16px;font-size:14px}.controls td{border-bottom:1px solid #ffffff14;padding:6px 4px}.controls td:first-child{color:#9aa2c8;width:45%}.css-head .ghost{color:#c8cde8;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:8px;padding:6px 12px;font-size:13px}.css-head .ghost:hover{color:#fff;border-color:#fff6}#mode-label{color:#ffd36b;letter-spacing:.08em;text-transform:uppercase;margin-right:6px;font-weight:800}body:not([data-mode=online]) #online,body:not([data-mode=online]) .online-only,body[data-mode=online] .local-only,.online-lobby[hidden]{display:none}.online-screen{box-sizing:border-box;flex-direction:column;width:min(1240px,96vw);height:100%;padding:18px 0 14px;animation:.35s ease-out css-in-left;display:flex}.online-head{align-items:center;gap:16px;padding:0 4px 12px;display:flex}.online-head h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:28px;font-weight:900}.online-counts{color:#9aa2c8;margin-left:auto;font-size:13px}.online-counts b{color:#ffd36b}.online-grid{flex:1;grid-template-columns:minmax(240px,1fr) minmax(360px,2fr) minmax(240px,1fr);gap:14px;min-height:0;display:grid}.online-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c18b8;border:1px solid #ffffff14;border-radius:14px;min-height:0;padding:16px 18px;overflow:auto}.online-card h3{letter-spacing:.18em;text-transform:uppercase;color:#ffd36b;margin:0 0 8px;font-size:12px}.online-card h3+h3,.online-card .lead+h3{margin-top:8px}.online-card h3:not(:first-child){margin-top:18px}.online-card p{color:#d7dbee;margin:0 0 12px;font-size:14px;line-height:1.45}.online-card p.lead{color:#f2f3fa}.muted{color:#9aa2c8}.small{font-size:12px}.field{color:#9aa2c8;flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.field input{color:#f2f3fa;font:inherit;background:#00000059;border:1px solid #ffffff26;border-radius:8px;padding:8px 10px;font-size:15px}.rating-big{align-items:baseline;gap:8px;margin:4px 0 6px;display:flex}.rating-big b{letter-spacing:-.02em;font-size:44px;font-weight:900;line-height:1}.rating-big small{color:#9aa2c8;font-size:12px}.prof-row{margin-bottom:4px;font-size:13px}.menu-item.find{box-sizing:border-box;background:linear-gradient(135deg,#e8342ed9,#c81e3cd9);border-color:#fff3;width:100%;margin:4px 0 12px}.menu-item.find span{color:#ffd9d6}.menu-item.find:before{background:#fff}.menu-item.find[disabled]{opacity:.5;cursor:default;transform:none}.queue-panel{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:flex}.queue-panel[hidden]{display:none}.queue-lines{flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.queue-lines b{font-size:15px}.queue-spinner{border:3px solid #ffffff26;border-top-color:#ffd36b;border-radius:50%;flex:none;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.online-screen .online-row input{color:#f2f3fa;font:inherit;background:#00000059;border:1px solid #ffffff26;border-radius:8px;padding:7px 10px}.online-screen .online-row input.code{text-transform:uppercase;letter-spacing:.2em;width:80px;font-weight:800}.online-screen .online-status{min-height:1.2em;margin-top:8px;display:block}details.how{color:#c8cde8;margin-top:16px;font-size:13px}details.how summary{cursor:pointer;color:#ffd36b;font-weight:700}details.how ul{margin:8px 0 0;padding-left:18px}details.how li{margin-bottom:6px;line-height:1.45}.leaderboard{margin:0;padding:0 0 0 26px;font-size:14px}.leaderboard li{justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.leaderboard li.me{color:#ffd36b}.leaderboard li span{color:#9aa2c8;white-space:nowrap;font-size:12px}.leaderboard li.muted{margin-left:-26px;list-style:none;display:block}.online-ranked{color:#ffd36b;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.online-ranked[hidden]{display:none}.online-peer small{color:#9aa2c8}.results-rating{color:#ffd36b;margin:-6px 0 10px;font-weight:800}.results-rating[hidden]{display:none}@media (width<=900px){.online-grid{grid-template-columns:1fr}}.css-head h1,.online-head h1,.online-card h3{font-style:italic}.css-head h1{padding-left:14px;position:relative}.css-head h1:before{content:"";background:linear-gradient(#e8342e,#ffd36b);width:6px;position:absolute;top:4px;bottom:4px;left:0;transform:skew(-12deg)}.css .tag,#mode-label{font-style:italic}.css-bar .primary.big{text-transform:uppercase;letter-spacing:.06em;padding:12px 28px;font-style:italic;font-weight:900;transform:skew(-8deg);box-shadow:0 8px 24px #e8342e59}.css-bar .primary.big:hover{transform:skew(-8deg)scale(1.04)}.online-card{border-top:3px solid;border-image:linear-gradient(90deg,#e8342e,#ffd36b) 1}.settings{gap:8px;margin:8px 0 18px;display:grid}.settings label{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.settings label small{color:#9aa2c8;border:1px solid #ffffff26;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:11px}.settings input{accent-color:#e8342e;width:16px;height:16px}.controls-panel h1+.settings+h1{margin-top:4px}#controls{z-index:30}.vs{top:var(--arena-top,0px);left:0;right:0;bottom:var(--arena-bottom,0px);z-index:25;color:#f2f3fa;grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid;position:fixed;overflow:hidden}.vs[hidden]{display:none}.vs .css-bg:before{animation-duration:8s}.vs-side{flex-direction:column;justify-content:flex-end;align-items:center;min-height:0;padding-bottom:40px;display:flex;position:relative}.vs-side.p1{background:linear-gradient(100deg,#e8342e8c,#e8342e00 70%);animation:.45s cubic-bezier(.2,.9,.3,1.1) both vs-in-left}.vs-side.p2{background:linear-gradient(-100deg,#3b7fe88c,#3b7fe800 70%);animation:.45s cubic-bezier(.2,.9,.3,1.1) both vs-in-right}.vs-side canvas{filter:drop-shadow(0 20px 30px #0009);width:min(90%,60vh);height:auto}.vs-name{background:#080a14bf;border:2px solid #ffffff26;border-radius:6px;flex-direction:column;align-items:center;margin-top:-30px;padding:8px 26px;display:flex;transform:skew(-8deg)}.vs-name small{letter-spacing:.3em;color:#ffd36b;font-size:11px;font-weight:800}.vs-name b{text-transform:uppercase;letter-spacing:.02em;font-size:clamp(28px,4vw,48px);font-style:italic;font-weight:900;line-height:1}.vs-name span{color:#9aa2c8;font-size:12px}.vs-mid{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 20px;animation:.5s cubic-bezier(.2,1.4,.4,1) .3s both vs-pop;display:flex}.vs-mid b{background:linear-gradient(#ffd36b,#e8342e);color:#0000;filter:drop-shadow(0 8px #00000073);-webkit-background-clip:text;background-clip:text;font-size:clamp(70px,12vw,150px);font-style:italic;font-weight:900;line-height:1}.vs-mid span{letter-spacing:.2em;text-transform:uppercase;color:#c8cde8;font-size:14px;font-weight:800}@keyframes vs-in-left{0%{opacity:0;transform:translate(-60%)}to{opacity:1;transform:none}}@keyframes vs-in-right{0%{opacity:0;transform:translate(60%)}to{opacity:1;transform:none}}@keyframes vs-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}#countdown{font-size:clamp(120px,24vw,260px);font-style:italic;animation:1s cubic-bezier(.2,1.4,.4,1) infinite cd-pop}#countdown.go{color:#fff}@keyframes cd-pop{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.tv-screen{box-sizing:border-box;flex-direction:column;width:min(1100px,96vw);height:100%;padding:18px 0 14px;animation:.35s ease-out css-in-left;display:flex}.tv-grid{flex:1;grid-template-columns:minmax(340px,1.1fr) minmax(320px,1fr);gap:14px;min-height:0;display:grid}.tv-code-card{container-type:inline-size}.tv-code{letter-spacing:.12em;color:#ffd36b;text-shadow:0 8px #00000059,0 16px 40px #ffd36b40;white-space:nowrap;margin:10px 0 14px;font-size:clamp(40px,15cqw,140px);font-style:italic;font-weight:900;line-height:1;overflow:visible}.tv-code-card p.lead b{color:#fff}.tv-pads{flex-direction:column;gap:8px;display:flex}.tv-pad{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.tv-pad.ready{border-color:#3ddc84}.tv-pad canvas{width:44px;height:44px}.tv-pad b{font-size:16px}.tv-pad .who{flex-direction:column;display:flex}.tv-pad .who small{color:#9aa2c8;font-size:12px}.tv-pad .state{color:#9aa2c8;margin-left:auto;font-size:12px}.tv-pad.ready .state{color:#3ddc84;font-weight:800}.tv-pad .seat{color:#fff;border-radius:6px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.seat.s0{background:#e8342e}.seat.s1{background:#3b7fe8}.seat.s2{color:#2a1a00;background:#ffd36b}.seat.s3{color:#072a16;background:#3ddc84}.tv-grid select{color:#f2f3fa;font:inherit;background:#00000059;border:1px solid #ffffff26;border-radius:8px;padding:6px 8px}@media (width<=800px){.tv-grid{grid-template-columns:1fr}}.players{--pv:clamp(150px, 30vh, 340px);grid-area:players;justify-content:center;align-items:stretch;gap:12px;padding:8px 18px 4px;display:flex;overflow-x:auto}.pslot{grid-template-columns:calc(var(--pv) * .75) minmax(180px, 1fr);cursor:pointer;background:#0a0c18b8;border:2px solid #ffffff1a;border-radius:12px;flex:360px;grid-template-rows:auto auto 1fr auto;gap:4px 14px;min-width:260px;max-width:640px;padding:10px 16px;transition:border-color .12s,transform .12s;display:grid;position:relative}.pslot:before{content:"";background:var(--pc,#8a91b4);border-radius:12px 0 0 12px;width:6px;position:absolute;top:0;bottom:0;left:0}.pslot.s0{--pc:#e8342e}.pslot.s1{--pc:#3b7fe8}.pslot.s2{--pc:#ffd36b}.pslot.s3{--pc:#3ddc84}.pslot.active{border-color:#ffd36b;transform:translateY(-2px);box-shadow:0 0 0 2px #ffd36b59,0 10px 30px #0006}.pslot.locked{cursor:default;opacity:.85}.pslot canvas{width:calc(var(--pv) * .75);height:calc(var(--pv) * .9375);filter:drop-shadow(0 12px 18px #0000008c);grid-row:1/span 4;align-self:end;margin-bottom:-6px}.pslot .phead{align-items:center;gap:8px;display:flex}.pslot .phead .seat{color:#fff;border-radius:6px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid}.pslot .phead b{text-transform:uppercase;font-size:clamp(18px,2vw,28px);font-style:italic;font-weight:900}.pslot .phead small{color:#9aa2c8;white-space:nowrap;margin-left:auto;font-size:11px}.pslot .ptag{color:#9aa2c8;max-height:4em;font-size:clamp(11px,1vw,13px);line-height:1.35;overflow:hidden}.pslot .pskins{scrollbar-width:thin;height:calc(var(--pv) * .4);flex-wrap:wrap;align-content:flex-start;gap:5px;min-height:64px;padding-bottom:2px;display:flex;overflow-y:auto}.pslot .pskins .skin{flex:none}.pslot .ptype{align-items:center;gap:6px;display:flex}.pslot .ptype select{color:#f2f3fa;font:inherit;background:#00000059;border:1px solid #ffffff26;border-radius:8px;padding:4px 8px;font-size:12px}.pslot .ptype .remove{color:#9aa2c8;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:11px}.pslot.add{color:#9aa2c8;letter-spacing:.06em;text-transform:uppercase;border-style:dashed;flex:0 180px;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;min-width:150px;font-size:14px;font-weight:800;display:grid}@media (width>=1400px){.players{--pv:clamp(220px, 32vh, 380px)}}@media (height<=700px){.players{--pv:clamp(120px, 26vh, 200px)}}.pslot.add:hover{color:#fff;border-color:#ffd36b}.card .picks{pointer-events:none;z-index:2;justify-content:center;gap:0;display:flex;position:absolute;bottom:26px;left:0;right:0}.card .picks span{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;margin:0 -5px;font-size:11px;font-style:italic;font-weight:900;animation:.25s cubic-bezier(.2,1.4,.4,1) both medal-drop;display:grid;transform:skew(4deg);box-shadow:0 4px 10px #0009,inset 0 -3px #00000040}.card .picks .s0{background:radial-gradient(circle at 35% 30%,#ff7a6e,#c8161f)}.card .picks .s1{background:radial-gradient(circle at 35% 30%,#7fb2ff,#1e4fd6)}.card .picks .s2{color:#2a1a00;background:radial-gradient(circle at 35% 30%,#ffe9a8,#e8a020)}.card .picks .s3{color:#072a16;background:radial-gradient(circle at 35% 30%,#9ff5c0,#1f9a55)}@keyframes medal-drop{0%{opacity:0;transform:skew(4deg)translateY(-14px)scale(1.4)}to{opacity:1;transform:skew(4deg)translateY(0)scale(1)}}.card.picked{border-color:#ffffff59}.stage-pill{margin-left:auto}.stage-pill b{color:#ffd36b}.stage-screen{box-sizing:border-box;flex-direction:column;width:min(1240px,96vw);height:100%;padding:18px 0 14px;animation:.35s ease-out css-in-left;display:flex}.stage-screen .online-head .primary.big{text-transform:uppercase;letter-spacing:.06em;margin-left:12px;font-style:italic;transform:skew(-8deg)}.stage-grid{flex:1;grid-template-columns:minmax(360px,1.5fr) minmax(300px,1fr);gap:14px;min-height:0;display:grid}.stage-preview{background:#000;border:1px solid #ffffff1a;border-radius:14px;align-self:start;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.stage-preview canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.stage-caption{background:linear-gradient(#0000,#000000bf);flex-direction:column;gap:2px;padding:14px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.stage-caption b{text-transform:uppercase;font-size:26px;font-style:italic;font-weight:900}.stage-caption span{color:#d7dbee;font-size:13px}.stage-screen .stages{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:10px;min-height:0;padding-right:4px;overflow:auto}.stage-screen .stage{background:#0a0c1899}.stage-screen .stage b{font-size:12px}@media (width<=900px){.stage-grid{grid-template-columns:1fr;overflow:auto}}.victory{z-index:26;color:#f2f3fa;--wc:#ffd36b;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);display:grid;position:fixed;inset:0;overflow:hidden}.victory[hidden]{display:none}.victory .css-bg:after{background:linear-gradient(to top, color-mix(in srgb, var(--wc) 30%, transparent), transparent)}.victory-stage{justify-content:center;align-items:flex-end;min-height:0;animation:.5s cubic-bezier(.2,.9,.3,1.1) both vs-in-left;display:flex;position:relative}.victory-stage:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 70%, color-mix(in srgb, var(--wc) 10%, transparent) 0deg 10deg, transparent 10deg 20deg);animation:90s linear infinite victory-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side at 50% 70%,#000 25%,#0000 95%);mask:radial-gradient(closest-side at 50% 70%,#000 25%,#0000 95%)}.victory-stage canvas{filter:drop-shadow(0 20px 30px #0009);width:min(90%,62vh);height:auto;position:relative}@keyframes victory-spin{to{transform:rotate(360deg)}}.victory-body{flex-direction:column;justify-content:center;gap:12px;min-height:0;padding:20px 40px 30px 10px;animation:.5s cubic-bezier(.2,.9,.3,1.1) both vs-in-right;display:flex;overflow:auto}.victory-body h1{text-transform:uppercase;letter-spacing:-.02em;color:var(--wc);text-shadow:0 6px 0 #0006, 0 16px 40px color-mix(in srgb, var(--wc) 40%, transparent);margin:0;font-size:clamp(48px,8vw,110px);font-style:italic;font-weight:900;line-height:.95}.victory-body h1 small{color:#f2f3fa;letter-spacing:.12em;font-size:.32em;display:block}.results-cards{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.rcard{background:#0a0c18b8;border:1px solid #ffffff1a;border-radius:12px;flex:150px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;max-width:220px;padding:10px 12px;display:grid;position:relative}.rcard.winner{border-color:var(--wc);box-shadow:0 0 0 2px color-mix(in srgb, var(--wc) 35%, transparent)}.rcard .seat{color:#fff;border-radius:6px;grid-row:1/span 2;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid}.rcard b{text-transform:uppercase;font-size:16px;font-style:italic;font-weight:900}.rcard .stocks{gap:4px;display:flex}.rcard .stocks i{background:var(--sc);border-radius:50%;width:9px;height:9px;display:inline-block}.rcard .stocks i.lost{background:#ffffff1f}.rcard .stats{color:#9aa2c8;flex-wrap:wrap;grid-column:1/span 2;gap:4px 10px;margin-top:4px;font-size:12px;display:flex}.rcard .stats>span{white-space:nowrap}.rcard .stats>span:nth-child(-n+2){flex-basis:100%}.rcard .stats b{text-transform:none;color:#f2f3fa;font-size:13px;font-style:normal}.rcard.s0{--sc:#e8342e}.rcard.s1{--sc:#3b7fe8}.rcard.s2{--sc:#ffd36b}.rcard.s3{--sc:#3ddc84}.victory-opts{color:#9aa2c8;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;display:flex}.victory-opts label{align-items:center;gap:6px;display:flex}.victory-opts select{color:#f2f3fa;font:inherit;background:#00000059;border:1px solid #ffffff26;border-radius:8px;padding:5px 8px;font-size:12px}.victory-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.victory-buttons .primary.big{text-transform:uppercase;letter-spacing:.06em;padding:12px 28px;font-style:italic;font-weight:900;transform:skew(-8deg)}.victory-buttons button:not(.primary){color:#f2f3fa;font:inherit;cursor:pointer;background:#0a0c18b3;border:1px solid #ffffff26;border-radius:8px;padding:10px 18px;font-weight:700}.victory-buttons button:not(.primary):hover{border-color:#fff}.results-rating{margin:0}@media (width<=800px){.victory{grid-template-rows:40vh 1fr;grid-template-columns:1fr}.victory-body{padding:10px 20px 20px}}.arena{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.arena-banner{text-align:center;justify-content:center;align-items:center;gap:28px;display:flex}.tv-qr{flex-direction:column;align-items:center;gap:4px;display:flex}.tv-qr canvas{box-sizing:border-box;background:#fff;border-radius:10px;width:clamp(96px,16vh,160px);height:auto;padding:6px;box-shadow:0 10px 30px #00000080}.tv-qr small{color:#9aa2c8;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:800}.arena-banner small{color:#c8cde8;font-size:14px}.arena-banner b{color:#fff}.arena-banner .tv-code{margin:4px 0 0;font-size:clamp(48px,9vw,120px)}.ring{flex:1;min-height:260px;margin:0 6%;position:relative}.ring-lights{pointer-events:none;background:radial-gradient(at 50% 20%,#ffe6b447,#0000 55%);position:absolute;inset:-10% -20% 0}.ring-post{z-index:3;background:linear-gradient(#fff,#b9bcc4);border-radius:7px 7px 0 0;width:14px;height:58%;position:absolute;bottom:24%;box-shadow:0 0 0 3px #00000059}.ring-post.l{left:0}.ring-post.r{right:0}.ring-post:after{content:"";background:#e8342e;border-radius:50%;height:22px;position:absolute;top:-10px;left:-4px;right:-4px;box-shadow:0 4px 10px #00000080}.ring-post.r:after{background:#3b7fe8}.ring-ropes{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;height:44%;display:flex;position:absolute;bottom:34%;left:7px;right:7px}.ring-ropes i{border-radius:3px;height:6px;display:block;box-shadow:0 3px 6px #00000073}.ring-ropes i:first-child{background:linear-gradient(#ff7a6e,#c8161f)}.ring-ropes i:nth-child(2){background:linear-gradient(#fff,#b9bcc4)}.ring-ropes i:nth-child(3){background:linear-gradient(#7fb2ff,#1e4fd6)}.ring-floor{clip-path:polygon(0 100%,100% 100%,92% 0,8% 0);z-index:1;background:linear-gradient(#efe2c8,#d9c3a3);justify-content:center;align-items:flex-end;height:60%;display:flex;position:absolute;bottom:24%;left:0;right:0;box-shadow:inset 0 -30px 60px #00000026}.ring-floor:before{content:"";background:radial-gradient(at 50% 60%,#e8342e2e,#0000 60%);position:absolute;inset:0}.ring-apron{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);color:#ffffff59;letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(#2a1215,#120608);place-items:center;height:24%;font-size:clamp(14px,2.4vw,32px);font-style:italic;font-weight:900;display:grid;position:absolute;bottom:0;left:0;right:0}.ring-players{z-index:2;justify-content:center;align-items:flex-end;gap:6%;width:84%;padding-bottom:6%;display:flex;position:relative}.ring-player{flex-direction:column;align-items:center;gap:4px;min-width:110px;animation:.4s cubic-bezier(.2,1.4,.4,1) both vs-pop;display:flex}.ring-player canvas{filter:drop-shadow(0 12px 14px #00000080);width:clamp(90px,12vw,180px);height:auto}.ring-player .tag{color:#fff;white-space:nowrap;background:#080a14cc;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;display:flex}.ring-player .tag b{text-transform:uppercase;font-style:italic;font-weight:900}.ring-player .tag small{color:#9aa2c8}.ring-player.ready .tag{border-color:#3ddc84;box-shadow:0 0 12px #3ddc8466}.ring-player.ready .tag small{color:#3ddc84}.ring-empty{aspect-ratio:3/4;color:#00000073;letter-spacing:.1em;text-transform:uppercase;text-align:center;border:2px dashed #00000040;border-radius:12px;place-items:center;width:clamp(90px,12vw,180px);font-size:12px;font-weight:800;display:grid}.arena-foot{flex-direction:column;gap:8px;padding:0 4px;display:flex}.arena-foot .spacer{flex:1}.tv-vote{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tv-vote .chip{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:flex}.tv-vote .chip.lead{background:#ffd36b1f;border-color:#ffd36b}.tv-vote .chip b{color:#ffd36b}.tv-vote .chip .seat{color:#fff;border-radius:4px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:grid}.arena-foot .primary.big{text-transform:uppercase;letter-spacing:.06em;font-style:italic;transform:skew(-8deg)}.stage .votes{gap:2px;display:flex;position:absolute;top:4px;right:4px}.stage .votes span{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid;box-shadow:0 2px 6px #00000080}.stage .votes .s0{background:#e8342e}.stage .votes .s1{background:#3b7fe8}.stage .votes .s2{color:#2a1a00;background:#ffd36b}.stage .votes .s3{color:#072a16;background:#3ddc84}.stage{position:relative}.stage.winner{z-index:1;border-color:#ffd36b;transform:scale(1.06);box-shadow:0 0 0 3px #ffd36b80,0 0 30px #ffd36b59}#stagesel.revealing .online-head button,#stagesel.revealing .online-head .primary{visibility:hidden}.reveal-tag{color:#ffd36b;text-transform:uppercase;letter-spacing:.1em;z-index:3;background:#080a14d9;border:1px solid #ffd36b99;border-radius:999px;padding:10px 22px;font-size:18px;font-style:italic;font-weight:900;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}@media (height<=520px){.menu,.css,.victory,.stagesel,#stagesel,#tv,#online-menu{inset:0}.menu-inner{gap:2px;padding:8px 12px}.menu-kicker{display:none}.menu-title{margin-bottom:8px;font-size:34px}.menu-title:after{display:none}.menu-list{grid-template-rows:repeat(4,minmax(40px,1fr));gap:6px;max-height:calc(100dvh - 70px)}.menu-item{padding:6px 12px 6px 16px}.menu-item b,.tile-local b{font-size:18px}.menu-item em,.menu-item span,.menu-foot{display:none}.online-screen,.stage-screen,.tv-screen{padding:8px 0 6px}.online-head{padding-bottom:4px}.online-head h1{font-size:18px}.online-grid{grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:8px}.online-grid .online-card:last-child{display:none}.online-card{padding:10px 12px}.online-card p{margin-bottom:6px;font-size:12px}.rating-big b{font-size:28px}details.how{display:none}.stage-grid{grid-template-columns:1fr 1fr;gap:8px}.stage-screen .stages{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.stage-caption{padding:8px 12px}.stage-caption b{font-size:16px}.stage-caption span{display:none}.css-head{gap:10px;padding:6px 12px 2px}.css-head h1{font-size:16px}.css-head p{display:none}.css .roster{--cw:84px;gap:6px;margin-bottom:4px}.css .card{padding:6px 4px 4px}.css .card b{font-size:11px}.players{--pv:92px;gap:6px;padding:4px 10px 2px}.pslot{gap:2px 8px;min-width:200px;padding:6px 10px}.pslot .ptag{display:none}.pslot .phead b{font-size:14px}.css-bar{gap:10px;padding:4px 12px 8px}.css-bar .primary.big{padding:8px 18px}.arena-banner{gap:12px}.arena-banner .tv-code{margin:0;font-size:40px}.tv-qr canvas{width:70px}.ring{min-height:120px;margin:0 4%}.ring-player canvas{width:70px}.victory{grid-template-columns:.7fr 1.3fr}.victory-body{gap:6px;padding:8px 14px 10px 6px}.victory-body h1{font-size:34px}.rcard{padding:6px 8px}.victory-buttons button{padding:6px 10px;font-size:12px}.vs-name b{font-size:20px}.vs-side{padding-bottom:6px}.vs-side canvas{width:min(60%,34vh)}.vs-name{margin-top:-8px;padding:4px 12px}.vs-name small{font-size:9px}.vs-name span{font-size:10px}.vs-mid{gap:4px;padding:0 8px}.vs-mid b{font-size:40px}.vs-mid span{font-size:9px}#countdown{font-size:clamp(56px,22vh,140px)}}@media (pointer:coarse) and (orientation:portrait){.online-grid,.stage-grid,.tv-grid{grid-template-columns:1fr}.vs{grid-template-rows:1fr auto 1fr;grid-template-columns:1fr}.vs-side{justify-content:center;padding:4px 0}.vs-side canvas{width:auto;height:min(13vh,130px)}.vs-side.p1{background:linear-gradient(170deg,#e8342e8c,#e8342e00 75%)}.vs-side.p2{background:linear-gradient(-10deg,#3b7fe88c,#3b7fe800 75%)}.vs-name{margin-top:-4px;padding:3px 12px}.vs-name b{font-size:20px}.vs-name small{font-size:9px}.vs-name span{font-size:10px}.vs-mid{gap:0;padding:0}.vs-mid b{font-size:44px}.vs-mid span{font-size:10px}#countdown{font-size:clamp(72px,26vw,160px)}.stage-grid{overflow:auto}.victory{grid-template-rows:36vh 1fr;grid-template-columns:1fr}.arena-banner{flex-direction:column;gap:6px}.ring{min-height:180px}}@media (width<=1100px){.css-head{flex-wrap:wrap;gap:8px 14px}.css-head h1{font-size:24px}.css-head p{flex-basis:100%;order:4}.players{--pv:220px;justify-content:flex-start}.pslot{grid-template-columns:140px minmax(140px,1fr);gap:4px 10px;min-width:330px;padding:10px}.pslot canvas{width:140px;height:175px}.pslot .phead{flex-wrap:wrap}.pslot .phead small{margin-left:0}.pslot.add{flex-basis:90px;min-width:90px}}@media (pointer:coarse) and (width<=1000px){.menu-title{white-space:nowrap;letter-spacing:-.02em;font-size:clamp(20px,6.2vw,44px)}.title-logo{margin:0 .08em}.css{grid-template:"head""centre"minmax(0,1fr)"players""bar"/minmax(0,1fr);overflow:hidden}.css>*{min-width:0}.css-head{flex-wrap:wrap;gap:6px 10px;padding:6px 10px 2px}.css-head h1{font-size:18px}.css-head p{display:none}.css-head .stage-pill{margin-left:auto;padding:4px 8px;font-size:12px}.css-centre{padding:4px 8px;overflow:auto}.css .roster{--cw:92px;gap:6px}.players{--pv:104px;justify-content:flex-start;gap:8px;padding:4px 8px;overflow:auto hidden}.pslot{flex:0 0 236px;gap:2px 8px;min-width:236px;max-width:236px;padding:8px 10px}.pslot .ptag{display:none}.pslot .phead b{font-size:15px}.pslot .pskins{height:40px;min-height:40px}.pslot.add{flex:0 0 120px;min-width:120px}.css-bar{flex-wrap:wrap;gap:8px;padding:6px 10px 10px}.css-bar .primary.big{padding:8px 18px;font-size:14px}.menu-inner{padding:12px}.menu-list{grid-template-rows:repeat(4,minmax(56px,auto));gap:8px}.tile-local b{font-size:40px}.menu-item{padding:10px 14px 10px 18px}.menu-item b{font-size:22px}.menu-item span,#netstat,.app-nav .hint{display:none}}#select .css-bg,#online-menu .css-bg,#tv .css-bg{background:radial-gradient(at 15% 0,#23384a 0,#0000 55%),radial-gradient(at 100% 90%,#482638 0,#0000 55%),#101620}#select .css-bg:before,#online-menu .css-bg:before,#tv .css-bg:before{background:repeating-linear-gradient(125deg,#0000 0 90px,#ffffff03 90px 91px);animation:none;inset:0}#select .css-head{padding:max(16px, env(safe-area-inset-top)) 24px 14px;border-bottom:1px solid #ffffff12}#select .css-head h1{letter-spacing:-.03em}#select .card{background:linear-gradient(155deg,#28374a,#131d2a);border-color:#ffffff14;border-radius:12px;overflow:hidden;transform:none}#select .card>*{transform:none}#select .card canvas{image-rendering:auto;background:radial-gradient(at 50% 75%,#657e922c,#0000 70%)}#select .card:hover,#select .card.picked{background:linear-gradient(155deg,#4b493b,#202630);border-color:#ffd36b;box-shadow:0 0 0 1px #ffd36b44}#select .css-centre{padding-top:20px}#select .css-bar{background:#101620ed;border-top:1px solid #ffffff14}.online-card,.arena-banner,.arena-foot{background:linear-gradient(145deg,#202d3b,#141d29);border:1px solid #ffffff16;border-radius:18px;box-shadow:0 18px 44px #0003}.online-screen h1,.tv-screen h1{letter-spacing:-.035em}.online-screen input,.tv-screen input{min-height:44px}.online-screen .section{color:#a9c5d3;letter-spacing:.14em}#controls{background:#080e18de}#controls .controls-panel{text-align:left;background:linear-gradient(145deg,#233243,#121b28);border:1px solid #ffffff24;border-radius:22px;width:min(620px,94vw);padding:28px}#controls h1{letter-spacing:-.03em;margin-bottom:16px;font-size:24px}#controls .settings{gap:8px;margin-bottom:26px;display:grid}#controls .settings label{background:#ffffff04;border:1px solid #ffffff12;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}#controls input[type=checkbox]{accent-color:#ffd36b;width:18px;height:18px}#controls table{border-collapse:collapse;width:100%}#controls td{border-bottom:1px solid #ffffff0b;padding:9px 4px}#controls td:first-child{color:#afc0d0;width:38%}#controls .keymap{margin-bottom:26px}#controls .bind-tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}#controls .bind-tabs button{color:#cfe0ee;background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px;font-size:13px}#controls .bind-tabs button[aria-pressed=true]{color:#1a1406;background:#ffd36b;border-color:#ffd36b;font-weight:700}#controls .bind-hint{color:#9fb2c4;margin:0 0 10px;font-size:13px}#controls .bind-grid{grid-template-columns:minmax(0,1fr) minmax(76px,120px) minmax(76px,120px);align-items:center;gap:6px 8px;display:grid}#controls .bind-action{color:#afc0d0;font-size:14px}#controls button.bind{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0c131d;border:1px solid #ffffff24;border-radius:8px;min-height:38px;padding:6px 8px;font:600 14px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#controls button.bind.empty{color:#6f8294}#controls button.bind.listening{color:#ffd36b;border-color:#ffd36b;animation:1s ease-in-out infinite bind-pulse}@keyframes bind-pulse{50%{background:#ffd36b22}}#controls .bind-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}#controls .bind-status{color:#ffd36b;flex:200px;min-height:1.2em;margin:0;font-size:13px}#controls .bind-foot button{color:#cfe0ee;background:#ffffff08;border:1px solid #ffffff24;border-radius:8px;padding:8px 12px;font-size:13px}#controls .row{background:#15202d;justify-content:flex-end;padding-top:12px;position:sticky;bottom:0}#results{background:radial-gradient(at 24% 42%,#466478 0,#1a293b 35%,#101724 70%)}#results .css-bg{background:0 0}#results .css-bg:before{opacity:.2;animation:none}#results .victory-body{background:#111a259c;border-left:1px solid #ffffff18;padding:clamp(20px,4vw,60px)}#results .rcard{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px}#results .victory-buttons{flex-wrap:wrap;gap:10px;display:flex}#results .victory-buttons button{min-height:44px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-offset:4px;outline:3px solid #ffd36b}@media (width<=700px){.stage-screen .online-head{grid-template-columns:auto 1fr auto;gap:8px;display:grid}.stage-screen .online-head h1{min-width:0;font-size:20px;line-height:1.05}.stage-screen .online-head>span{display:none}.stage-screen .online-head .primary.big{margin-left:0;padding:12px 10px;font-size:13px;transform:none}#controls .controls-panel{max-height:92dvh;padding:18px}#controls .settings label{font-size:12px}#controls .settings small{display:none}#controls .bind-grid{grid-template-columns:minmax(0,1fr) 72px 72px}#controls .bind-action,#controls button.bind{font-size:12px}.online-grid,.tv-grid{grid-template-columns:minmax(0,1fr)}.online-screen,.tv-screen{padding-bottom:max(20px,env(safe-area-inset-bottom));overflow-y:auto}#results{grid-template-rows:minmax(160px,30dvh) auto;grid-template-columns:1fr;overflow-y:auto}#results .victory-stage{min-height:0}#results .victory-stage canvas{width:auto;max-width:100%;max-height:100%}#results .victory-body{padding:20px 16px max(24px,env(safe-area-inset-bottom));border-top:1px solid #ffffff18;border-left:0;overflow:visible}#results .victory-body h1{font-size:clamp(38px,12vw,68px)}}@media (height<=500px) and (orientation:landscape){#results{grid-template-rows:1fr;grid-template-columns:35% 65%}#results .victory-body{padding:14px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.css-bg:before,.victory-bg,.menu-item{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}body[data-mode=tv] #results .victory-buttons,body[data-mode=tv] #results .victory-opts,body[data-mode=tv] #stagesel .online-head button{display:none}body[data-mode=tv] #stagesel .stage{cursor:default}#select{grid-template:"head""centre"minmax(0,1fr)"bar"/minmax(0,1fr);display:grid;overflow:hidden}#select[hidden]{display:none}#select>*{min-width:0}#select .select-content{flex-direction:column;grid-area:centre;justify-content:safe center;width:100%;max-width:1640px;min-height:0;margin:0 auto;display:flex;overflow:hidden}#select .add-player{white-space:normal;color:#d2dceb;scroll-snap-align:end;background:#ffffff04;border:1px dashed #8b9aaf66;flex:0 0 104px;align-self:center;min-height:72px;padding:12px}#select .add-player:hover{background:#ffffff0c;border-color:#f8c956}#select .css-head{padding:max(12px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 12px max(18px, env(safe-area-inset-left));align-items:center;gap:10px 18px}#select .css-head h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(18px,2.1vw,28px);overflow:hidden}#select .css-head p{flex:1;font-size:12px}#select .css-centre{flex:none;max-height:35dvh;padding:12px 18px 6px;overflow:auto}#select .roster{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8494aa55 transparent;grid-template-columns:none;grid-auto-columns:minmax(94px,1fr);grid-auto-flow:column;gap:8px;max-width:none;margin:0 auto;padding:4px 3px 10px;display:grid;overflow:auto hidden}#select .card{scroll-snap-align:start;gap:4px;min-width:0;padding:8px 4px}#select .card canvas{width:72px!important;height:72px!important}#select .card b{font-size:13px}#select .card .picks{bottom:26px}#select .players{overscroll-behavior:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8494aa55 transparent;flex:0 auto;justify-content:safe center;align-items:stretch;gap:12px;height:min(780px,100dvh - 250px);min-height:0;padding:8px 18px 14px;display:flex;overflow:auto}#select .pslot{scroll-snap-align:start;background:radial-gradient(ellipse at 8% 25%, color-mix(in srgb, var(--pc) 22%, transparent), transparent 75%), #111a26;flex:0 0 392px;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:10px;min-width:300px;max-width:392px;min-height:300px;padding:16px;display:grid;position:relative;overflow:hidden;container-type:inline-size}#select .pslot.active{transform:none}#select .pslot canvas{object-fit:contain;object-position:center;background:radial-gradient(ellipse at 50% 75%, color-mix(in srgb, var(--pc) 15%, transparent), transparent 75%);border-radius:8px;grid-area:3/1;align-self:stretch;width:100%;min-width:0;height:100%;min-height:0;margin:0}#select .phead{text-align:left;background:0 0;border:0;flex-wrap:wrap;grid-area:1/1;place-content:start center;gap:6px;min-width:0;min-height:44px;padding:0 22px}#select .phead b{overflow-wrap:anywhere;font-size:clamp(24px,6cqw,44px);line-height:1.05}#select .phead small{text-align:center;white-space:normal;flex-basis:100%;margin:0;line-height:1.4}#select .ptag{text-align:center;grid-area:2/1;align-self:start;max-height:none;font-size:12px;display:block}#select .ptype{flex-wrap:nowrap;grid-area:4/1;align-items:center;gap:8px;min-width:0;min-height:44px;display:flex}#select .ptype select{flex:1;width:0;min-width:0;min-height:44px;padding:8px 34px 8px 12px}#select .controller-toggle{background:#080f19aa;border:1px solid #ffffff20;border-radius:9px;flex:1;min-width:0;padding:3px;display:flex}#select .controller-toggle button{color:#aebcce;background:0 0;border:0;border-radius:6px;flex:1;min-width:0;min-height:36px;padding:6px 8px;font-size:12px}#select .controller-toggle button[aria-pressed=true]{color:#fff;background:color-mix(in srgb, var(--pc) 30%, #283343);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pc) 45%, transparent)}#select .pslot .remove{z-index:1;color:#aebcce;background:0 0;border:0;width:36px;height:36px;min-height:36px;margin:0;padding:0;font-size:24px;position:absolute;top:5px;right:5px}#select .pslot .remove:hover{color:#fff;background:#ffffff12}#select select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23bbc9db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}#select select:focus-visible,#select button:focus-visible{outline-offset:2px;outline:2px solid #f8c956}#select .costume-picker{border-top:1px solid #ffffff14;grid-area:5/1/auto/-1;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;min-width:0;padding-top:10px;display:grid}#select .costume-picker button{background:#ffffff08;min-height:48px;padding:0;font-size:28px;line-height:1}#select .costume-picker button:disabled{opacity:.35;cursor:default}#select .costume-picker label{min-width:0;display:grid;position:relative}#select .costume-caption{color:#a9b9ca;text-transform:uppercase;letter-spacing:.12em;pointer-events:none;font-size:9px;position:absolute;top:6px;left:12px}#select .costume-picker i{pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;bottom:10px;left:12px;box-shadow:0 0 0 1px #ffffff4d}#select .costume-picker select{color:#f2f3fa;text-overflow:ellipsis;background-color:#0c1420;border-radius:8px;width:100%;min-width:0;height:50px;padding:19px 36px 4px 29px;font-size:13px}#select .css-bar{padding:10px max(18px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));gap:12px}#select .css-bar label{align-items:center;gap:5px;display:flex}#select .css-bar button,#select .css-bar select{min-height:44px}#select .css-bar .primary.big{padding:10px 28px}@media (pointer:coarse){#select .costume-picker select,#select .ptype select,#select .css-bar select{font-size:16px}}@media (width<=1100px){#select .css-head p{display:none}}@media (width<=900px),(height<=500px){#select .pslot{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}#select .pslot canvas{grid-area:1/1/4}#select .phead{grid-column:2;grid-template-columns:auto minmax(0,1fr);justify-content:flex-start;padding:0 20px 0 0;display:grid}#select .phead b{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}#select .phead small{text-align:left;grid-column:1/-1}#select .ptag{text-align:left;grid-column:2}#select .ptype{flex-direction:column;grid-area:3/2;align-items:stretch}#select .ptype select{flex:none;width:100%}#select .costume-picker{grid-row:4}}@media (width<=900px) and (orientation:portrait){#select .css-head{padding:max(8px, env(safe-area-inset-top)) 12px 8px;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;display:grid}#select .css-head h1{font-size:clamp(16px,4.7vw,22px)}#select .css-head p{display:none}#select .stage-pill{text-overflow:ellipsis;grid-area:2/1/auto/-1;justify-self:end;max-width:100%;margin:0;padding:4px 10px;font-size:12px;overflow:hidden}#select .add-player{justify-self:center;min-height:44px;padding:6px 12px;font-size:12px}#select .css-centre{flex:none;padding:4px 9px 0}#select .roster{grid-auto-columns:84px;gap:6px}#select .card canvas{width:60px!important;height:60px!important}#select .card{padding:6px 4px}#select .players{height:calc(var(--player-count,2) * 370px + 60px);scroll-snap-type:y proximity;flex:0 auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(240px,1fr);align-content:start;gap:10px;padding:6px 12px 10px;display:grid}#select .players:has(.add-player){grid-template-rows:repeat(var(--player-count,2), minmax(240px, 1fr)) 44px}#select .pslot{gap:6px 10px;min-width:0;max-width:none;min-height:240px;padding:10px}#select .ptag{display:none}#select .phead b{font-size:clamp(14px,5cqw,20px)}#select .costume-picker{padding-top:6px}#select .costume-picker select,#select .ptype select,#select .css-bar select{font-size:16px}#select .css-bar{padding:8px 12px max(8px, env(safe-area-inset-bottom));grid-template-columns:auto auto 1fr;gap:6px 8px;display:grid}#select .css-bar .spacer{display:none}#select .css-bar label{font-size:11px}#select .css-bar #random{justify-self:end;padding:6px 10px;font-size:12px}#select .css-bar #start{grid-column:1/-1;width:100%;padding:8px}}@media (height<=500px) and (orientation:landscape){#select .css-head{padding:max(4px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));flex-wrap:nowrap}#select .css-head h1{font-size:18px}#select .css-head p{display:none}#select .css-head .stage-pill{margin-left:auto}#select .add-player{min-height:32px;padding:4px 8px;font-size:11px}#select .css-centre{flex:none;padding:0 10px}#select .roster{grid-auto-columns:minmax(70px,1fr);gap:5px;padding-bottom:4px}#select .card{gap:0;padding:3px}#select .card canvas{width:44px!important;height:44px!important}#select .card b{font-size:11px}#select .card .picks{bottom:18px}#select .card .picks span{width:22px;height:22px;font-size:9px}#select .players{height:auto;padding:5px max(12px, env(safe-area-inset-right)) 5px max(12px, env(safe-area-inset-left));flex:1;gap:8px;max-height:none}#select .pslot{flex-basis:290px;gap:2px 8px;min-width:290px;max-width:480px;min-height:176px;padding:6px 8px}#select .phead{gap:4px}#select .phead b{font-size:14px}#select .phead small{font-size:10px}#select .ptag{display:none}#select .ptype{gap:4px}#select .ptype select{flex:none;width:100%;min-height:32px;padding-top:4px;padding-bottom:4px;font-size:11px}#select .controller-toggle button{min-height:28px;padding:3px 6px;font-size:11px}#select .costume-picker{padding-top:4px}#select .costume-picker select{height:44px;padding-top:17px}#select .costume-picker button{min-height:44px}#select .costume-caption{top:4px}#select .css-bar{padding-top:4px;padding-bottom:max(4px, env(safe-area-inset-bottom))}#select .css-bar .primary.big{padding:6px 24px}}@media (height<=350px) and (orientation:landscape){#select .card canvas{width:32px!important;height:32px!important}#select .pslot{min-height:150px}#select .ptype{gap:2px}#select .ptype select{min-height:28px}#select .controller-toggle{padding:2px}#select .controller-toggle button{min-height:24px}#select .phead{min-height:28px}#select .phead small{display:none}}:root{--mfg-lilac:#eee8ff;--mfg-lilac-2:#f3efff;--mfg-ink:#2d1f66;--mfg-muted:#4b3e85;--mfg-bg:var(--mfg-lilac);--mfg-panel:#fff;--mfg-panel-2:var(--mfg-lilac-2);--mfg-text:var(--mfg-ink);--mfg-tomato:#ff5a4e;--mfg-butter:#ffd64a;--mfg-mint:#3ddbb4;--mfg-sky:#6ec1ff;--mfg-grape:#6b4eff;--mfg-bubblegum:#ff8fc7;--mfg-primary:var(--mfg-tomato);--mfg-accent:var(--mfg-butter);--mfg-ok:var(--mfg-mint);--mfg-info:var(--mfg-sky);--mfg-seat-1:var(--mfg-tomato);--mfg-seat-2:var(--mfg-sky);--mfg-seat-3:var(--mfg-butter);--mfg-seat-4:var(--mfg-mint);--mfg-gold:#ffd64a;--mfg-silver:#dde3f0;--mfg-bronze:#f2a77e;--mfg-radius:36px;--mfg-clay:inset 0 6px 0 #ffffff59, inset 0 -8px 0 #00000029;--mfg-lift:0 18px 40px #6b4eff29;--mfg-panel-text:var(--mfg-ink);--mfg-panel-muted:#4b3e85;--mfg-on-strong:#fff;--mfg-line:#2d1f661a;--mfg-focus:var(--mfg-grape);--mfg-font:Nunito, system-ui, -apple-system, "Segoe UI", sans-serif;--mfg-display:700 1em/.95 Fredoka, var(--mfg-font)}.mfg-grape{--mfg-bg:var(--mfg-grape);--mfg-panel:#fff;--mfg-text:#fff;--mfg-muted:#e6e0ff;--mfg-focus:var(--mfg-butter)}.mfg-shell{background:var(--mfg-bg);color:var(--mfg-text);font-family:var(--mfg-font);position:fixed;inset:0}.mfg-shell[data-overlay-only]{pointer-events:none;z-index:1000;background:0 0}.mfg-shell[data-overlay-only]>.mfg-overlay{pointer-events:auto}.mfg-overlay{z-index:100;background:#6b4effc7;place-items:center;display:grid;position:absolute;inset:0}.mfg-menu{min-width:min(400px,90vw);color:var(--mfg-ink);background:#fff;border-radius:44px;flex-direction:column;gap:10px;padding:32px 30px 28px;display:flex;box-shadow:inset 0 -10px #2d1f660f,0 30px 60px #140a3c59}.mfg-menu h2{font:var(--mfg-display);margin:0 0 8px;font-size:64px}.mfg-menu button{font:700 21px Fredoka, var(--mfg-font);text-align:left;background:var(--mfg-panel-2);color:var(--mfg-ink);border:0;border-radius:999px;padding:15px 22px}.mfg-menu button:focus-visible,.mfg-menu button[data-nav-focus],.mfg-menu button[data-active]{background:var(--mfg-primary);color:#fff;box-shadow:var(--mfg-clay);outline:none;transform:scale(1.03)}.mfg-hint{background:var(--mfg-accent);max-width:360px;color:var(--mfg-ink);border-radius:32px;padding:20px;position:relative;box-shadow:inset 0 -8px #0000001a,0 18px 34px #0003}.mfg-medal{width:1.8em;height:1.8em;font:var(--mfg-display);color:var(--mfg-ink);border-radius:50%;place-items:center;display:inline-grid;box-shadow:inset 0 -5px #00000024,inset 0 4px #ffffff73}.mfg-medal[data-tier=bronze]{background:var(--mfg-bronze)}.mfg-medal[data-tier=silver]{background:var(--mfg-silver)}.mfg-medal[data-tier=gold]{background:var(--mfg-gold)}.mfg-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mfg-card{--mfg-focus:var(--mfg-grape);--mfg-muted:var(--mfg-panel-muted);background:var(--mfg-panel);color:var(--mfg-panel-text);border-radius:var(--mfg-radius);box-shadow:inset 0 -8px 0 var(--mfg-line), var(--mfg-lift);font-family:var(--mfg-font)}.mfg-jelly{background:var(--mfg-primary);color:var(--mfg-on-strong);font:700 19px/1 Fredoka, var(--mfg-font);cursor:pointer;box-shadow:var(--mfg-clay), 0 8px 18px #6b4eff2e;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 26px;text-decoration:none;display:inline-flex}.mfg-jelly[data-size=small]{padding:10px 18px;font-size:18px}.mfg-jelly:focus-visible,.mfg-tab:focus-visible{outline:4px solid var(--mfg-focus);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.mfg-jelly{transition:transform .12s}.mfg-jelly:hover{transform:scale(1.05)}.mfg-jelly:active{transform:scale(1.04,.92)}}.mfg-avatar{object-fit:cover;background:var(--mfg-bubblegum);width:44px;height:44px;color:var(--mfg-ink);font:var(--mfg-display);box-shadow:0 0 0 3px var(--mfg-ink);border-radius:50%;flex:none;place-items:center;font-size:20px;display:inline-grid}.mfg-avatar[data-seat="1"]{background:var(--mfg-seat-1)}.mfg-avatar[data-seat="2"]{background:var(--mfg-seat-2)}.mfg-avatar[data-seat="3"]{background:var(--mfg-seat-3)}.mfg-avatar[data-seat="4"]{background:var(--mfg-seat-4)}.mfg-tabs{background:var(--mfg-panel-2);border-radius:999px;flex-wrap:wrap;gap:6px;padding:6px;display:flex}.mfg-tab{color:var(--mfg-panel-text);font:700 16px/1 Fredoka, var(--mfg-font);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px}.mfg-tab[aria-selected=true]{background:var(--mfg-primary);color:var(--mfg-on-strong);box-shadow:var(--mfg-clay);font-size:18px}.mfg-board{padding:24px}.mfg-board-header{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}a.mfg-board-name{color:inherit;text-decoration:none}a.mfg-board-name:hover,a.mfg-board-name:focus-visible{text-decoration:underline}.mfg-board-footer{margin-top:12px;font-weight:800}.mfg-game-icon{flex:none;display:block;box-shadow:inset 0 -4px #0000001f,0 6px 14px #6b4eff2e}.mfg-board-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mfg-board-closes{color:var(--mfg-muted);margin:0;font-weight:700}.mfg-board-table{border-collapse:separate;border-spacing:0 8px;table-layout:fixed;width:100%}.mfg-board-col-rank{width:3.5em}.mfg-board-col-value{width:6.5em}@media (width<=480px){.mfg-board{padding:18px}.mfg-board-col-rank{width:2.75em}.mfg-board-col-value{width:5em}.mfg-board-row td{padding:8px}.mfg-board-who{gap:8px}.mfg-board-who .mfg-avatar{width:32px;height:32px}.mfg-board-you{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.mfg-board-table caption{text-align:left;font:var(--mfg-display);padding-bottom:6px;font-size:28px}.mfg-board-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--mfg-muted);padding:0 14px;font-size:13px;font-weight:800}.mfg-board-table th:last-child,.mfg-board-value{text-align:right}.mfg-board-row td{background:var(--mfg-panel-2);padding:10px 14px}.mfg-board-row td:first-child{border-radius:999px 0 0 999px}.mfg-board-row td:last-child{border-radius:0 999px 999px 0}.mfg-board-row[data-you] td{background:var(--mfg-accent)}.mfg-board-table tfoot .mfg-board-row td{box-shadow:inset 0 -5px #0000001a}.mfg-board-rank{font:var(--mfg-display);text-align:center;font-size:20px}.mfg-board-who{align-items:center;gap:12px;min-width:0;display:flex}.mfg-board-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.mfg-board-you{background:var(--mfg-panel);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.mfg-board-value{font:var(--mfg-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px}.mfg-board-empty{text-align:center;color:var(--mfg-muted);padding:24px}.mfg-board[data-variant=compact]{padding:24px}.mfg-board[data-variant=compact] .mfg-board-table{border-spacing:0 4px}.mfg-board[data-variant=compact] .mfg-board-row td{padding:6px 10px}.mfg-board[data-variant=compact] .mfg-avatar{width:30px;height:30px;box-shadow:0 0 0 2px var(--mfg-ink);font-size:15px}.mfg-board[data-variant=compact] .mfg-board-value,.mfg-board[data-variant=compact] .mfg-board-rank{font-size:16px}.mfg-join{box-sizing:border-box;background:var(--mfg-bg);min-height:100%;color:var(--mfg-text);font-family:var(--mfg-font);text-align:center;flex-direction:column;align-items:center;gap:28px;padding:48px 32px;display:flex}.mfg-join-title{font:var(--mfg-display);margin:0;font-size:clamp(40px,6vw,88px)}.mfg-join-how{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.mfg-join-card{flex-direction:column;align-items:center;gap:16px;padding:28px 32px;display:flex}.mfg-join-step{margin:0;font-size:22px;font-weight:700}.mfg-join-code{gap:12px;margin:0;display:flex}.mfg-key{background:var(--mfg-tomato);width:1.3em;height:1.5em;color:var(--mfg-ink);font:var(--mfg-display);box-shadow:var(--mfg-clay), 0 10px 0 #2d1f6640;border-radius:28px;place-items:center;font-size:clamp(48px,7vw,104px);display:grid}.mfg-key:nth-child(4n+2){background:var(--mfg-tomato)}.mfg-key:nth-child(4n+3){background:var(--mfg-butter)}.mfg-key:nth-child(4n+4){background:var(--mfg-mint)}.mfg-key:nth-child(4n+5){background:var(--mfg-sky)}.mfg-join-qr{aspect-ratio:1;background:var(--mfg-panel-2);border-radius:20px;width:clamp(160px,18vw,240px);overflow:hidden}.mfg-join-qr svg{width:100%;height:100%;display:block}.mfg-join-qr svg path[fill]{fill:var(--mfg-panel)}.mfg-join-qr svg path[stroke]{stroke:var(--mfg-ink)}.mfg-join-count{font:var(--mfg-display);margin:0;font-size:28px}.mfg-join-seats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;width:min(100%,1100px);margin:0;padding:0;list-style:none;display:grid}.mfg-join-seat{border-radius:var(--mfg-radius);background:var(--mfg-panel);color:var(--mfg-panel-text);box-shadow:inset 0 -8px 0 var(--mfg-line), 0 18px 40px #140a3c40;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;display:flex}.mfg-join-seat .mfg-avatar{width:84px;height:84px;font-size:40px}.mfg-join-seat[data-empty]{color:var(--mfg-text);box-shadow:none;outline:4px dashed var(--mfg-muted);outline-offset:-4px;background:0 0}.mfg-join-seat[data-empty] .mfg-avatar{color:var(--mfg-muted);box-shadow:0 0 0 3px var(--mfg-muted);background:0 0}.mfg-join-seat[data-offline]{opacity:.55}.mfg-join-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:700 22px/1.1 Fredoka, var(--mfg-font);overflow:hidden}.mfg-join-status{background:var(--mfg-panel-2);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800}.mfg-join-seat[data-ready] .mfg-join-status{background:var(--mfg-ok)}.mfg-join-leader{margin:0;font-size:22px;font-weight:700}@media (prefers-reduced-motion:no-preference){.mfg-join-seat:not([data-empty]){animation:.5s cubic-bezier(.3,1.5,.6,1) both mfg-drop-in}}@keyframes mfg-drop-in{0%{opacity:0;transform:translateY(-60px)scale(.9,1.1)}70%{opacity:1;transform:translateY(0)scale(1.08,.9)}to{transform:none}}.mfg-howto{box-sizing:border-box;width:min(720px,100%);max-height:100%;padding:32px 28px;line-height:1.5;overflow-y:auto}.mfg-howto[data-overlay]{max-height:min(90vh,100%)}.mfg-howto:focus-visible{outline:4px solid var(--mfg-focus);outline-offset:3px}.mfg-howto h2{font:var(--mfg-display);margin:0 0 12px;font-size:48px}.mfg-howto h3{font:var(--mfg-display);margin:24px 0 8px;font-size:26px}.mfg-howto ul{padding-left:1.2em}.mfg-howto .mfg-tabs{margin-bottom:14px}.mfg-howto>.mfg-jelly{margin-top:24px}.mfg-controls{gap:8px;margin:0;display:grid}.mfg-controls-row{background:var(--mfg-panel-2);border-radius:24px;grid-template-columns:minmax(90px,.35fr) 1fr;align-items:center;gap:12px;padding:10px 16px;display:grid}.mfg-controls-row dt{font:700 18px/1.1 Fredoka, var(--mfg-font)}.mfg-controls-row dd{flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;display:flex}.mfg-controls-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.mfg-controls-player{color:var(--mfg-muted);font-size:12px;font-weight:800}.mfg-glyph{background:var(--mfg-panel);min-width:1.6em;color:var(--mfg-panel-text);font:700 16px/1 Fredoka, var(--mfg-font);box-shadow:inset 0 -4px 0 var(--mfg-line), 0 0 0 2px var(--mfg-line);border-radius:12px;place-items:center;padding:6px 10px;display:inline-grid}.mfg-controls[data-device=phone] .mfg-glyph{background:var(--mfg-primary);color:var(--mfg-ink);box-shadow:var(--mfg-clay);border-radius:999px}.mfg-controls-hint{color:var(--mfg-muted);flex-basis:100%;font-size:14px}.mfg-controls-none{color:var(--mfg-muted);font-style:italic}@media (width<=480px){.mfg-controls-row{grid-template-columns:1fr;gap:6px}}.mfg-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:200;box-sizing:border-box;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:16px 24px 18px 16px;display:flex;position:fixed;transform:translate(-50%)}.mfg-toast .mfg-medal{flex:none;font-size:30px}.mfg-toast-text p{margin:0}.mfg-toast-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--mfg-muted);font-size:12px;font-weight:800}.mfg-toast-title{font:700 22px/1.15 Fredoka, var(--mfg-font)}.mfg-toast-description{font-size:15px}@media (prefers-reduced-motion:no-preference){.mfg-toast{animation:.45s cubic-bezier(.3,1.6,.6,1) both mfg-pop}}@keyframes mfg-pop{0%{opacity:0;transform:translate(-50%)translateY(40px)scale(.6)}to{opacity:1;transform:translate(-50%)}}.mfg-account{--mfg-focus:var(--mfg-grape);--mfg-muted:var(--mfg-panel-muted);background:var(--mfg-panel);max-width:100%;color:var(--mfg-panel-text);font-family:var(--mfg-font);box-shadow:inset 0 -5px 0 var(--mfg-line), var(--mfg-lift);border-radius:999px;align-items:center;gap:10px;padding:6px;display:inline-flex}.mfg-account[data-kind=account]{padding-right:18px}.mfg-account .mfg-avatar{width:36px;height:36px;box-shadow:0 0 0 2px var(--mfg-ink);font-size:17px}.mfg-account-name{text-overflow:ellipsis;white-space:nowrap;font:700 17px/1 Fredoka, var(--mfg-font);overflow:hidden}.mfg-account-tag{background:var(--mfg-panel-2);color:var(--mfg-muted);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}.mfg-pad-screen{box-sizing:border-box;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:var(--mfg-bg);color:var(--mfg-text);font-family:var(--mfg-font);flex-direction:column;gap:16px;display:flex}.mfg-pad-bar{align-items:center;gap:12px;font-size:20px;display:flex}.mfg-pad-bar b{font:var(--mfg-display);flex:1;font-size:26px}.mfg-pad-seat{background:var(--mfg-seat-1);color:#fff;box-shadow:var(--mfg-clay);border-radius:999px;flex:none;padding:6px 12px;font-weight:800}.mfg-pad-screen[data-seat="1"] .mfg-pad-seat,.mfg-pad-screen[data-seat="5"] .mfg-pad-seat{background:var(--mfg-seat-2)}.mfg-pad-screen[data-seat="2"] .mfg-pad-seat,.mfg-pad-screen[data-seat="6"] .mfg-pad-seat{background:var(--mfg-seat-3);color:var(--mfg-ink)}.mfg-pad-screen[data-seat="3"] .mfg-pad-seat,.mfg-pad-screen[data-seat="7"] .mfg-pad-seat{background:var(--mfg-seat-4);color:var(--mfg-ink)}.mfg-pad-pause{background:var(--mfg-panel);width:44px;height:44px;color:var(--mfg-ink);box-shadow:var(--mfg-clay);border:0;border-radius:50%;flex:none;font-weight:800}.mfg-pad-body{flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.mfg-pad-primary{background:var(--mfg-primary);color:#fff;width:100%;min-height:64px;font:var(--mfg-display);box-shadow:var(--mfg-clay);touch-action:manipulation;border:0;border-radius:999px;flex:none;font-size:28px}.mfg-pad-primary:disabled{opacity:.45}.mfg-pad-primary:focus-visible,.mfg-pad-pause:focus-visible,.mfg-pad-scale button:focus-visible,.mfg-pad-choice button:focus-visible{outline:4px solid var(--mfg-focus);outline-offset:3px}.mfg-pad-scale{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.mfg-pad-scale button{aspect-ratio:1;background:var(--mfg-panel);box-shadow:var(--mfg-clay);touch-action:manipulation;border:0;border-radius:24px;font-size:clamp(30px,11vw,52px)}.mfg-pad-scale button[aria-checked=true]{background:var(--mfg-accent);box-shadow:var(--mfg-clay), 0 0 0 4px var(--mfg-ink)}.mfg-pad-text{flex-direction:column;gap:6px;font-weight:800;display:flex}.mfg-pad-text textarea{box-sizing:border-box;background:var(--mfg-panel);width:100%;color:var(--mfg-ink);font:700 20px var(--mfg-font);resize:none;border:0;border-radius:24px;padding:14px 16px}.mfg-pad-text textarea:focus-visible{outline:4px solid var(--mfg-focus)}.mfg-pad-text small{opacity:.7;align-self:flex-end}.mfg-pad-choice{border:0;margin:0;padding:0;font-weight:800}.mfg-pad-choice legend{margin-bottom:6px}.mfg-pad-choice div{gap:8px;display:flex}.mfg-pad-choice button{background:var(--mfg-panel);min-height:52px;color:var(--mfg-ink);font:700 20px Fredoka, var(--mfg-font);border:0;border-radius:999px;flex:1}.mfg-pad-choice button[aria-checked=true]{background:var(--mfg-accent);box-shadow:0 0 0 3px var(--mfg-ink)}.mfg-menus{font:var(--mfg-menu-font,13px/1.45 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);color:var(--mfg-menu-body-text,#e4e7ff)}.mfg-menus *{box-sizing:border-box}.mfg-menus a{color:#5ec8ff}.mfg-menus kbd{color:#e4e7ff;background:#1f2440;border:1px solid #2c3355;border-radius:4px;padding:1px 5px;font:11px ui-monospace,Menlo,Consolas,monospace}.mfg-menus .card{background:#171b2e;border:1px solid #2c3355;border-radius:10px;min-width:0;padding:12px 14px}.mfg-menus button,.mfg-menus select{color:#e4e7ff;font:inherit;cursor:pointer;white-space:nowrap;background:#1f2440;border:1px solid #2c3355;border-radius:7px;padding:6px 11px;line-height:1.2;text-decoration:none}.mfg-menus button:hover{border-color:#5ec8ff}.mfg-menus button.primary{background:var(--mfg-menu-accent,#ffd36b);color:#1a1400;border-color:var(--mfg-menu-accent,#ffd36b);min-width:84px;font-weight:600}.mfg-menus button:disabled{opacity:.5;cursor:wait}.mfg-menus label{color:#9aa1c9;white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.mfg-menus label input[type=checkbox]{accent-color:var(--mfg-menu-accent,#ffd36b);margin:0}.mfg-menus .portrait{image-rendering:pixelated;background:#22263f;border:1px solid #2c3355;border-radius:8px;flex:none}.mfg-menus .roster{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:18px;display:grid}.mfg-menus .card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #2a2f45;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;transition:transform 80ms,border-color .1s;display:flex;position:relative}.mfg-menus .card:hover{border-color:#4a5480;transform:translateY(-2px)}.mfg-menus .card canvas{image-rendering:pixelated;background:#00000040;border-radius:8px}.mfg-menus .card b{font-size:14px}.mfg-menus .stages{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px;margin-bottom:16px;display:grid}.mfg-menus .stage{cursor:pointer;background:#ffffff05;border:1px solid #2a2f45;border-radius:10px;flex-direction:column;gap:4px;padding:4px;display:flex}.mfg-menus .stage canvas{border-radius:6px;width:100%;height:auto;display:block}.mfg-menus .stage b{text-align:center;font-size:11px}.mfg-menus .stage:hover{border-color:#4a5480}.mfg-menus .stage.active{border-color:var(--mfg-menu-accent,#ffd36b);box-shadow:0 0 0 1px var(--mfg-menu-accent,#ffd36b) inset}.mfg-menus button{font:inherit;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #2a2f45;border-radius:8px;padding:8px 16px}.mfg-menus button.primary{background:var(--mfg-menu-primary,#e8342e);border-color:var(--mfg-menu-primary,#e8342e);color:#fff;font-weight:700}.mfg-menus button:hover{filter:brightness(1.1)}.mfg-menus select{font:inherit;color:inherit;background:#0f1120;border:1px solid #2a2f45;border-radius:6px;padding:3px 6px}.mfg-menus .css{z-index:20;color:var(--mfg-menu-text,#f2f3fa);grid-template:"head""centre"1fr"players""bar"/1fr;display:grid;position:fixed;inset:0;overflow:hidden}.mfg-menus .css-bg{z-index:-1;background:radial-gradient(1200px 700px at 50% 40%,#2a2f55 0%,#14172b 55%,#0b0d18 100%);position:absolute;inset:0}.mfg-menus .css-bg:before{content:"";background:radial-gradient(40% 35% at 30% 30%,#586edc47,#0000 70%),radial-gradient(35% 30% at 72% 65%,#e8342e29,#0000 70%),radial-gradient(30% 28% at 55% 20%,#ffd36b14,#0000 70%);animation:40s ease-in-out infinite alternate mfg-menus-css-drift;position:absolute;inset:-30%}.mfg-menus .css-bg:after{content:"";background:linear-gradient(#0000,#e8342e2e);height:40%;position:absolute;bottom:0;left:0;right:0}.mfg-menus .css-head{grid-area:head;align-items:baseline;gap:18px;padding:14px 28px 4px;display:flex}.mfg-menus .css-head h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:28px;font-weight:900}.mfg-menus .css-head p{color:var(--mfg-menu-muted,#9aa2c8);margin:0;font-size:13px}.mfg-menus .css-centre{grid-area:centre;min-height:0;padding:4px 8px 8px;overflow:auto}.mfg-menus .css .roster{--cw:clamp(126px, 10vw, 200px);grid-template-columns:repeat(auto-fill, minmax(var(--cw), 1fr));gap:clamp(10px,1vw,16px);max-width:1500px;margin:0 auto 12px}.mfg-menus .css .card{background:#0a0c188c;padding:12px 6px 10px;transform:skew(-4deg)}.mfg-menus .css .card>*{transform:skew(4deg)}.mfg-menus .css .card canvas{width:calc(var(--cw) * .66);height:calc(var(--cw) * .66)}.mfg-menus .css .card b{font-size:13px}.mfg-menus .css-bar{background:linear-gradient(#0000,#00000080);grid-area:bar;align-items:center;gap:16px;padding:10px 24px 14px;display:flex}.mfg-menus .css-bar label{color:var(--mfg-menu-muted,#9aa2c8);font-size:12px}.mfg-menus .css-bar .spacer{flex:1}.mfg-menus button.big{letter-spacing:.04em;text-transform:uppercase;padding:12px 28px;font-size:18px;box-shadow:0 8px 24px #e8342e66}.mfg-menus button.big kbd{font:inherit;opacity:.7;margin-left:8px;font-size:11px}@media (width<=1100px){.mfg-menus .css{grid-template-columns:1fr;grid-template-areas:"head""centre""players""bar"}}.mfg-menus .menu{z-index:21;color:var(--mfg-menu-text,#f2f3fa);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.mfg-menus .menu[hidden]{display:none}.mfg-menus .menu-inner{flex-direction:column;align-items:center;gap:8px;width:min(1040px,94vw);padding:28px 32px;display:flex}.mfg-menus .menu-kicker{color:var(--mfg-menu-accent,#ffd36b);letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.mfg-menus .menu-exit{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:22;color:#c8cde8;letter-spacing:.08em;text-transform:uppercase;background:#080a1499;border:1px solid #ffffff2e;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;text-decoration:none;position:fixed}.mfg-menus .menu-exit:hover{color:#fff;background:#e8342e59;border-color:#fff6}.mfg-menus .menu-title{letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 6px #00000059,0 16px 40px #e8342e59;margin:0 0 22px;font-size:clamp(44px,7.5vw,84px);font-style:italic;font-weight:900;line-height:.95;position:relative}.mfg-menus .title-logo{vertical-align:-.1em;filter:drop-shadow(0 4px 10px #ff3c2899);width:.95em;height:.95em;margin:0 .12em}.mfg-menus .menu-title:after{content:"";background:linear-gradient(90deg, var(--mfg-menu-primary,#e8342e), var(--mfg-menu-accent,#ffd36b));border-radius:2px;height:8px;position:absolute;bottom:-10px;left:4%;right:-2%;transform:skew(-20deg)}.mfg-menus .menu-list{grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(var(--mfg-menu-rows,4), minmax(84px, 1fr));box-sizing:border-box;gap:16px 22px;width:100%;padding:0 12px;display:grid}.mfg-menus .menu-item{text-align:left;color:#fff;min-width:0;font:inherit;cursor:pointer;border:2px solid #ffffff24;border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px;padding:16px 28px 16px 30px;transition:transform .14s,border-color .14s,box-shadow .14s;animation:.4s cubic-bezier(.2,.9,.3,1.2) backwards mfg-menus-tile-in;display:flex;position:relative;overflow:hidden;transform:skew(-7deg);box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #00000040}.mfg-menus .menu-item>*{transform:skew(7deg)}.mfg-menus .menu-item:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff38,#fff0 45%,#00000040);position:absolute;inset:0}.mfg-menus .menu-item:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);width:22%;position:absolute;top:-40%;bottom:-40%;left:-30%;transform:skew(-12deg)}.mfg-menus .menu-item:hover,.mfg-menus .menu-item:focus-visible,.mfg-menus .menu-item[data-nav-focus]{z-index:1;border-color:#fff;outline:none;transform:skew(-7deg)scale(1.035);box-shadow:0 0 0 3px #ffffff59,0 16px 40px #00000073}.mfg-menus .menu-item:hover:after,.mfg-menus .menu-item:focus-visible:after,.mfg-menus .menu-item[data-nav-focus]:after{animation:.7s ease-out mfg-menus-tile-sweep}.mfg-menus .menu-item b{letter-spacing:.02em;text-transform:uppercase;text-shadow:0 3px #00000059;font-size:34px;font-style:italic;font-weight:900;line-height:1}.mfg-menus .menu-item em{letter-spacing:.24em;text-transform:uppercase;color:#ffffffd9;order:-1;font-size:11px;font-style:normal;font-weight:800}.mfg-menus .menu-item span{color:#ffffffd1;white-space:normal;font-size:13px;line-height:1.35}.mfg-menus .tile-featured{grid-row:1 / span var(--mfg-menu-rows,4)}.mfg-menus .tile-1{background:var(--mfg-menu-tile-1,linear-gradient(160deg, #ff5a4a, #c8161f 55%, #7a0c14));animation-delay:20ms}.mfg-menus .tile-featured b{font-size:clamp(48px,7vw,76px)}.mfg-menus .tile-featured .tile-art{pointer-events:none;background:radial-gradient(closest-side,#ffd36b80,#ffd36b00 70%);width:60%;height:88%;position:absolute;top:6%;right:-6%}.mfg-menus .tile-featured .tile-art:before{content:"✦";color:#ffffff1f;font-size:120px;position:absolute;top:8%;right:10%;transform:rotate(15deg)}.mfg-menus .tile-2{background:var(--mfg-menu-tile-2,linear-gradient(160deg, #4fa3ff, #1e4fd6 55%, #0e2a7a));animation-delay:80ms}.mfg-menus .tile-3{background:var(--mfg-menu-tile-3,linear-gradient(160deg, var(--mfg-menu-accent,#ffd36b), #e8892e 55%, #7a3a0c));animation-delay:.11s}.mfg-menus .tile-4{background:var(--mfg-menu-tile-4,linear-gradient(160deg, #5fe38f, #1f9a55 55%, #0e4d2c));animation-delay:.17s}.mfg-menus .tile-5{background:var(--mfg-menu-tile-5,linear-gradient(160deg, #8a91b4, #4a5077 55%, #262a44));animation-delay:.2s}.mfg-menus .menu-foot{color:#6d7498;margin:22px 0 0;font-size:12px}@media (width<=720px){.mfg-menus .menu-list{grid-template-rows:none;grid-template-columns:1fr}.mfg-menus .tile-featured{grid-row:auto;min-height:140px}}.mfg-menus .css-head .ghost{color:#c8cde8;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:8px;padding:6px 12px;font-size:13px}.mfg-menus .css-head .ghost:hover{color:#fff;border-color:#fff6}.mfg-menus .mode-label{color:var(--mfg-menu-accent,#ffd36b);letter-spacing:.08em;text-transform:uppercase;margin-right:6px;font-weight:800}.mfg-menus .online-head{align-items:center;gap:16px;padding:0 4px 12px;display:flex}.mfg-menus .online-head h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:28px;font-weight:900}.mfg-menus .online-counts{color:var(--mfg-menu-muted,#9aa2c8);margin-left:auto;font-size:13px}.mfg-menus .css-head h1,.mfg-menus .online-head h1{font-style:italic}.mfg-menus .css-head h1{padding-left:14px;position:relative}.mfg-menus .css-head h1:before{content:"";background:linear-gradient(var(--mfg-menu-primary,#e8342e), var(--mfg-menu-accent,#ffd36b));width:6px;position:absolute;top:4px;bottom:4px;left:0;transform:skew(-12deg)}.mfg-menus .mode-label{font-style:italic}.mfg-menus .css-bar .primary.big{text-transform:uppercase;letter-spacing:.06em;padding:12px 28px;font-style:italic;font-weight:900;transform:skew(-8deg);box-shadow:0 8px 24px #e8342e59}.mfg-menus .css-bar .primary.big:hover{transform:skew(-8deg)scale(1.04)}.mfg-menus .seat.s0{background:var(--mfg-menu-seat-1,#e8342e)}.mfg-menus .seat.s1{background:var(--mfg-menu-seat-2,#3b7fe8)}.mfg-menus .seat.s2{background:var(--mfg-menu-seat-3,#ffd36b);color:#2a1a00}.mfg-menus .seat.s3{background:var(--mfg-menu-seat-4,#3ddc84);color:#072a16}.mfg-menus .players{--pv:clamp(150px, 30vh, 340px);grid-area:players;justify-content:center;align-items:stretch;gap:12px;padding:8px 18px 4px;display:flex;overflow-x:auto}.mfg-menus .pslot{grid-template-columns:calc(var(--pv) * .75) minmax(180px, 1fr);cursor:pointer;background:#0a0c18b8;border:2px solid #ffffff1a;border-radius:12px;flex:360px;grid-template-rows:auto auto 1fr auto;gap:4px 14px;min-width:260px;max-width:640px;padding:10px 16px;transition:border-color .12s,transform .12s;display:grid;position:relative}.mfg-menus .pslot:before{content:"";background:var(--pc,#8a91b4);border-radius:12px 0 0 12px;width:6px;position:absolute;top:0;bottom:0;left:0}.mfg-menus .pslot.s0{--pc:var(--mfg-menu-seat-1,#e8342e)}.mfg-menus .pslot.s1{--pc:var(--mfg-menu-seat-2,#3b7fe8)}.mfg-menus .pslot.s2{--pc:var(--mfg-menu-seat-3,#ffd36b)}.mfg-menus .pslot.s3{--pc:var(--mfg-menu-seat-4,#3ddc84)}.mfg-menus .pslot.active{border-color:var(--mfg-menu-accent,#ffd36b);transform:translateY(-2px);box-shadow:0 0 0 2px #ffd36b59,0 10px 30px #0006}.mfg-menus .pslot.locked{cursor:default;opacity:.85}.mfg-menus .pslot canvas{grid-row:1 / span var(--mfg-menu-rows,4);width:calc(var(--pv) * .75);height:calc(var(--pv) * .9375);filter:drop-shadow(0 12px 18px #0000008c);align-self:end;margin-bottom:-6px}.mfg-menus .pslot .phead{align-items:center;gap:8px;display:flex}.mfg-menus .pslot .phead .seat{color:#fff;border-radius:6px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid}.mfg-menus .pslot .phead b{text-transform:uppercase;font-size:clamp(18px,2vw,28px);font-style:italic;font-weight:900}.mfg-menus .pslot .phead small{color:var(--mfg-menu-muted,#9aa2c8);white-space:nowrap;margin-left:auto;font-size:11px}.mfg-menus .pslot .ptag{color:var(--mfg-menu-muted,#9aa2c8);max-height:4em;font-size:clamp(11px,1vw,13px);line-height:1.35;overflow:hidden}.mfg-menus .pslot .ptype{align-items:center;gap:6px;display:flex}.mfg-menus .pslot .ptype select{color:var(--mfg-menu-text,#f2f3fa);font:inherit;background:#00000059;border:1px solid #ffffff26;border-radius:8px;padding:4px 8px;font-size:12px}@media (width>=1400px){.mfg-menus .players{--pv:clamp(220px, 32vh, 380px)}}@media (height<=700px){.mfg-menus .players{--pv:clamp(120px, 26vh, 200px)}}.mfg-menus .card .picks{pointer-events:none;z-index:2;justify-content:center;gap:0;display:flex;position:absolute;bottom:26px;left:0;right:0}.mfg-menus .card .picks span{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;margin:0 -5px;font-size:11px;font-style:italic;font-weight:900;animation:.25s cubic-bezier(.2,1.4,.4,1) both mfg-menus-medal-drop;display:grid;transform:skew(4deg);box-shadow:0 4px 10px #0009,inset 0 -3px #00000040}.mfg-menus .card .picks .s0{background:radial-gradient(circle at 35% 30%,#ff7a6e,#c8161f)}.mfg-menus .card .picks .s1{background:radial-gradient(circle at 35% 30%,#7fb2ff,#1e4fd6)}.mfg-menus .card .picks .s2{color:#2a1a00;background:radial-gradient(circle at 35% 30%,#ffe9a8,#e8a020)}.mfg-menus .card .picks .s3{color:#072a16;background:radial-gradient(circle at 35% 30%,#9ff5c0,#1f9a55)}.mfg-menus .card.picked{border-color:#ffffff59}.mfg-menus .stage-pill{margin-left:auto}.mfg-menus .stage-pill b{color:var(--mfg-menu-accent,#ffd36b)}.mfg-menus .stage-screen{box-sizing:border-box;flex-direction:column;width:min(1240px,96vw);height:100%;padding:18px 0 14px;animation:.35s ease-out mfg-menus-css-in-left;display:flex}.mfg-menus .stage-screen .online-head .primary.big{text-transform:uppercase;letter-spacing:.06em;margin-left:12px;font-style:italic;transform:skew(-8deg)}.mfg-menus .stage-grid{flex:1;grid-template-columns:minmax(360px,1.5fr) minmax(300px,1fr);gap:14px;min-height:0;display:grid}.mfg-menus .stage-preview{background:#000;border:1px solid #ffffff1a;border-radius:14px;align-self:start;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.mfg-menus .stage-preview canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.mfg-menus .stage-caption{background:linear-gradient(#0000,#000000bf);flex-direction:column;gap:2px;padding:14px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.mfg-menus .stage-caption b{text-transform:uppercase;font-size:26px;font-style:italic;font-weight:900}.mfg-menus .stage-caption span{color:#d7dbee;font-size:13px}.mfg-menus .stage-screen .stages{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:10px;min-height:0;padding-right:4px;overflow:auto}.mfg-menus .stage-screen .stage{background:#0a0c1899}.mfg-menus .stage-screen .stage b{font-size:12px}@media (width<=900px){.mfg-menus .stage-grid{grid-template-columns:1fr;overflow:auto}}.mfg-menus .stage .votes{gap:2px;display:flex;position:absolute;top:4px;right:4px}.mfg-menus .stage .votes span{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid;box-shadow:0 2px 6px #00000080}.mfg-menus .stage .votes .s0{background:var(--mfg-menu-seat-1,#e8342e)}.mfg-menus .stage .votes .s1{background:var(--mfg-menu-seat-2,#3b7fe8)}.mfg-menus .stage .votes .s2{background:var(--mfg-menu-seat-3,#ffd36b);color:#2a1a00}.mfg-menus .stage .votes .s3{background:var(--mfg-menu-seat-4,#3ddc84);color:#072a16}.mfg-menus .stage{position:relative}.mfg-menus .stage.winner{border-color:var(--mfg-menu-accent,#ffd36b);z-index:1;transform:scale(1.06);box-shadow:0 0 0 3px #ffd36b80,0 0 30px #ffd36b59}.mfg-menus .mfg-stage-select.revealing .online-head button,.mfg-menus .mfg-stage-select.revealing .online-head .primary{visibility:hidden}.mfg-menus .reveal-tag{color:var(--mfg-menu-accent,#ffd36b);text-transform:uppercase;letter-spacing:.1em;z-index:3;background:#080a14d9;border:1px solid #ffd36b99;border-radius:999px;padding:10px 22px;font-size:18px;font-style:italic;font-weight:900;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}@media (height<=520px){.mfg-menus .menu,.mfg-menus .css,.mfg-menus .mfg-stage-select{inset:0}.mfg-menus .menu-inner{gap:2px;padding:8px 12px}.mfg-menus .menu-kicker{display:none}.mfg-menus .menu-title{margin-bottom:8px;font-size:34px}.mfg-menus .menu-title:after{display:none}.mfg-menus .menu-list{grid-template-rows:repeat(var(--mfg-menu-rows,4), minmax(40px, 1fr));gap:6px;max-height:calc(100dvh - 70px)}.mfg-menus .menu-item{padding:6px 12px 6px 16px}.mfg-menus .menu-item b,.mfg-menus .tile-featured b{font-size:18px}.mfg-menus .menu-item em,.mfg-menus .menu-item span,.mfg-menus .menu-foot{display:none}.mfg-menus .stage-screen{padding:8px 0 6px}.mfg-menus .online-head{padding-bottom:4px}.mfg-menus .online-head h1{font-size:18px}.mfg-menus .stage-grid{grid-template-columns:1fr 1fr;gap:8px}.mfg-menus .stage-screen .stages{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.mfg-menus .stage-caption{padding:8px 12px}.mfg-menus .stage-caption b{font-size:16px}.mfg-menus .stage-caption span{display:none}.mfg-menus .css-head{gap:10px;padding:6px 12px 2px}.mfg-menus .css-head h1{font-size:16px}.mfg-menus .css-head p{display:none}.mfg-menus .css .roster{--cw:84px;gap:6px;margin-bottom:4px}.mfg-menus .css .card{padding:6px 4px 4px}.mfg-menus .css .card b{font-size:11px}.mfg-menus .players{--pv:92px;gap:6px;padding:4px 10px 2px}.mfg-menus .pslot{gap:2px 8px;min-width:200px;padding:6px 10px}.mfg-menus .pslot .ptag{display:none}.mfg-menus .pslot .phead b{font-size:14px}.mfg-menus .css-bar{gap:10px;padding:4px 12px 8px}.mfg-menus .css-bar .primary.big{padding:8px 18px}}@media (pointer:coarse) and (orientation:portrait){.mfg-menus .stage-grid{grid-template-columns:1fr;overflow:auto}}@media (width<=1100px){.mfg-menus .css-head{flex-wrap:wrap;gap:8px 14px}.mfg-menus .css-head h1{font-size:24px}.mfg-menus .css-head p{flex-basis:100%;order:4}.mfg-menus .players{--pv:220px;justify-content:flex-start}.mfg-menus .pslot{grid-template-columns:140px minmax(140px,1fr);gap:4px 10px;min-width:330px;padding:10px}.mfg-menus .pslot canvas{width:140px;height:175px}.mfg-menus .pslot .phead{flex-wrap:wrap}.mfg-menus .pslot .phead small{margin-left:0}}@media (pointer:coarse) and (width<=1000px){.mfg-menus .menu-title{white-space:nowrap;letter-spacing:-.02em;font-size:clamp(20px,6.2vw,44px)}.mfg-menus .title-logo{margin:0 .08em}.mfg-menus .css{grid-template:"head""centre"minmax(0,1fr)"players""bar"/minmax(0,1fr);overflow:hidden}.mfg-menus .css>*{min-width:0}.mfg-menus .css-head{flex-wrap:wrap;gap:6px 10px;padding:6px 10px 2px}.mfg-menus .css-head h1{font-size:18px}.mfg-menus .css-head p{display:none}.mfg-menus .css-head .stage-pill{margin-left:auto;padding:4px 8px;font-size:12px}.mfg-menus .css-centre{padding:4px 8px;overflow:auto}.mfg-menus .css .roster{--cw:92px;gap:6px}.mfg-menus .players{--pv:104px;justify-content:flex-start;gap:8px;padding:4px 8px;overflow:auto hidden}.mfg-menus .pslot{flex:0 0 236px;gap:2px 8px;min-width:236px;max-width:236px;padding:8px 10px}.mfg-menus .pslot .ptag{display:none}.mfg-menus .pslot .phead b{font-size:15px}.mfg-menus .css-bar{flex-wrap:wrap;gap:8px;padding:6px 10px 10px}.mfg-menus .css-bar .primary.big{padding:8px 18px;font-size:14px}.mfg-menus .menu-inner{padding:12px}.mfg-menus .menu-list{grid-template-rows:repeat(var(--mfg-menu-rows,4), minmax(56px, auto));gap:8px}.mfg-menus .tile-featured b{font-size:40px}.mfg-menus .menu-item{padding:10px 14px 10px 18px}.mfg-menus .menu-item b{font-size:22px}.mfg-menus .menu-item span{display:none}}.mfg-menus .mfg-roster-select .css-bg{background:radial-gradient(at 15% 0,#23384a 0,#0000 55%),radial-gradient(at 100% 90%,#482638 0,#0000 55%),#101620}.mfg-menus .mfg-roster-select .css-bg:before{background:repeating-linear-gradient(125deg,#0000 0 90px,#ffffff03 90px 91px);animation:none;inset:0}.mfg-menus .mfg-roster-select .css-head{padding:max(16px, env(safe-area-inset-top)) 24px 14px;border-bottom:1px solid #ffffff12}.mfg-menus .mfg-roster-select .css-head h1{letter-spacing:-.03em}.mfg-menus .mfg-roster-select .card{background:linear-gradient(155deg,#28374a,#131d2a);border-color:#ffffff14;border-radius:12px;overflow:hidden;transform:none}.mfg-menus .mfg-roster-select .card>*{transform:none}.mfg-menus .mfg-roster-select .card canvas{image-rendering:auto;background:radial-gradient(at 50% 75%,#657e922c,#0000 70%)}.mfg-menus .mfg-roster-select .card:hover,.mfg-menus .mfg-roster-select .card.picked{border-color:var(--mfg-menu-accent,#ffd36b);background:linear-gradient(155deg,#4b493b,#202630);box-shadow:0 0 0 1px #ffd36b44}.mfg-menus .mfg-roster-select .css-centre{padding-top:20px}.mfg-menus .mfg-roster-select .css-bar{background:#101620ed;border-top:1px solid #ffffff14}.mfg-menus button:focus-visible,.mfg-menus button[data-nav-focus],.mfg-menus a:focus-visible,.mfg-menus a[data-nav-focus],.mfg-menus select:focus-visible,.mfg-menus select[data-nav-focus],.mfg-menus input:focus-visible,.mfg-menus input[data-nav-focus],.mfg-menus [role=button]:focus-visible,.mfg-menus [role=button][data-nav-focus]{outline:3px solid var(--mfg-menu-accent,#ffd36b);outline-offset:4px}@media (width<=700px){.mfg-menus .stage-screen .online-head{grid-template-columns:auto 1fr auto;gap:8px;display:grid}.mfg-menus .stage-screen .online-head h1{min-width:0;font-size:20px;line-height:1.05}.mfg-menus .stage-screen .online-head>span{display:none}.mfg-menus .stage-screen .online-head .primary.big{margin-left:0;padding:12px 10px;font-size:13px;transform:none}}@media (prefers-reduced-motion:reduce){.mfg-menus .css-bg:before,.mfg-menus .menu-item{animation:none!important}.mfg-menus *,.mfg-menus :before,.mfg-menus :after{scroll-behavior:auto!important;transition-duration:0s!important}}.mfg-menus .mfg-stage-select[data-readonly] .online-head button{display:none}.mfg-menus .mfg-stage-select[data-readonly] .stage{cursor:default}@keyframes mfg-menus-css-drift{0%{transform:translate(-4%,-3%)scale(1)}to{transform:translate(4%,3%)scale(1.08)}}@keyframes mfg-menus-css-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@keyframes mfg-menus-tile-in{0%{opacity:0;transform:skew(-7deg)translate(-40px)}to{opacity:1;transform:skew(-7deg)translate(0)}}@keyframes mfg-menus-tile-sweep{0%{opacity:1;left:-30%}to{opacity:0;left:120%}}@keyframes mfg-menus-medal-drop{0%{opacity:0;transform:skew(4deg)translateY(-14px)scale(1.4)}to{opacity:1;transform:skew(4deg)translateY(0)scale(1)}}.mfg-menus .mfg-roster-select{grid-template:"head""centre"minmax(0,1fr)"bar"/minmax(0,1fr);display:grid;overflow:hidden}.mfg-menus .mfg-roster-select>*{min-width:0}.mfg-menus .mfg-roster-select .select-content{flex-direction:column;grid-area:centre;justify-content:safe center;width:100%;max-width:1640px;min-height:0;margin:0 auto;display:flex;overflow:hidden}.mfg-menus .mfg-roster-select .add-player{white-space:normal;color:#d2dceb;scroll-snap-align:end;background:#ffffff04;border:1px dashed #8b9aaf66;flex:0 0 104px;align-self:center;min-height:72px;padding:12px}.mfg-menus .mfg-roster-select .add-player:hover{background:#ffffff0c;border-color:#f8c956}.mfg-menus .mfg-roster-select .css-head{padding:max(12px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 12px max(18px, env(safe-area-inset-left));align-items:center;gap:10px 18px}.mfg-menus .mfg-roster-select .css-head h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(18px,2.1vw,28px);overflow:hidden}.mfg-menus .mfg-roster-select .css-head p{flex:1;font-size:12px}.mfg-menus .mfg-roster-select .css-centre{flex:none;max-height:35dvh;padding:12px 18px 6px;overflow:auto}.mfg-menus .mfg-roster-select .roster{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8494aa55 transparent;grid-template-columns:none;grid-auto-columns:minmax(94px,1fr);grid-auto-flow:column;gap:8px;max-width:none;margin:0 auto;padding:4px 3px 10px;display:grid;overflow:auto hidden}.mfg-menus .mfg-roster-select .card{scroll-snap-align:start;gap:4px;min-width:0;padding:8px 4px}.mfg-menus .mfg-roster-select .card canvas{width:72px!important;height:72px!important}.mfg-menus .mfg-roster-select .card b{font-size:13px}.mfg-menus .mfg-roster-select .card .picks{bottom:26px}.mfg-menus .mfg-roster-select .players{overscroll-behavior:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8494aa55 transparent;flex:0 auto;justify-content:safe center;align-items:stretch;gap:12px;height:min(780px,100dvh - 250px);min-height:0;padding:8px 18px 14px;display:flex;overflow:auto}.mfg-menus .mfg-roster-select .pslot{scroll-snap-align:start;background:radial-gradient(ellipse at 8% 25%, color-mix(in srgb, var(--pc) 22%, transparent), transparent 75%), #111a26;flex:0 0 392px;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:10px;min-width:300px;max-width:392px;min-height:300px;padding:16px;display:grid;position:relative;overflow:hidden;container-type:inline-size}.mfg-menus .mfg-roster-select .pslot.active{transform:none}.mfg-menus .mfg-roster-select .pslot canvas{object-fit:contain;object-position:center;background:radial-gradient(ellipse at 50% 75%, color-mix(in srgb, var(--pc) 15%, transparent), transparent 75%);border-radius:8px;grid-area:3/1;align-self:stretch;width:100%;min-width:0;height:100%;min-height:0;margin:0}.mfg-menus .mfg-roster-select .phead{text-align:left;background:0 0;border:0;flex-wrap:wrap;grid-area:1/1;place-content:start center;gap:6px;min-width:0;min-height:44px;padding:0 22px}.mfg-menus .mfg-roster-select .phead b{overflow-wrap:anywhere;font-size:clamp(24px,6cqw,44px);line-height:1.05}.mfg-menus .mfg-roster-select .phead small{text-align:center;white-space:normal;flex-basis:100%;margin:0;line-height:1.4}.mfg-menus .mfg-roster-select .ptag{text-align:center;grid-area:2/1;align-self:start;max-height:none;font-size:12px;display:block}.mfg-menus .mfg-roster-select .ptype{flex-wrap:nowrap;grid-area:4/1;align-items:center;gap:8px;min-width:0;min-height:44px;display:flex}.mfg-menus .mfg-roster-select .ptype select{flex:1;width:0;min-width:0;min-height:44px;padding:8px 34px 8px 12px}.mfg-menus .mfg-roster-select .controller-toggle{background:#080f19aa;border:1px solid #ffffff20;border-radius:9px;flex:1;min-width:0;padding:3px;display:flex}.mfg-menus .mfg-roster-select .controller-toggle button{color:#aebcce;background:0 0;border:0;border-radius:6px;flex:1;min-width:0;min-height:36px;padding:6px 8px;font-size:12px}.mfg-menus .mfg-roster-select .controller-toggle button[aria-pressed=true]{color:#fff;background:color-mix(in srgb, var(--pc) 30%, #283343);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pc) 45%, transparent)}.mfg-menus .mfg-roster-select .pslot .remove{z-index:1;color:#aebcce;background:0 0;border:0;width:36px;height:36px;min-height:36px;margin:0;padding:0;font-size:24px;position:absolute;top:5px;right:5px}.mfg-menus .mfg-roster-select .pslot .remove:hover{color:#fff;background:#ffffff12}.mfg-menus .mfg-roster-select select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23bbc9db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.mfg-menus .mfg-roster-select select:focus-visible,.mfg-menus .mfg-roster-select select[data-nav-focus],.mfg-menus .mfg-roster-select button:focus-visible,.mfg-menus .mfg-roster-select button[data-nav-focus]{outline-offset:2px;outline:2px solid #f8c956}.mfg-menus .mfg-roster-select .costume-picker{border-top:1px solid #ffffff14;grid-area:5/1/auto/-1;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;min-width:0;padding-top:10px;display:grid}.mfg-menus .mfg-roster-select .costume-picker button{background:#ffffff08;min-height:48px;padding:0;font-size:28px;line-height:1}.mfg-menus .mfg-roster-select .costume-picker button:disabled{opacity:.35;cursor:default}.mfg-menus .mfg-roster-select .costume-picker label{min-width:0;display:grid;position:relative}.mfg-menus .mfg-roster-select .costume-caption{color:#a9b9ca;text-transform:uppercase;letter-spacing:.12em;pointer-events:none;font-size:9px;position:absolute;top:6px;left:12px}.mfg-menus .mfg-roster-select .costume-picker i{pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;bottom:10px;left:12px;box-shadow:0 0 0 1px #ffffff4d}.mfg-menus .mfg-roster-select .costume-picker select{width:100%;min-width:0;height:50px;color:var(--mfg-menu-text,#f2f3fa);text-overflow:ellipsis;background-color:#0c1420;border-radius:8px;padding:19px 36px 4px 29px;font-size:13px}.mfg-menus .mfg-roster-select .css-bar{padding:10px max(18px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));gap:12px}.mfg-menus .mfg-roster-select .css-bar label{align-items:center;gap:5px;display:flex}.mfg-menus .mfg-roster-select .css-bar button,.mfg-menus .mfg-roster-select .css-bar select{min-height:44px}.mfg-menus .mfg-roster-select .css-bar .primary.big{padding:10px 28px}@media (pointer:coarse){.mfg-menus .mfg-roster-select .costume-picker select,.mfg-menus .mfg-roster-select .ptype select,.mfg-menus .mfg-roster-select .css-bar select{font-size:16px}}@media (width<=1100px){.mfg-menus .mfg-roster-select .css-head p{display:none}}@media (width<=900px),(height<=500px){.mfg-menus .mfg-roster-select .pslot{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.mfg-menus .mfg-roster-select .pslot canvas{grid-area:1/1/4}.mfg-menus .mfg-roster-select .phead{grid-column:2;grid-template-columns:auto minmax(0,1fr);justify-content:flex-start;padding:0 20px 0 0;display:grid}.mfg-menus .mfg-roster-select .phead b{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mfg-menus .mfg-roster-select .phead small{text-align:left;grid-column:1/-1}.mfg-menus .mfg-roster-select .ptag{text-align:left;grid-column:2}.mfg-menus .mfg-roster-select .ptype{flex-direction:column;grid-area:3/2;align-items:stretch}.mfg-menus .mfg-roster-select .ptype select{flex:none;width:100%}.mfg-menus .mfg-roster-select .costume-picker{grid-row:4}}@media (width<=900px) and (orientation:portrait){.mfg-menus .mfg-roster-select .css-head{padding:max(8px, env(safe-area-inset-top)) 12px 8px;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;display:grid}.mfg-menus .mfg-roster-select .css-head h1{font-size:clamp(16px,4.7vw,22px)}.mfg-menus .mfg-roster-select .css-head p{display:none}.mfg-menus .mfg-roster-select .stage-pill{text-overflow:ellipsis;grid-area:2/1/auto/-1;justify-self:end;max-width:100%;margin:0;padding:4px 10px;font-size:12px;overflow:hidden}.mfg-menus .mfg-roster-select .add-player{justify-self:center;min-height:44px;padding:6px 12px;font-size:12px}.mfg-menus .mfg-roster-select .css-centre{flex:none;padding:4px 9px 0}.mfg-menus .mfg-roster-select .roster{grid-auto-columns:84px;gap:6px}.mfg-menus .mfg-roster-select .card canvas{width:60px!important;height:60px!important}.mfg-menus .mfg-roster-select .card{padding:6px 4px}.mfg-menus .mfg-roster-select .players{height:calc(var(--player-count,2) * 370px + 60px);scroll-snap-type:y proximity;flex:0 auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(240px,1fr);align-content:start;gap:10px;padding:6px 12px 10px;display:grid}.mfg-menus .mfg-roster-select .players:has(.add-player){grid-template-rows:repeat(var(--player-count,2), minmax(240px, 1fr)) 44px}.mfg-menus .mfg-roster-select .pslot{gap:6px 10px;min-width:0;max-width:none;min-height:240px;padding:10px}.mfg-menus .mfg-roster-select .ptag{display:none}.mfg-menus .mfg-roster-select .phead b{font-size:clamp(14px,5cqw,20px)}.mfg-menus .mfg-roster-select .costume-picker{padding-top:6px}.mfg-menus .mfg-roster-select .costume-picker select,.mfg-menus .mfg-roster-select .ptype select,.mfg-menus .mfg-roster-select .css-bar select{font-size:16px}.mfg-menus .mfg-roster-select .css-bar{padding:8px 12px max(8px, env(safe-area-inset-bottom));grid-template-columns:auto auto 1fr;gap:6px 8px;display:grid}.mfg-menus .mfg-roster-select .css-bar .spacer{display:none}.mfg-menus .mfg-roster-select .css-bar label{font-size:11px}.mfg-menus .mfg-roster-select .css-bar .random{justify-self:end;padding:6px 10px;font-size:12px}.mfg-menus .mfg-roster-select .css-bar .start{grid-column:1/-1;width:100%;padding:8px}}@media (height<=500px) and (orientation:landscape){.mfg-menus .mfg-roster-select .css-head{padding:max(4px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));flex-wrap:nowrap}.mfg-menus .mfg-roster-select .css-head h1{font-size:18px}.mfg-menus .mfg-roster-select .css-head p{display:none}.mfg-menus .mfg-roster-select .css-head .stage-pill{margin-left:auto}.mfg-menus .mfg-roster-select .add-player{min-height:32px;padding:4px 8px;font-size:11px}.mfg-menus .mfg-roster-select .css-centre{flex:none;padding:0 10px}.mfg-menus .mfg-roster-select .roster{grid-auto-columns:minmax(70px,1fr);gap:5px;padding-bottom:4px}.mfg-menus .mfg-roster-select .card{gap:0;padding:3px}.mfg-menus .mfg-roster-select .card canvas{width:44px!important;height:44px!important}.mfg-menus .mfg-roster-select .card b{font-size:11px}.mfg-menus .mfg-roster-select .card .picks{bottom:18px}.mfg-menus .mfg-roster-select .card .picks span{width:22px;height:22px;font-size:9px}.mfg-menus .mfg-roster-select .players{height:auto;padding:5px max(12px, env(safe-area-inset-right)) 5px max(12px, env(safe-area-inset-left));flex:1;gap:8px;max-height:none}.mfg-menus .mfg-roster-select .pslot{flex-basis:290px;gap:2px 8px;min-width:290px;max-width:480px;min-height:176px;padding:6px 8px}.mfg-menus .mfg-roster-select .phead{gap:4px}.mfg-menus .mfg-roster-select .phead b{font-size:14px}.mfg-menus .mfg-roster-select .phead small{font-size:10px}.mfg-menus .mfg-roster-select .ptag{display:none}.mfg-menus .mfg-roster-select .ptype{gap:4px}.mfg-menus .mfg-roster-select .ptype select{flex:none;width:100%;min-height:32px;padding-top:4px;padding-bottom:4px;font-size:11px}.mfg-menus .mfg-roster-select .controller-toggle button{min-height:28px;padding:3px 6px;font-size:11px}.mfg-menus .mfg-roster-select .costume-picker{padding-top:4px}.mfg-menus .mfg-roster-select .costume-picker select{height:44px;padding-top:17px}.mfg-menus .mfg-roster-select .costume-picker button{min-height:44px}.mfg-menus .mfg-roster-select .costume-caption{top:4px}.mfg-menus .mfg-roster-select .css-bar{padding-top:4px;padding-bottom:max(4px, env(safe-area-inset-bottom))}.mfg-menus .mfg-roster-select .css-bar .primary.big{padding:6px 24px}}@media (height<=350px) and (orientation:landscape){.mfg-menus .mfg-roster-select .card canvas{width:32px!important;height:32px!important}.mfg-menus .mfg-roster-select .pslot{min-height:150px}.mfg-menus .mfg-roster-select .ptype{gap:2px}.mfg-menus .mfg-roster-select .ptype select{min-height:28px}.mfg-menus .mfg-roster-select .controller-toggle{padding:2px}.mfg-menus .mfg-roster-select .controller-toggle button{min-height:24px}.mfg-menus .mfg-roster-select .phead{min-height:28px}.mfg-menus .mfg-roster-select .phead small{display:none}}