html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;color:#e8eef4;background:#0b0d10;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}#game{width:100%;height:100%}#game canvas{display:block}:root{--ink:#e8eef4;--muted:#9fb2c4;--dim:#7f92a4;--accent:#4fc3f7;--gold:#ffd54f;--good:#7ddc6a;--bad:#ff6b6b;--card:#0e1218f0;--line:#ffffff12;--well:#ffffff0a}#menu{box-sizing:border-box;z-index:10;background:radial-gradient(at 50% 30%,#4fc3f729,#0000 60%),radial-gradient(at 15% 95%,#ff8a3d1f,#0000 50%),#0b0d10;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}#menu.hidden{display:none}#menu:before{content:"";pointer-events:none;background:repeating-radial-gradient(circle at 50% 42%,#4fc3f712 0 2px,#0000 2px 74px);animation:7s linear infinite field-pulse;position:absolute;inset:-20%}#menu>*{position:relative}@keyframes field-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:.35;transform:scale(1.18)}}.menu-shell{background:var(--card);border:1px solid #4fc3f738;border-radius:18px;grid-template:"top top""tabs panel"minmax(0,1fr)"bar bar"/172px minmax(0,1fr);width:min(980px,100%);height:min(700px,100%);display:grid;overflow:hidden;box-shadow:0 24px 70px #0009,inset 0 0 40px #4fc3f70f}.menu-top{border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:18px;padding:16px 22px 14px;display:flex}.menu-title{letter-spacing:.01em;white-space:nowrap;align-items:center;gap:8px;margin:0;font-family:Bungee,Segoe UI Black,Impact,sans-serif;font-size:30px;font-weight:400;line-height:1;display:flex}.menu-title b{color:#fff;text-shadow:0 0 18px #4fc3f799;font-weight:400}.menu-title span{background:linear-gradient(100deg,#ffb74d 0%,#ff5a3d 35%,#fff1c9 50%,#ff5a3d 65%,#ff8a3d 100%) 0 0/250% 100%;color:#0000;filter:drop-shadow(0 0 12px #ff5a3d73);-webkit-background-clip:text;background-clip:text;animation:4.5s ease-in-out infinite brawl-sweep}.menu-mark{filter:drop-shadow(0 0 10px #ff5a3d80);transform-origin:50% 70%;flex:none;width:1.2em;height:1.2em;animation:3s ease-in-out infinite magnet-tug}@keyframes brawl-sweep{0%,to{background-position:100% 0}50%{background-position:0 0}}@keyframes magnet-tug{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)scale(1.06)}}@media (prefers-reduced-motion:reduce){.menu-title span,.menu-mark,#menu:before{animation:none}}.menu-tagline{color:var(--muted);flex:1;margin:0;font-size:13px}.menu-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.menu-badge{color:#c8d3de;background:var(--well);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.shop-wallet{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.shop-wallet .menu-badge{padding:6px 12px;font-size:13px}.shop-earn{margin:0 0 0 4px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.shop-card{background:var(--well);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 12px;display:flex;position:relative}.shop-card.premium{background:linear-gradient(160deg, #ff5a3d1a, var(--well) 60%);border-color:#ff5a3d73}.shop-card.owned{border-color:#7ddc6a66}.shop-card .menu-swatch-dot{width:42px;height:42px}.item-art{aspect-ratio:1;object-fit:cover;background:#0b0d10;border-radius:10px;width:100%;height:auto;display:block}.shop-card .shop-tag{z-index:1}.shop-card .shop-tag:not(.deal){background:#080a0ec7;border-radius:999px;padding:2px 6px}.shop-tag{letter-spacing:.08em;text-transform:uppercase;color:#ffb4a1;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.shop-name{font-size:15px;font-weight:800}.shop-actions{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.shop-buy{color:var(--ink);font:inherit;cursor:pointer;background:#4fc3f714;border:1px solid #4fc3f759;border-radius:9px;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex}.shop-buy small{color:var(--muted);font-size:11px}.shop-buy.confirm{border-color:var(--gold);background:#ffd54f26}.shop-buy.confirm small{color:var(--gold);font-weight:700}.shop-buy:disabled{cursor:not-allowed;opacity:.55}.shop-price{align-items:center;gap:5px;font-weight:800;display:inline-flex}.shop-price s{color:var(--muted);margin-right:2px;font-weight:600}.shop-card.featured{background:linear-gradient(160deg, #ffd54f24, var(--well) 60%);border-color:#ffd54f99;box-shadow:0 0 22px #ffd54f1f}.shop-tag.deal{color:#1a1403;background:var(--gold);border-radius:999px;padding:2px 6px}.shop-ends{letter-spacing:.04em;text-transform:none;color:var(--gold);margin-left:8px;font-size:11px;font-weight:700}.shop-card.free{background:linear-gradient(160deg, #7ddc6a1f, var(--well) 60%);border-color:#7ddc6a73}.shop-card.free .shop-tag{color:#b9f2ad}.shop-buy.ad{background:#7ddc6a24;border-color:#7ddc6a8c}.menu-swatch-dot.menu-swatch-anim{background:var(--cycle);background-size:300% 300%;animation:3s linear infinite swatch-cycle}.menu-swatch-dot.menu-swatch-trail.menu-swatch-anim{-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}@keyframes swatch-cycle{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.menu-swatch-dot.menu-swatch-anim{animation:none}}.shop-price svg{width:14px;height:14px}.shop-pack-amount{align-items:center;gap:6px;font-size:22px;display:inline-flex}.shop-pack-amount svg{width:26px;height:26px}.shop-buy.pack{background:linear-gradient(135deg,#ff5a3d40,#ff9a3d33);border-color:#ff8a3d99}.shop-test{color:var(--gold)}.shop-owned{color:var(--good);font-size:12px;font-weight:700}.menu-cur{align-items:center;gap:5px;display:inline-flex}.menu-cur svg{width:14px;height:14px}.menu-cur b{font-weight:800}.menu-scrap{color:#d6dee6;border-color:#aeb9c459}.menu-magnets{color:#ffb4a1;background:#ff5a3d14;border-color:#ff5a3d73}.menu-badge-title{color:var(--gold);border-color:#ffd54f66}.menu-tabs{border-right:1px solid var(--line);background:#00000029;flex-direction:column;grid-area:tabs;gap:4px;padding:14px 10px;display:flex}.menu-tab{color:var(--muted);letter-spacing:.04em;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:background .12s,color .12s;display:flex}.menu-tab i{text-align:center;opacity:.8;width:18px;font-style:normal}.menu-tab:hover{color:#fff;background:#ffffff0d}.menu-tab.on{color:#fff;box-shadow:inset 3px 0 0 var(--accent);background:#4fc3f724}.menu-panel{text-align:left;grid-area:panel;padding:4px 24px 22px;overflow:auto}.menu-section{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:18px 0 8px;font-size:12px;font-weight:700}.menu-note{color:var(--dim);margin:4px 0 12px;font-size:12.5px}.menu-tip{color:var(--muted);margin:18px 0 0;font-size:13px}.menu-tip b{color:var(--bad)}.menu-bar{background:#00000042;border-top:1px solid #ffffff14;grid-area:bar;align-items:center;gap:14px;padding:14px 22px;display:flex}.menu-bar .menu-input{flex:0 240px}.menu-summary{min-width:0;color:var(--muted);text-align:right;flex:1;font-size:13px}.menu-summary-room{color:var(--gold);letter-spacing:.08em}.menu-input{color:#fff;-webkit-user-select:text;user-select:text;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;outline:none;min-width:0;padding:12px 14px;font-family:inherit;font-size:17px}.menu-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4fc3f733}.menu-play{letter-spacing:.1em;cursor:pointer;color:#0b0d10;background:linear-gradient(#7fd8ff,#4fc3f7);border:none;border-radius:10px;padding:13px 42px;font-family:inherit;font-size:18px;font-weight:800;box-shadow:0 6px 18px #4fc3f759}.menu-play:hover{filter:brightness(1.08)}.menu-play:active{transform:translateY(1px)}.menu-chip{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700}.menu-chip:hover{background:#ffffff1a}.menu-chip-strong{color:#0b0d10;background:linear-gradient(#7fd8ff,#4fc3f7);border:none}.menu-chip-strong:hover{background:linear-gradient(#8fdfff,#5fcbf9)}.menu-banner{background:var(--well);border-left:3px solid var(--bad);border-radius:12px;margin:16px 0 0;padding:11px 14px}.menu-banner-win{border-left-color:var(--good)}.menu-banner-round{border-left-color:var(--gold)}.menu-banner-line{color:#fff;margin:0;font-size:14px}.menu-banner-line span{color:var(--muted)}.menu-banner-win b{color:var(--good)}.menu-banner-extra{color:var(--good);margin:4px 0 0;font-size:12.5px;font-weight:700}.menu-modes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.menu-mode{background:var(--well);color:#c8d3de;cursor:pointer;text-align:left;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;font-family:inherit;transition:border-color .12s,background .12s;display:flex}.menu-mode:hover{background:#ffffff14}.menu-mode.selected{border-color:var(--gold);background:#ffd54f17;box-shadow:0 0 0 2px #ffd54f2e}.menu-mode-name{color:#fff;letter-spacing:.03em;justify-content:space-between;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.menu-mode-name em{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);white-space:nowrap;font-size:10.5px;font-style:normal;font-weight:700}.menu-mode.selected .menu-mode-name em{color:var(--gold)}.menu-mode-tag{color:var(--muted);font-size:12px;line-height:1.35}.menu-toggle{background:var(--well);width:100%;color:var(--muted);text-align:left;cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:14px;margin-top:10px;padding:12px 14px;font-family:inherit;display:flex}.menu-toggle:hover{background:#ffffff12}.menu-switch{background:#ffffff29;border-radius:999px;flex:none;width:40px;height:22px;transition:background .15s;position:relative}.menu-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.menu-toggle.on .menu-switch{background:var(--accent)}.menu-toggle.on .menu-switch:after{transform:translate(18px)}.menu-toggle-text{flex-direction:column;gap:2px;font-size:12px;display:flex}.menu-toggle-text b{color:#fff;font-size:14px}.menu-net{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-net-card{background:var(--well);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.menu-net-title{color:#fff;margin:0;font-size:16px;font-weight:800}.menu-net-text{color:var(--muted);flex:1;margin:0;font-size:13px;line-height:1.4}.menu-join-row{gap:6px;display:flex}.menu-code{letter-spacing:.2em;text-transform:uppercase;text-align:center;width:110px;padding:8px 10px;font-size:16px}.menu-code-big{letter-spacing:.25em;color:var(--gold);font-size:18px}.menu-steps{color:#b7c4d1;margin:16px 0 6px;padding-left:20px;font-size:13px;line-height:1.7}.menu-steps b{color:#fff}.menu-classes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.menu-class{background:var(--well);color:#c8d3de;cursor:pointer;text-align:center;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 12px;font-family:inherit;transition:border-color .12s,background .12s,transform .12s;display:flex}.menu-class:hover{background:#ffffff14}.menu-class.selected{border-color:var(--accent);background:#4fc3f71f;transform:translateY(-1px);box-shadow:0 0 0 2px #4fc3f740,0 0 18px #4fc3f733}.menu-class-icon{background:var(--accent);width:40px;height:40px;box-shadow:0 0 12px #4fc3f780}.menu-class-icon-heavy{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%)}.menu-class-icon-light{clip-path:polygon(50% 0%,82% 50%,50% 100%,18% 50%)}.menu-class-icon-marksman{background:linear-gradient(#0b0d10,#0b0d10) 50%/100% 2px no-repeat,linear-gradient(#0b0d10,#0b0d10) 50%/2px 100% no-repeat,radial-gradient(circle,#4fc3f7 20%,#0b0d10d9 22% 58%,#4fc3f7 60%);border-radius:50%}.menu-class-name{color:#fff;letter-spacing:.04em;font-size:16px;font-weight:800}.menu-class-tag{color:var(--muted);min-height:4.05em;font-size:12px;line-height:1.35}.menu-class-stats{gap:5px;width:100%;margin-top:4px;display:grid}.menu-stat{color:#b7c4d1;text-align:left;grid-template-columns:50px 1fr;align-items:center;gap:8px;font-size:11px;display:grid}.menu-stat-bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.menu-stat-bar span{background:var(--accent);border-radius:3px;height:100%;display:block}.menu-class-mastery{color:var(--dim);margin-top:4px;font-size:11px}.play-switch{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px;display:grid}.play-switch-opt{color:var(--muted);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:3px;padding:14px 16px;font-family:inherit;display:flex}.play-switch-opt b{color:#fff;letter-spacing:.04em;align-items:center;gap:8px;font-size:16px;display:flex}.play-switch-opt span{font-size:12px}.play-switch-opt:hover{border-color:#4fc3f759}.play-switch-opt.on{background:#4fc3f71f;border-color:#4fc3f7;box-shadow:inset 0 0 0 1px #4fc3f759}.play-live{background:#7ddc6a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #7ddc6a}.play-online-note{margin:0 0 4px}@media (max-width:520px){.play-switch-opt{padding:10px 12px}}.menu-segment{background:#ffffff0d;border-radius:10px;gap:2px;margin:18px 0 12px;padding:3px;display:inline-flex}.menu-segment button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:700}.menu-segment button.on{color:#fff;background:#4fc3f733}.menu-swatches{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.menu-swatch{background:var(--well);color:#c8d3de;cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 10px;font-family:inherit;font-size:12px;transition:border-color .12s,background .12s;display:flex}.menu-swatch:hover{background:#ffffff14}.menu-swatch.selected{border-color:var(--accent);background:#4fc3f71f;box-shadow:0 0 0 2px #4fc3f740}.menu-swatch.locked{cursor:default;opacity:.6}.menu-swatch.locked .menu-swatch-dot{filter:grayscale()brightness(.6)}.menu-swatch-art{border-radius:9px}.menu-swatch.locked .menu-swatch-art{filter:grayscale(.65)brightness(.55)}.menu-swatch-dot{background:var(--swatch,#4fc3f7);width:30px;height:30px;box-shadow:0 0 12px var(--swatch,#4fc3f7);border-radius:50%}.menu-swatch-trail{background:linear-gradient(180deg, var(--swatch), transparent 90%);border-radius:50%/30% 30% 70% 70%}.menu-swatch-bg{background:var(--base,#0b0d10);border:2px solid var(--swatch,#4fc3f7);border-radius:7px;width:44px}.menu-swatch-none{box-shadow:none;background:0 0;border:1px dashed #ffffff4d}.menu-swatch-name{color:#fff;font-weight:700}.menu-swatch-req{min-height:2.4em;color:var(--muted);text-align:center;font-size:10.5px;line-height:1.2}.menu-swatch.selected .menu-swatch-req{color:var(--accent);font-weight:700}.menu-titles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.menu-title-chip{background:var(--well);color:var(--dim);text-align:left;cursor:pointer;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;font-family:inherit;display:flex}.menu-title-chip.locked{cursor:default}.menu-title-chip.earned:hover{background:#ffd54f14}.menu-title-bar{background:#ffffff14;border-radius:2px;height:4px;margin-top:3px;display:block;overflow:hidden}.menu-title-bar span{background:var(--gold);height:100%;display:block}.menu-badge[hidden]{display:none}.menu-title-chip b{font-size:14px}.menu-title-chip small{font-size:11px}.menu-title-chip.earned{color:var(--gold);border-color:#ffd54f66}.menu-title-chip.worn{background:#ffd54f1f;box-shadow:0 0 0 2px #ffd54f38}.menu-challenges{background:var(--well);color:#c8d3de;border-radius:12px;margin:0;padding:10px 14px;font-size:13.5px;list-style:none}.menu-challenges li{padding:4px 0}.menu-challenges li.done{color:var(--good)}.menu-check{width:22px;color:var(--dim);display:inline-block}.menu-challenges li.done .menu-check{color:var(--good)}.menu-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.menu-tile{background:var(--well);border-radius:12px;padding:12px 14px}.menu-tile b{color:var(--gold);font-size:20px;display:block}.menu-tile span{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:700}.menu-nexts{gap:10px;display:grid}.menu-next{grid-template-rows:auto auto;grid-template-columns:190px 1fr;align-items:center;gap:4px 14px;display:grid}.menu-next-name{color:#fff;grid-row:span 2;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.menu-next-name i{background:var(--swatch);width:12px;height:12px;box-shadow:0 0 8px var(--swatch);border-radius:50%}.menu-next-name small{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:10.5px;font-weight:700}.menu-next-bar{background:#ffffff14;border-radius:4px;height:7px;overflow:hidden}.menu-next-bar span{background:linear-gradient(90deg, var(--accent), var(--good));height:100%;display:block}.menu-next-label{color:var(--muted);font-size:12px}.menu-touch{background:var(--well);color:#b7c4d1;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px 14px;padding:12px 14px;font-size:13px;display:grid}.menu-touch b{color:#fff}.ctl-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 26px;display:grid}.ctl-group-name{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:10px 0 4px;font-size:11px;font-weight:700}.ctl-row{border-bottom:1px solid #ffffff0b;grid-template-columns:minmax(0,1fr) 76px 76px;align-items:center;gap:6px;padding:5px 0;display:grid}.ctl-name{color:#fff;font-size:13.5px;font-weight:600}.ctl-name small{color:var(--dim);margin-top:1px;font-size:11px;font-weight:400;line-height:1.3;display:block}.ctl-key{letter-spacing:.04em;color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:7px;min-height:32px;padding:5px 4px;font-family:inherit;font-size:12px;font-weight:800;box-shadow:0 2px #00000073}.ctl-key:hover{border-color:var(--accent)}.ctl-key.empty{color:var(--dim);font-weight:600}.ctl-key.listening{border-color:var(--gold);color:var(--gold);background:#ffd54f1a;animation:.9s ease-in-out infinite ctl-pulse}@keyframes ctl-pulse{50%{box-shadow:0 0 0 3px #ffd54f40}}.ctl-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.ctl-status{color:var(--muted);font-size:12.5px}.ctl-status.active{color:var(--gold)}.ctl-fixed{color:var(--dim);margin:10px 0 0;font-size:12px}.ctl-fixed b{color:#c8d3de}.menu-shell{position:relative}.menu-account{cursor:pointer;color:#fff;background:#4fc3f724;border-color:#4fc3f780;font-family:inherit}.menu-account.signed-in{color:var(--good);background:#7ddc6a1a;border-color:#7ddc6a73}.menu-modal{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05070ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.menu-modal[hidden]{display:none}.acct-card{box-sizing:border-box;background:var(--card);text-align:left;border:1px solid #4fc3f74d;border-radius:14px;gap:10px;width:min(360px,100%);padding:22px 22px 18px;display:grid;position:relative;box-shadow:0 20px 60px #0009}.acct-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:10px;right:10px}.acct-seg{justify-self:start;margin:0}.acct-title{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0;font-size:11px;font-weight:700}.acct-name{color:var(--good);margin:0;font-size:22px;font-weight:800}.acct-sub,.acct-text{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.acct-msg{color:var(--gold);margin:0;font-size:12.5px}.acct-msg.bad,.menu-note.bad{color:var(--bad)}.acct-socials{gap:8px;display:grid}.acct-oauth{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:42px;font:600 15px Segoe UI,Arial,sans-serif;transition:filter .15s,transform .1s;display:flex}.acct-oauth svg{flex:none;width:18px;height:18px}.acct-oauth:hover:not(:disabled){filter:brightness(.94)}.acct-oauth:active:not(:disabled){transform:scale(.98)}.acct-oauth:disabled{opacity:.45;cursor:not-allowed}.acct-oauth small{letter-spacing:.08em;text-transform:uppercase;background:#7f7f7f33;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.acct-google{color:#1f1f1f;background:#fff;border-color:#dadce0}.acct-apple{color:#fff;background:#000;border-color:#ffffff40}.acct-offer{background:#ffd54f12;border:1px solid #ffd54f66;border-radius:10px;padding:12px}.acct-offer p{color:var(--ink);margin:0 0 10px;font-size:13px}.acct-offer-row{gap:8px;display:flex}.menu-account.guest{color:#1a1203;background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px #ffd54f59}.acct-legal{color:var(--dim);text-align:center;margin:0;font-size:11.5px}.acct-legal a{color:var(--muted)}.acct-or{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin:4px 0;font-size:12px;display:flex}.acct-or:before,.acct-or:after{content:"";background:var(--line);flex:1;height:1px}.acct-card .menu-input{font-size:15px}.acct-go{padding:11px}.acct-go:disabled{filter:grayscale(.6);cursor:default}.ranks{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.rank-row{background:var(--well);border-radius:10px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:0 10px;padding:8px 12px;display:grid}.rank-row.mine{box-shadow:inset 3px 0 0 var(--accent);background:#4fc3f724}.rank-pos{color:var(--dim);text-align:center;grid-row:span 2;font-size:16px;font-weight:800}.rank-row.top1 .rank-pos{color:#ffd54f}.rank-row.top2 .rank-pos{color:#cfd8e3}.rank-row.top3 .rank-pos{color:#e0a070}.rank-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.rank-name i{color:var(--good);font-style:normal}.rank-verified{letter-spacing:.06em;vertical-align:2px;color:#0b0f14;background:var(--good);border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:800}.rank-meta{color:var(--dim);grid-column:2;font-size:11px}.rank-mass{color:var(--gold);grid-area:1/3;font-size:18px;font-weight:800}.menu-quick{align-items:center;gap:14px;margin-bottom:10px;display:flex}.menu-quick-btn{flex:none;padding:12px 22px;font-size:15px}.menu-quick .menu-note{margin:0}.rooms{gap:6px;margin:0 0 6px;padding:0;list-style:none;display:grid}.room-row{background:var(--well);border-radius:10px;grid-template-columns:70px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.room-code{letter-spacing:.18em;color:var(--gold);font-weight:800}.room-host{color:#fff;flex-direction:column;font-size:13.5px;font-weight:700;display:flex}.room-host small{color:var(--dim);font-size:11px;font-weight:400}.room-count{color:var(--muted);font-size:12px}.menu-check-row{color:#c8d3de;cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:flex}.pause{z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pause-card{box-sizing:border-box;background:var(--card);text-align:center;border:1px solid #4fc3f740;border-radius:16px;width:min(360px,100%);max-height:100%;padding:26px 24px 18px;overflow:auto;box-shadow:0 20px 60px #0009}.pause-card-wide{text-align:left;width:min(780px,100%)}.pause-title{letter-spacing:.12em;color:#fff;margin:0;font-size:30px;font-weight:800}.pause-title-small{text-align:center;font-size:18px}.pause-note{color:var(--muted);margin:6px 0 18px;font-size:13px}.pause-note b{color:var(--gold);letter-spacing:.1em}.pause-actions{gap:8px;display:grid}.pause-btn{cursor:pointer;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:15px;font-weight:800}.pause-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff24}.pause-secondary:hover{background:#ffffff1a}.pause-danger{color:#ff8a8a;background:#ff6b6b14;border:1px solid #ff6b6b66}.pause-danger:hover{background:#ff6b6b29}.pause-hint{color:var(--dim);margin:14px 0 0;font-size:12px}.pause-section{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-align:left;margin:18px 0 6px;font-size:11px;font-weight:700}.pause-challenges{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.pause-challenges li{color:#dfe7ee;grid-template-columns:1fr auto;gap:4px 10px;font-size:12.5px;display:grid}.pause-challenges li.done{color:var(--good)}.pause-challenges li.off{color:var(--dim)}.pause-ch-label{color:var(--muted);font-weight:700}.pause-challenges li.done .pause-ch-label{color:var(--good)}.pause-ch-bar{background:#ffffff14;border-radius:2px;grid-column:span 2;height:4px;overflow:hidden}.pause-ch-bar span{background:var(--accent);height:100%;display:block}.pause-challenges li.done .pause-ch-bar span{background:var(--good)}.pause-head{grid-template-columns:90px 1fr 90px;align-items:center;gap:10px;margin-bottom:4px;display:grid}.pause-fab{z-index:5;letter-spacing:.1em;color:#fff;cursor:pointer;background:#0e1218b3;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-family:inherit;font-size:13px;font-weight:800;display:flex;position:fixed;top:10px;left:10px}@media (max-width:720px){#menu{padding:0}.menu-shell{border:none;border-radius:0;grid-template:"top""tabs""panel"minmax(0,1fr)"bar"/minmax(0,1fr);width:100%;height:100%}.menu-top{gap:10px;padding:12px 16px 10px}.menu-title{font-size:24px}.menu-tagline{display:none}.menu-badges{flex:1}.menu-tabs{border-right:none;border-bottom:1px solid var(--line);scrollbar-width:none;flex-direction:row;padding:6px 8px;overflow-x:auto}.menu-tab{flex:none;gap:6px;padding:8px 12px;font-size:13px}.menu-tab.on{box-shadow:inset 0 -2px 0 var(--accent)}.menu-panel{padding:0 16px 18px}.menu-bar{flex-wrap:wrap;gap:8px 10px;padding:10px 16px 12px}.menu-bar .menu-input{flex:140px}.menu-play{padding:12px 26px}.menu-summary{text-align:left;flex-basis:100%;order:3;font-size:12px}.menu-modes{grid-template-columns:1fr 1fr}.menu-classes,.menu-net{grid-template-columns:1fr}.menu-class{text-align:left;grid-template-columns:40px 1fr;align-items:center;gap:4px 12px;display:grid}.menu-class-icon{grid-row:span 2}.menu-class-tag{min-height:0}.menu-class-stats,.menu-class-mastery{grid-column:span 2}.menu-tiles{grid-template-columns:1fr 1fr}.menu-next{grid-template-columns:1fr}.menu-next-name{grid-row:auto}.menu-touch,.ctl-grid{grid-template-columns:1fr}}@media (max-width:380px){.menu-modes{grid-template-columns:1fr}}.menu-linkbtn{color:#4fc3f7;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.rank-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:8px;display:grid}.rank-filter{border:1px solid var(--line);background:var(--well);height:36px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;padding:0 10px;font-size:13px;font-weight:700}.rank-filter:disabled{opacity:.45;cursor:default}.rank-filter option{color:var(--ink);background:#11161d}.menu-online-card{background:linear-gradient(135deg, #7ddc6a1f, var(--well) 70%);border:1px solid #7ddc6a73;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:14px 16px;display:flex}.menu-online-text{gap:2px;display:grid}.menu-online-text b{font-size:16px}.menu-online-text span{color:var(--muted);font-size:13px}@media (max-width:520px){.menu-online-card{flex-direction:column;align-items:stretch}}.room-row.official .room-code{color:#7fd8ff}.room-host small b{color:#c8d3de;font-weight:700}.room-starts{letter-spacing:.02em;color:#1a1400;background:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;box-shadow:0 0 12px #ffd54f59}.room-code-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;margin-bottom:10px;display:grid}.room-create-card{align-items:stretch;gap:12px}.room-form{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.room-field{flex-direction:column;gap:6px;min-width:0;display:flex}.room-field:first-child,.room-field:nth-child(2){grid-column:1/-1}.room-label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:800}.room-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.room-mode{color:var(--muted);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;font-family:inherit;display:flex}.room-mode b{color:#fff;font-size:14px}.room-mode span{font-size:11.5px}.room-mode:hover{border-color:#4fc3f759}.room-mode.on{background:#4fc3f71f;border-color:#4fc3f7;box-shadow:inset 0 0 0 1px #4fc3f759}.room-steppers{flex-wrap:wrap;gap:8px;display:flex}.room-stepper{background:#0003;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:6px 8px 6px 12px;display:inline-flex}.room-stepper-label{color:#c8d3de;font-size:12.5px;font-weight:700}.room-stepper.cyan .room-stepper-label{color:#4fc3f7}.room-stepper.orange .room-stepper-label{color:#ff8a50}.room-stepper b{text-align:center;color:#fff;font-variant-numeric:tabular-nums;min-width:22px;font-size:16px}.room-step{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;width:28px;height:28px;font-family:inherit;font-size:16px;font-weight:800;line-height:1}.room-step:hover:not(:disabled){background:#4fc3f733}.room-step:disabled{opacity:.35;cursor:default}.room-visibility{align-self:end;margin-top:0}.room-create-row{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.room-create-btn{white-space:nowrap;padding:11px 26px;font-size:15px}.room-create-btn:disabled{opacity:.6;cursor:default}.room-made{flex-direction:column;gap:10px;display:flex}@media (max-width:620px){.room-form{grid-template-columns:1fr}.room-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.room-code-card{grid-template-columns:1fr;row-gap:8px}.room-create-row{flex-direction:column;align-items:stretch}}