:root{--sky:#8ed1e6;--paper:#fff9ec;--paper-2:#f5ecd9;--paper-3:#e7dac0;--rule:#e0d2b6;--ink:#241f2e;--ink-soft:#5c566b;--ink-faint:#958fa2;--text:#fffdf6;--text-soft:#fffaf0;--focus:#ffcf3a;--line:2px;--drop-sm:0 2px 0 var(--ink);--drop:0 3px 0 var(--ink);--drop-lg:0 5px 0 var(--ink);--paper-depth:inset 0 -4px 0 var(--paper-2), var(--drop);--r:0;--r-sm:0;--stroke:max(4px, .2em);--stroke-sm:max(3px, .15em);--lettering:0 3px 0 var(--ink);--lettering-sm:0 2px 0 var(--ink);--float-shadow:var(--lettering-sm);--float-stroke:var(--stroke-sm);--red:#e0412e;--red-shade:#a82a1a;--red-light:#f8d2c8;--blue:#2e7be6;--blue-shade:#1c4fa0;--green:#4ba83a;--green-shade:#2f7424;--green-ink:#2a6a1f;--yellow:#ffcf3a;--yellow-shade:#c9960e;--yellow-ink:#3d2a00;--marker:#ffe45c;--orange:#f08a24;--orange-shade:#b45f0e;--magenta:#d23f78;--teal:#1e9e86;--teal-shade:#11705e;--purple:#7e52c9;--font-display:"Lilita One", "Nunito", system-ui, sans-serif;--font:"Nunito", system-ui, sans-serif;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-back:cubic-bezier(.3, 1.5, .5, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);font-synthesis:none;-webkit-font-smoothing:antialiased;color:var(--text);font-size:16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow:hidden}body{background:var(--sky);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}button,input,select{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance;font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:800}.stage{z-index:1;width:calc(100vw / var(--ui-scale,1));height:calc(100vh / var(--ui-scale,1));transform:scale(var(--ui-scale,1));transform-origin:0 0;position:fixed;top:0;left:0;container:stage/size}.app{height:100%;position:relative;overflow:hidden}.app.scrolls{overflow-y:auto}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--paper-2);border-left:var(--line) solid var(--ink)}::-webkit-scrollbar-track:horizontal{border-left:0;border-top:var(--line) solid var(--ink)}::-webkit-scrollbar-thumb{background:var(--yellow);border:3px solid var(--ink);box-shadow:inset -3px -3px 0 var(--orange)}::-webkit-scrollbar-thumb:hover{background:var(--marker)}::-webkit-scrollbar-thumb:active{background:var(--orange);box-shadow:none}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:var(--paper-2)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--ink) var(--paper-2);scrollbar-width:auto}}.tiltable{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .18s ease-out}.screen,.page{flex-direction:column;gap:18px;min-height:100%;padding-block:20px 28px;padding-inline:28px;display:flex}.page>:not(.screen-header){max-width:1080px}.page.narrow>:not(.screen-header){max-width:600px}.card,.paper,.auth-card,.result-panel,.confirm-exit-card,.player-modal,.toast,.invite-pop,.menu-carousel,.ranking-panel,.rules-modal,.maps-modal,.rank-summary,.timer,.combo-meter,.emote-picker,.queue-tabs,.tabs,.maps-button,.countdown-wait{--text:var(--ink);--text-soft:var(--ink-soft);--focus:var(--blue);--float-shadow:none;--float-stroke:0px;color:var(--text);background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:var(--paper-depth);position:relative}.muted{color:var(--text-soft);margin:0;font-size:.95rem}.stage-heading .muted,.queue-note,.page-footer,.catalog-note,.friend-count{letter-spacing:.02em;word-spacing:.1em;text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;font-weight:800}.card .muted,.paper .muted{text-shadow:none;-webkit-text-stroke-width:0}.section-title,.eyebrow{letter-spacing:.01em;color:var(--text-soft);font-size:.85rem;font-weight:700}.btn{--b:var(--green);--bs:var(--green-shade);min-height:44px;font-family:var(--font-display);letter-spacing:.02em;color:#fff;text-shadow:0 2px 0 var(--ink);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;background:var(--b);border:var(--line) solid var(--ink);border-radius:var(--r-sm);box-shadow:inset 0 -5px 0 var(--bs), inset 0 3px 0 color-mix(in srgb, var(--b) 55%, white), 0 4px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:6px 20px 9px;font-size:1.05rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex;position:relative}.btn:hover:not(:disabled){box-shadow:inset 0 -5px 0 var(--bs), inset 0 3px 0 color-mix(in srgb, var(--b) 55%, white), 0 6px 0 var(--ink);transform:translateY(-2px)rotate(-.8deg)}.btn:active:not(:disabled){box-shadow:inset 0 -2px 0 var(--bs), inset 0 3px 0 color-mix(in srgb, var(--b) 55%, white), 0 0 0 var(--ink);transform:translateY(4px)}.btn-green{--b:var(--green);--bs:var(--green-shade)}.btn-blue{--b:var(--blue);--bs:var(--blue-shade)}.btn-red{--b:var(--red);--bs:var(--red-shade)}.btn-yellow{--b:var(--yellow);--bs:var(--yellow-shade);color:var(--yellow-ink);text-shadow:none;-webkit-text-stroke-width:0}.btn-white{--b:var(--paper);--bs:var(--paper-3);color:var(--ink);text-shadow:none;-webkit-text-stroke-width:0}.btn:disabled{--b:#cdbb99;--bs:#b09d7a;color:#6f5c44;text-shadow:none;-webkit-text-stroke-width:0;cursor:not-allowed}.btn-sm{min-height:36px;box-shadow:inset 0 -4px 0 var(--bs), inset 0 2px 0 color-mix(in srgb, var(--b) 55%, white), 0 3px 0 var(--ink);padding:3px 13px 6px;font-size:.82rem}.btn.is-static{cursor:default}.icon-btn{width:42px;height:42px;color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r-sm);box-shadow:inset 0 -4px 0 var(--paper-3), 0 3px 0 var(--ink);cursor:pointer;flex:none;place-items:center;transition:transform .1s,box-shadow .1s;display:grid}.icon-btn:hover{transform:translateY(-1px)rotate(-3deg)}.icon-btn:active{box-shadow:inset 0 -2px 0 var(--paper-3), 0 0 0 var(--ink);transform:translateY(3px)}.link-btn{color:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.88rem;font-weight:700;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.link-btn:hover{color:var(--focus)}.page-footer .link-btn{font-size:inherit;text-decoration:none}.page-footer .link-btn:hover{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,:is([data-input=keyboard],[data-input=gamepad]) :is(button,a[href],input,select,textarea,[tabindex]):focus{outline:3px solid var(--focus);outline-offset:4px}:is([data-input=keyboard],[data-input=gamepad]) .menu-btn:focus{color:var(--marker);outline:none;transform:translate(8px)rotate(-1.5deg)}:is([data-input=keyboard],[data-input=gamepad]) .menu-btn:focus:before{transform:rotate(45deg)scale(1)}:is([data-input=keyboard],[data-input=gamepad]) .menu-btn.primary:focus{color:#fff;box-shadow:inset 0 -7px 0 var(--red-shade), inset 0 4px 0 #f0826f, 0 8px 0 var(--ink);transform:translateY(-2px)rotate(-1.5deg)}.input-hints{z-index:60;color:var(--ink);white-space:nowrap;background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r-sm);box-shadow:var(--drop-sm);pointer-events:none;align-items:center;gap:18px;padding:6px 16px;font-size:.85rem;font-weight:800;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.input-hint{align-items:center;gap:5px;display:inline-flex}.input-hint kbd{min-width:24px;font-family:var(--font);text-align:center;background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:1px 6px;font-size:.8rem;font-weight:900;line-height:1.4}.input-hint kbd.pad{border-radius:50%;min-width:26px;padding:1px 0}.pill{height:34px;color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r-sm);box-shadow:var(--drop-sm);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;padding:0 12px 0 6px;font-size:.95rem;font-weight:800;display:inline-flex}.wallet{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.wallet.with-fragments{grid-template-columns:auto auto;justify-items:end;gap:4px 18px;display:grid}.wallet .pill{height:auto;font-family:var(--font-display);color:var(--paper);box-shadow:none;text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;background:0 0;border:none;gap:6px;padding:0;font-size:1.05rem;font-weight:800}.avatar{border:var(--line) solid var(--ink);border-radius:var(--r-sm);box-shadow:inset 0 -4px 0 var(--shade);flex:none;place-items:center;display:grid}.screen-header{align-items:center;gap:14px;display:flex}.screen-header h1{min-width:0;color:var(--paper);text-shadow:var(--lettering);-webkit-text-stroke:var(--stroke) var(--ink);paint-order:stroke fill;flex:1;font-size:1.7rem}.page-footer{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;display:flex}.modal,.confirm-exit,.result-overlay{background:#241f2eb3}.modal{z-index:60;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{width:min(380px,100%);box-shadow:inset 0 -6px 0 var(--paper-2), var(--drop-lg);flex-direction:column;gap:12px;padding:20px;display:flex}.modal-card h2{font-size:1.3rem}.license-list{background:var(--paper-2);border:var(--line) solid var(--ink);border-radius:var(--r-sm);margin:0;padding:10px 10px 10px 30px;font-size:.92rem;line-height:1.6}.tabs{background:var(--paper-3);max-width:100%;box-shadow:var(--drop-sm);align-self:flex-start;gap:6px;padding:5px;display:flex}.tab{color:var(--ink-soft);border:var(--line) solid transparent;border-radius:var(--r-sm);cursor:pointer;background:0 0;flex:none;padding:5px 14px 7px;font-size:.92rem;font-weight:800}.tab:hover:not(.active):not(.soon){color:var(--ink)}.tab.active{color:var(--ink);background:var(--marker);border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.tab.soon{cursor:default;opacity:.45}.option-row{background:var(--paper-2);border:var(--line) solid var(--ink);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:12px;padding:9px 12px;display:flex}.option-row.disabled{opacity:.5;cursor:not-allowed}.option-text{flex-direction:column;flex:1;display:flex}.option-text strong{font-weight:800}.option-text span{color:var(--text-soft);font-size:.9rem}.switch{appearance:none;background:var(--paper-3);border:var(--line) solid var(--ink);cursor:pointer;border-radius:0;flex:none;width:50px;height:28px;margin:0;transition:background .15s;position:relative}.switch:before{content:"";background:var(--paper);border:var(--line) solid var(--ink);box-sizing:border-box;width:20px;height:20px;transition:transform .15s var(--ease-back);border-radius:0;position:absolute;top:1px;left:1px}.switch:checked{background:var(--green)}.switch:checked:before{transform:translate(22px)}.switch:disabled{cursor:not-allowed}.slider{width:160px;accent-color:var(--ink);cursor:pointer}.field{flex-direction:column;gap:4px;font-size:.95rem;font-weight:800;display:flex}.field input,.field select{min-height:44px;color:var(--ink);border:var(--line) solid var(--ink);border-radius:var(--r-sm);box-shadow:inset 0 3px 0 var(--paper-3);background:#fffdf7;padding:6px 12px;font-weight:500}.confirm-row{color:var(--red-shade);flex-wrap:wrap;align-items:center;gap:10px;font-weight:800;display:flex}.form-error{color:var(--red-shade);background:var(--red-light);border:var(--line) solid var(--ink);border-radius:var(--r-sm);margin:0;padding:8px 12px;font-size:.9rem;font-weight:700}small.form-error{padding:4px 8px}.form-ok{color:var(--green-ink);font-weight:800}.badge{min-width:22px;height:22px;font-family:var(--font);color:#fff;text-shadow:none;background:var(--red);border:2px solid var(--ink);vertical-align:middle;border-radius:0;place-items:center;margin-left:8px;padding:0 6px;font-size:.75rem;font-weight:800;line-height:1;display:inline-grid}.dots{vertical-align:bottom;text-align:left;width:1.1em;animation:1.4s steps(4,end) infinite dots;display:inline-block;overflow:hidden}.dots:after{content:"..."}@keyframes dots{0%{width:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes bump{0%{transform:scale(1.35)}}@keyframes chip-in{0%{transform:translateY(16px)scale(.8)}}@keyframes heading-pop{0%{transform:scale(.5)}60%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hub{grid-template:"top panel"".panel"1fr"menu panel"/minmax(0,1fr) minmax(280px,340px);gap:12px 28px;display:grid;position:relative}.hub-version{letter-spacing:.02em;color:var(--paper);text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;align-items:baseline;gap:14px;font-size:.8rem;font-weight:800;display:flex;position:absolute;bottom:8px;right:28px}.hub-version span{opacity:.85}.hub-version .link-btn{padding:0;font-size:.85rem;text-decoration:none}.hub-version .link-btn:hover{color:var(--focus)}.hub-top{flex-wrap:wrap;grid-area:top;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.hub-brand{align-items:center;gap:20px;display:flex}.hub-brand .logo img{width:clamp(240px,22cqw,340px)}.hub-bottom{flex-wrap:wrap;grid-area:menu;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.hub-menu{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.hub-character{pointer-events:none;align-self:flex-end;margin:0 auto -6px}.hub-character .character{aspect-ratio:480/450;width:min(430px,52cqh)!important;height:auto!important}.menu-btn{font-family:var(--font-display);color:var(--paper);text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;cursor:pointer;transition:color .12s ease, transform .15s var(--ease-back);background:0 0;border:none;padding:6px 2px;font-size:1.75rem;font-weight:800;position:relative}.menu-btn:before{content:"";background:var(--red);border:2px solid var(--ink);width:11px;height:11px;transition:transform .15s var(--ease-back);margin-top:-5px;position:absolute;top:50%;left:-22px;transform:rotate(45deg)scale(0)}.menu-btn:hover{color:var(--marker);transform:translate(8px)rotate(-1.5deg)}.menu-btn:hover:before{transform:rotate(45deg)scale(1)}.menu-btn.primary{letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:var(--lettering);-webkit-text-stroke:var(--stroke) var(--ink);paint-order:stroke fill;background:var(--red);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:inset 0 -7px 0 var(--red-shade), inset 0 4px 0 #f0826f, 0 6px 0 var(--ink);margin-bottom:16px;padding:14px 70px 18px;font-size:1.75rem}.menu-btn.primary:before{display:none}.menu-btn.primary:hover{color:#fff;box-shadow:inset 0 -7px 0 var(--red-shade), inset 0 4px 0 #f0826f, 0 8px 0 var(--ink);transform:translateY(-2px)rotate(-1.5deg)}.menu-btn.primary:active{box-shadow:inset 0 -3px 0 var(--red-shade), inset 0 4px 0 #f0826f, 0 0 0 var(--ink);transform:translateY(5px)}.hub-side{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.hub-panel{contain:size;flex-direction:column;grid-area:panel;gap:16px;min-height:0;display:flex}.logo{margin:0;line-height:0}.logo img{-webkit-user-select:none;user-select:none;width:clamp(320px,34cqw,560px);height:auto;display:block}.nameplate{color:#fff;text-align:left;width:100%;position:relative;container-type:inline-size}.np-banner{--frame:3px;--nd:clamp(6px, 3cqw, 12px);--ring:calc(var(--nd) + var(--frame) * 1.414 - var(--frame));--av:23cqw;--lineh:0px;aspect-ratio:16/9;filter:drop-shadow(0 3px #2b1c1747);width:100%;display:block;position:relative}.has-line .np-banner{--lineh:clamp(4px, 2cqw, 7px)}.np-chrome{padding:var(--frame);background:var(--ink);clip-path:polygon(0 0, 100% 0, 100% calc(85.5% - var(--nd)), calc(100% - var(--nd)) 85.5%, 100% calc(85.5% + var(--nd)), 100% 100%, 0 100%, 0 calc(11% + var(--nd)), var(--nd) 11%, 0 calc(11% - var(--nd)));position:absolute;inset:0}.np-art{background:var(--banner,none) center / cover no-repeat, var(--paper-3);width:100%;height:100%;display:block}.np-chrome:before,.np-chrome:after{content:"";z-index:1;width:calc(var(--ring) + 1px);height:calc(var(--ring) * 2);background:var(--ink);pointer-events:none;position:absolute}.np-chrome:before{left:calc(var(--frame) - 1px);top:calc(11% - var(--ring));clip-path:polygon(0 0,100% 50%,0 100%)}.np-chrome:after{right:calc(var(--frame) - 1px);top:calc(85.5% - var(--ring));clip-path:polygon(100% 0,0 50%,100% 100%)}.np-right .np-chrome,.np-right .np-art{transform:scaleX(-1)}.np-tag{top:calc(var(--frame) + 5px);left:calc(var(--nd) * 2.2);z-index:2;color:#fff;background:var(--ink);border-radius:0;padding:1px 10px 3px;font-size:clamp(.62rem,4cqw,.77rem);font-weight:800;position:absolute}.np-right .np-tag{left:auto;right:calc(var(--nd) * 2.2)}.np-avatar{left:var(--frame);bottom:var(--frame);z-index:2;width:var(--av);aspect-ratio:1;box-sizing:border-box;border:solid var(--ink);border-width:var(--frame) var(--frame) 0 0;position:absolute}.np-right .np-avatar{left:auto;right:var(--frame);border-width:var(--frame) 0 0 var(--frame)}.np-avatar .avatar{box-shadow:inset 0 -4px 0 var(--shade);border:0;border-radius:0;width:100%!important;height:100%!important}.np-avatar .avatar svg{width:56%;height:56%}.is-offline .np-avatar .avatar{filter:grayscale(.7);opacity:.8}.np-who{left:calc(var(--frame) + var(--av) + 2.4cqw);right:calc(var(--frame) + 2.4cqw);bottom:calc(var(--frame) + var(--lineh) + 1.6cqw);z-index:2;pointer-events:none;flex-direction:column;min-width:0;display:flex;position:absolute}.np-right .np-who{left:calc(var(--frame) + 2.4cqw);right:calc(var(--frame) + var(--av) + 2.4cqw);text-align:right}.np-who strong,.np-who small{white-space:nowrap;text-overflow:ellipsis;color:#fff;paint-order:stroke fill;-webkit-text-stroke:var(--stroke) var(--ink);text-shadow:var(--lettering-sm);margin:-3px -4px -4px;padding:3px 4px 4px;overflow:hidden}.np-who strong{font-family:var(--font-display);font-size:clamp(.9rem,7.4cqw,1.8rem);line-height:1.1}.np-who small{-webkit-text-stroke-width:var(--stroke-sm);font-size:clamp(.66rem,4.6cqw,1.05rem);font-weight:900;line-height:1.2}.np-who small em{font-style:normal;font-weight:900}.np-line{left:calc(var(--frame) + var(--av));right:var(--frame);bottom:var(--frame);z-index:2;height:var(--lineh);border-top:2px solid var(--ink);background:#2b1c17d9;position:absolute}.np-right .np-line{left:var(--frame);right:calc(var(--frame) + var(--av))}.np-line>i{background:var(--yellow);height:100%;display:block}.np-right .np-line>i{margin-left:auto}.np-preview .np-banner{--nd:5px}.status-dot{aspect-ratio:1;background:#a7a2b3;border:2.5px solid #000;border-radius:0;width:clamp(10px,5cqw,16px);position:absolute;bottom:4px;right:4px}.np-right .status-dot{left:4px;right:auto}.is-online .status-dot,.status-dot.is-online{background:var(--green)}.is-queue .status-dot,.status-dot.is-queue{background:var(--yellow)}.is-playing .status-dot,.status-dot.is-playing{background:var(--orange)}.profile-card{flex:none;width:100%}.ranking-panel{flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow:hidden}.ranking-panel header{border-bottom:var(--line) solid var(--ink);justify-content:space-between;align-items:baseline;gap:8px;padding:12px 14px 8px;display:flex}.ranking-panel h2{font-size:1.15rem}.ranking-panel header span{color:var(--text-soft);font-size:.72rem;font-weight:700}.rank-list{will-change:transform;overscroll-behavior:contain;min-height:0;max-height:432px;margin:0;padding:4px 10px 8px;list-style:none;overflow-y:auto}.rank-mine{border-top:var(--line) dashed var(--ink);flex:none;padding-top:6px}.rank-pending{color:var(--text-soft);margin:0;padding:10px 14px 12px;font-size:.8rem;font-weight:700}.rank-row{border-bottom:2px solid var(--rule);align-items:center;gap:8px;height:42px;padding:6px 4px;display:flex}.rank-row:last-child{border-bottom:0}.rank-row.me{z-index:1;will-change:transform;backface-visibility:hidden;background:var(--marker);border-block:2px solid var(--ink);border-radius:0;position:sticky;top:0;bottom:0}.rank-mine .rank-row.me{position:static}.rank-row .avatar{box-shadow:inset 0 -3px 0 var(--shade);border-width:2px}.rank-pos{width:26px;height:26px;font-family:var(--font-display);color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:0;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.rank-row.top1 .rank-pos,.rank-row.top2 .rank-pos,.rank-row.top3 .rank-pos{color:var(--ink);border:2px solid var(--ink)}.rank-row.top1 .rank-pos{background:var(--yellow)}.rank-row.top2 .rank-pos{background:#d6d8dc}.rank-row.top3 .rank-pos{background:#e3a06b}.rank-name{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.rank-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;overflow:hidden}.rank-name small{color:var(--text-soft);font-size:.74rem}.rank-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800}.rank-empty{margin:0;padding:10px 14px 14px}.sk-avatar{border-radius:var(--r-sm);background:var(--paper-3);flex:none;width:44px;height:44px}.rank-row .sk-avatar{width:28px;height:28px}.sk-lines{flex-direction:column;flex:1;gap:8px;display:flex}.sk-lines i{background:var(--paper-3);border-radius:0;width:50%;height:10px;display:block}.sk-lines i+i{width:30%}.skeleton .sk-avatar,.skeleton .sk-lines i{animation:1.2s ease-in-out infinite sk-pulse}@keyframes sk-pulse{50%{opacity:.45}}.play-select{flex-direction:column;display:flex}.mode-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:12px 0 24px;display:flex}.stage-heading{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.stage-heading .muted{max-width:60ch}.stage-title{color:var(--paper);text-shadow:var(--lettering);-webkit-text-stroke:var(--stroke) var(--ink);paint-order:stroke fill;margin:0;font-size:clamp(1.5rem,3cqw,2rem)}.mode-row{flex-wrap:wrap;justify-content:center;gap:22px;width:100%;display:flex}.stage-actions{gap:12px;display:flex}.play-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:46px 22px;width:min(1224px,100%);display:grid}.play-card{--mc-top:#2e6fd8;--mc-bottom:#1b4a9c;--mc-light:color-mix(in srgb, var(--mc-top) 62%, white);isolation:isolate;color:#fff;text-align:center;background:var(--mc-top);border:var(--line) solid var(--ink);min-height:350px;box-shadow:inset 0 0 0 3px var(--mc-light), inset 0 -10px 0 var(--mc-bottom), 0 6px 0 var(--ink);transition:transform .18s var(--ease-back);border-radius:0;flex-direction:column;align-items:center;padding:9px 9px 16px;display:flex;position:relative;overflow:hidden}.play-card:hover,.play-card:focus-within{transform:translateY(-6px)scale(1.02)}.play-card:active{transform:translateY(2px)scale(.99)}.play-card.is-disabled{filter:grayscale(.75)brightness(.9);transform:none}.mc-hit{z-index:2;border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.mc-hit:disabled{cursor:not-allowed}.mc-hit:focus-visible{outline-offset:-8px;outline:3px solid #fff}.play-card>:not(.mc-hit):not(.mc-help){z-index:1;pointer-events:none;position:relative}.mc-art{background:radial-gradient(circle, color-mix(in srgb, var(--mc-bottom) 70%, white) 2.5px, transparent 3px) 0 0 / 18px 18px, var(--mc-bottom);border:var(--line) solid var(--ink);height:190px;box-shadow:inset 0 6px 0 color-mix(in srgb, var(--mc-bottom) 70%, black);border-radius:0;flex:none;align-self:stretch;place-items:center;padding-bottom:18px;display:grid;overflow:hidden}.mc-kicker{color:#fff;background:var(--ink);border-radius:0;padding:2px 10px 3px;font-size:.75rem;font-weight:800;position:absolute;top:9px;left:9px}.mc-title{z-index:3;max-width:calc(100% - 16px);font-family:var(--font-display);color:var(--mc-bottom);border:var(--line) solid var(--ink);box-shadow:inset 0 -5px 0 #dde3ec, 0 4px 0 var(--ink);background:#fff;border-radius:0;margin:-22px 0 0;padding:4px 18px 9px;font-size:1.45rem;font-weight:900;line-height:1.05}.mc-text{color:#fff;text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;margin:12px 6px 14px;font-size:.9rem;font-weight:700;line-height:1.3}.mc-cta{min-height:46px;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--yellow-ink);background:var(--yellow);border:var(--line) solid var(--ink);box-shadow:inset 0 -6px 0 var(--yellow-shade), inset 0 3px 0 #ffe58a, 0 4px 0 var(--ink);border-radius:0;justify-content:center;align-self:stretch;align-items:center;gap:6px;margin-top:auto;padding:6px 10px 10px;font-size:.95rem;font-weight:900;line-height:1.15;transition:transform .12s;display:inline-flex}.play-card:hover .mc-cta{transform:translateY(-2px)}.mc-help{z-index:3;width:32px;height:32px;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);box-shadow:var(--drop-sm);cursor:pointer;transition:transform .15s var(--ease-back);border-radius:0;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.mc-help:hover,.mc-help:focus-visible{transform:rotate(-10deg)scale(1.08)}.mode-tile{--frame:12px;aspect-ratio:1700/1080;color:#fff;transition:transform .18s var(--ease-back), filter .2s;filter:drop-shadow(0 7px #2b1c1747);position:relative}.mode-tile.is-active{transform:translateY(-6px)scale(1.02)}.mode-tile:not(.is-active){filter:drop-shadow(0 4px #2b1c1733);transform:scale(.97)}.mode-tile.is-active:active{transform:translateY(2px)scale(.99)}.mt-frame>img,.mt-frame>.mt-map{transition:filter .25s}.mode-tile:not(.is-active) .mt-frame>img,.mode-tile:not(.is-active) .mt-frame>.mt-map{filter:grayscale()contrast(.5)brightness(1.2)}.mt-frame:after{content:"";inset:var(--frame);mix-blend-mode:color;opacity:0;pointer-events:none;background:#ecc95a;transition:opacity .25s;position:absolute}.mode-tile:not(.is-active) .mt-frame:after{opacity:1}.mode-tile.is-disabled{filter:grayscale(.75)brightness(.9);transform:none}.mt-frame{padding:var(--frame);clip-path:polygon(0 0, 100% 0, 100% calc(85.5% - var(--frame)), calc(100% - var(--frame)) 85.5%, 100% calc(85.5% + var(--frame)), 100% 100%, 0 100%, 0 calc(11% + var(--frame)), var(--frame) 11%, 0 calc(11% - var(--frame)));background:#000;position:absolute;inset:0}.mode-tile:before,.mode-tile:after{content:"";z-index:1;width:calc(var(--frame) * 1.414 + 1px);height:calc(var(--frame) * 2.828);pointer-events:none;background:#000;position:absolute}.mode-tile:before{left:calc(var(--frame) - 1px);top:calc(11% - var(--frame) * 1.414);clip-path:polygon(0 0,100% 50%,0 100%)}.mode-tile:after{right:calc(var(--frame) - 1px);top:calc(85.5% - var(--frame) * 1.414);clip-path:polygon(100% 0,0 50%,100% 100%)}.mt-frame>img,.mt-frame>.mt-map{object-fit:cover;width:100%;height:100%;display:block}.mt-frame>.mt-map{position:relative;overflow:hidden}.mt-hit{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.mt-hit:disabled{cursor:not-allowed}.mt-hit:focus-visible{outline-offset:-14px;outline:4px solid #fff}.mt-title,.mt-top{z-index:3;font-family:var(--font-display);white-space:nowrap;text-transform:uppercase;color:#fff;paint-order:stroke fill;-webkit-text-stroke:10px #000;text-shadow:0 3px #000;pointer-events:none;margin:0;font-weight:900;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.mt-title{font-size:clamp(1.1rem,1.9cqw,1.6rem);bottom:-.45em}.mt-top{-webkit-text-stroke-width:7px;font-size:clamp(.95rem,1.4cqw,1.2rem);top:-.5em}.mode-tile .mc-help{top:18px;right:18px}.mt-timer{top:calc(var(--frame) + 10px);right:calc(var(--frame) + 10px);z-index:3;color:#fff;pointer-events:none;background:#000;align-items:center;gap:6px;padding:3px 10px 4px;font-size:.9rem;font-weight:800;display:inline-flex;position:absolute;box-shadow:0 3px #0000004d}.mt-timer b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800}.mt-timer.is-soon{color:#000;background:var(--marker);box-shadow:0 0 0 2px #000,0 5px 0 2px #0000004d}.mt-timer.is-urgent{background:var(--red);animation:1s ease-in-out infinite timer-pulse;box-shadow:0 0 0 2px #000,0 5px 0 2px #0000004d}@keyframes timer-pulse{50%{transform:scale(1.06)}}.rank-emblem{filter:drop-shadow(2px 3px 0 var(--ink));flex:none}.dont-show{color:var(--text-soft);cursor:pointer;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.dont-show input{width:18px;height:18px;accent-color:var(--ink);cursor:pointer}.play-card.diff{--mc-top:var(--accent);--mc-bottom:color-mix(in srgb, var(--accent) 68%, black);width:224px;min-height:0;font:inherit;cursor:pointer}.play-card.diff .mc-art{height:150px}.mini-board{grid-template-columns:repeat(var(--n), 1fr);background:var(--paper);border:var(--line) solid var(--ink);width:116px;box-shadow:var(--drop-sm);transition:transform .25s var(--ease-back);border-radius:0;gap:2px;padding:5px;display:grid;transform:rotate(-4deg)}.play-card.diff:hover .mini-board{transform:rotate(2deg)scale(1.06)}.mini-board i{aspect-ratio:1;font-family:var(--font-display);font-style:normal;font-weight:800;font-size:calc(64px / var(--n));color:var(--ink);place-items:center;display:grid}.mini-board i.hit{background:var(--marker);border-radius:0}.diff-emblem{width:36px;height:36px;color:var(--mc-bottom);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--drop-sm);border-radius:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.diff-level{gap:1px;display:flex;position:absolute;top:8px;left:9px}.diff-level svg{color:var(--mc-light);filter:drop-shadow(1.5px 0 0 var(--ink)) drop-shadow(-1.5px 0 0 var(--ink)) drop-shadow(0 1.5px 0 var(--ink)) drop-shadow(0 -1.5px 0 var(--ink))}.diff-level svg.on{color:var(--yellow)}.diff-facts{color:#fff;text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;flex-wrap:wrap;justify-content:center;gap:4px 8px;margin:12px 0 14px;font-size:.84rem;font-weight:900;display:flex}.diff-facts span{align-items:center;gap:4px;display:inline-flex}.diff-facts b{font-variant-numeric:tabular-nums;font-size:.95rem}.diff-facts svg{filter:drop-shadow(0 2px 0 var(--mc-bottom))}.maps-button{font:inherit;box-shadow:inset 0 -4px 0 var(--paper-3), 0 3px 0 var(--ink);cursor:pointer;border-radius:0;align-items:center;gap:8px;padding:8px 16px 10px;font-weight:800;transition:transform .1s;display:inline-flex}.maps-button:hover{transform:translateY(-1px)rotate(-1deg)}.maps-button:active{box-shadow:inset 0 -2px 0 var(--paper-3), 0 0 0 var(--ink);transform:translateY(3px)}.maps-button span{background:var(--marker);border:2px solid var(--ink);border-radius:0;padding:0 8px 1px;font-size:.8rem}.rules-modal,.maps-modal{max-height:calc(100cqh - 32px);box-shadow:inset 0 -6px 0 var(--paper-2), var(--drop-lg);flex-direction:column;display:flex;overflow:hidden}.rules-modal{width:min(900px,100%)}.maps-modal{width:min(880px,100%)}.maps-head{justify-content:space-between;gap:12px;padding:16px 18px 10px;display:flex}.maps-head h2{font-size:1.4rem}.maps-head p{margin:4px 0 0;font-size:.9rem}.rules-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px;margin:0;padding:4px 18px 8px;list-style:none;display:grid;overflow-y:auto}.rules-list li{gap:12px;display:flex}.rule-num{width:30px;height:30px;font-family:var(--font-display);color:var(--ink);background:var(--marker);border:2.5px solid var(--ink);border-radius:0;flex:none;place-items:center;font-weight:800;display:grid}.rules-list strong{font-weight:800}.rules-list p{color:var(--text-soft);margin:2px 0 0;font-size:.92rem}.ranked-ladder{flex-wrap:wrap;justify-content:center;gap:6px;padding:0 18px 8px;display:flex}.maps-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:8px 18px;display:grid;overflow-y:auto}.map-tile{font:inherit;color:var(--ink);text-align:left;background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r-sm);box-shadow:var(--drop-sm);cursor:pointer;padding:0;position:relative;overflow:hidden}.map-tile.on{background:var(--marker)}.map-tile:not(.on) .map-tile-art{filter:grayscale(.85)brightness(.75)}.map-tile:disabled{cursor:not-allowed}.map-tile-art{border-bottom:var(--line) solid var(--ink);height:88px;position:relative}.map-tile-name{padding:6px 10px 8px;font-size:.88rem;font-weight:800;display:block}.map-check{width:26px;height:26px;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);border-radius:0;place-items:center;display:grid;position:absolute;top:8px;right:8px}.map-tile:not(.on) .map-check{color:#0000}.maps-foot{justify-content:space-between;gap:10px;padding:12px 18px 16px;display:flex}.map-preview{display:block;overflow:hidden}.px-layer{image-rendering:pixelated;will-change:background-position;background-position:0 100%;background-repeat:repeat-x;position:absolute;inset:0}.queue-tabs{background:var(--paper-3);box-shadow:var(--drop-sm);border-radius:0;gap:4px;padding:4px;display:inline-flex}.queue-tabs button{font:inherit;color:var(--ink-soft);border:var(--line) solid transparent;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:6px;padding:6px 18px 8px;font-weight:800;display:inline-flex}.queue-tabs button.on{color:var(--ink);background:var(--paper);border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.queue-note{text-align:center;max-width:54ch;color:var(--text-soft);margin:-8px 0 0;font-size:.95rem}.rank-summary{align-items:center;gap:16px;width:min(560px,100%);padding:14px 18px;display:flex}.rank-summary-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.rank-summary-body small{color:var(--text-soft);font-size:.81rem;font-weight:700}.rank-summary-body strong,.rank-result-head strong{font-family:var(--font-display);color:var(--ink);background:linear-gradient(transparent 55%, color-mix(in srgb, var(--rank) 80%, var(--ink)) 55% 92%, transparent 92%);align-self:flex-start;font-weight:800;line-height:1.1}.rank-summary-body strong{font-size:1.5rem}.rank-hint{color:var(--text-soft);font-size:.88rem}.rank-bar{background:var(--paper-2);border:2.5px solid var(--ink);border-radius:0;height:14px;display:block;overflow:hidden}.rank-bar>span{background:var(--rank);border-right:2.5px solid var(--ink);height:100%;display:block}.rank-bar>span.animated{width:var(--to);animation:rank-fill 1.1s var(--ease-out) 1.3s backwards}@keyframes rank-fill{0%{width:var(--from)}}.rank-pips{gap:5px;display:flex}.rank-pips i{background:var(--paper-2);border:2px solid var(--ink);border-radius:0;flex:1;max-width:28px;height:12px}.rank-pips i.on{background:var(--teal)}.rank-record{gap:14px;margin:0;display:flex}.rank-record div{flex-direction:column;align-items:center;display:flex}.rank-record dt{color:var(--text-soft);font-size:.72rem;font-weight:700}.rank-record dd{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:800}.options-card{flex-direction:column;gap:10px;padding:14px;display:flex}.page.narrow.options-page>:not(.screen-header){max-width:940px}.options-panel{flex-direction:column;gap:14px;display:flex}.option-group{flex-direction:column;gap:10px;display:flex}.option-form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{border:var(--line) solid var(--ink);box-shadow:var(--drop-sm);flex:none;display:inline-flex}.choice button{color:var(--ink-soft);background:var(--paper);cursor:pointer;border:none;padding:4px 10px 6px;font-size:.85rem;font-weight:800}.choice button+button{border-left:var(--line) solid var(--ink)}.choice button.on{color:var(--ink);background:var(--marker)}.bind-slots{flex:none;gap:8px;display:inline-flex}.bind-btn{min-width:84px;color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r-sm);box-shadow:var(--drop-sm);cursor:pointer;padding:4px 12px 6px;font-size:.85rem;font-weight:800}.bind-btn:hover{background:var(--marker)}.bind-btn.waiting{background:var(--marker);outline:3px solid var(--red);outline-offset:3px}.bind-fixed{text-align:center;min-width:84px;color:var(--ink-soft);border:var(--line) dashed var(--ink-soft);border-radius:var(--r-sm);padding:4px 12px 6px;font-size:.85rem;font-weight:800}.bind-note{margin:4px 0 0}.options-savebar{z-index:5;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:10px 12px 12px 16px;font-weight:800;display:flex;position:sticky;bottom:14px}.options-savebar.dirty{background:var(--marker);box-shadow:inset 0 -4px 0 var(--yellow), var(--drop-lg)}.options-savebar-actions{gap:8px;display:flex}.catalog-page>:not(.screen-header){max-width:1240px}.catalog{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:30px;display:grid}.catalog-rail{flex-direction:column;gap:18px;display:flex;position:sticky;top:12px}.side-tabs{flex-direction:column;gap:10px;display:flex}.side-tab{width:100%;font-family:var(--font-display);text-align:left;color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:inset 0 -4px 0 var(--paper-2), var(--drop);cursor:pointer;transition:transform .15s var(--ease-back), width .15s var(--ease-out);justify-content:space-between;align-items:baseline;gap:8px;padding:9px 14px 11px;font-size:1.02rem;font-weight:800;display:flex;position:relative}.side-tab small{font-family:var(--font);color:var(--ink-soft);font-size:.78rem;font-weight:700}.side-tab:hover:not(.active):not(.soon){transform:translate(5px)}.side-tab.active{z-index:1;background:var(--marker);width:calc(100% + 22px);box-shadow:inset 0 -5px 0 var(--yellow), var(--drop-lg);padding-block:12px 15px;font-size:1.32rem;transform:rotate(-2deg)}.side-tab.soon{color:var(--ink-soft);background:var(--paper-2);box-shadow:none;opacity:.7;cursor:default;border-style:dashed;flex-direction:column;align-items:flex-start;gap:0;font-size:.92rem}.catalog-panel{flex-direction:column;gap:16px;display:flex}.catalog-note{font-size:.95rem}.catalog-filters{border-bottom:var(--line) dashed var(--ink);flex-direction:column;gap:10px;padding-bottom:14px;display:flex}.catalog-filters.idle{opacity:.4;filter:grayscale()}.paper-select{flex-direction:column;gap:4px;display:flex;position:relative}.filter-label{letter-spacing:.02em;color:var(--paper);text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;font-size:.95rem;font-weight:800}.paper-select-trigger{width:100%;color:var(--ink);text-align:left;background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--drop-sm);cursor:pointer;transition:transform .12s var(--ease-back);justify-content:space-between;align-items:center;gap:8px;padding:6px 12px 7px;font-size:.9rem;font-weight:800;display:flex}.paper-select-trigger:hover,.paper-select.open .paper-select-trigger{background:var(--marker)}.paper-select-trigger:hover{transform:rotate(-1deg)}.paper-select-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--ink);width:0;height:0;transition:transform .15s var(--ease-out)}.paper-select.open .paper-select-arrow{transform:rotate(180deg)}.paper-select-list{z-index:20;background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--drop-lg);transform-origin:top;animation:paper-select-pop .16s var(--ease-back);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:-4px;right:-4px;transform:rotate(-1.5deg)}@keyframes paper-select-pop{0%{opacity:0;transform:translateY(-6px)rotate(-1.5deg)scale(.92)}}.paper-select-list button{color:var(--ink);text-align:left;border:var(--line) solid transparent;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:5px 8px 6px;font-size:.9rem;font-weight:800;display:flex}.paper-select-list button:hover,.paper-select-list button:focus-visible{background:var(--marker);border-color:var(--ink);outline:none}.paper-select-list button[aria-selected=true]{background:var(--paper-2)}.paper-select-list button[aria-selected=true]:hover,.paper-select-list button[aria-selected=true]:focus-visible{background:var(--marker)}.paper-select-name{flex:1}.paper-select-dot{border:var(--line) solid var(--ink);border-radius:50%;flex:none;width:12px;height:12px}.filter-toggle{color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--drop-sm);cursor:pointer;align-self:flex-start;align-items:center;gap:8px;padding:4px 12px 6px 8px;font-size:.85rem;font-weight:800;display:inline-flex}.filter-toggle.on{background:var(--marker)}.filter-box{background:var(--paper);border:var(--line) solid var(--ink);place-items:center;width:18px;height:18px;display:grid}.item-card.focus{outline:4px solid var(--marker);outline-offset:3px;animation:item-focus .9s var(--ease-out) 3}@keyframes item-focus{50%{outline-color:var(--orange);transform:translateY(-4px)rotate(-1deg)}}.catalog-summary{gap:10px;display:flex}.summary-box{flex-direction:column;flex:1;padding:8px 12px 10px;display:flex}.summary-box span{color:var(--text-soft);font-size:.77rem;font-weight:700}.summary-box strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.item-grid{grid-template-columns:repeat(auto-fill,176px);gap:20px 18px;display:grid}.item-card{text-align:center;transition:transform .15s var(--ease-back);flex-direction:column;align-items:stretch;padding:8px 8px 10px;display:flex}.item-card:hover{transform:translateY(-4px)rotate(-1deg)}.item-card>*{z-index:1;position:relative}.item-art{background:var(--paper-2);border:var(--line) solid var(--ink);place-items:center;height:140px;display:grid;position:relative}.item-art>.preview{background:0 0;border:none;height:100%}.item-card .preview .avatar{width:88px!important;height:88px!important}.item-rarity{color:#fff;background:var(--rarity);border:2px solid var(--ink);box-shadow:var(--drop-sm);padding:1px 8px 3px;font-size:.72rem;font-weight:800;position:absolute;top:-4px;right:-6px;transform:rotate(4deg)}.item-name{text-wrap:balance;place-items:center;min-height:2.7em;margin:6px 0 4px;font-size:.98rem;font-weight:800;line-height:1.2;display:grid}.item-foot .btn{width:100%}.item-card.equipped{background:var(--marker)}.item-card.locked .preview>*{filter:grayscale(.7);opacity:.6}.btn-gem{--b:#2fb4e8;--bs:#1a7aa8;color:#fff}.item-card.exclusive{--text:#fffdf6;--text-soft:#cfe9ff;color:var(--text);box-shadow:inset 0 -5px 0 #1d1948, var(--drop-lg);background:#2c2766}.item-card.exclusive:before{content:"";z-index:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,#6fd3ff1a 0 2px,#0000 2px 16px),repeating-linear-gradient(-45deg,#6fd3ff1a 0 2px,#0000 2px 16px);border:2px solid #6fd3ff;position:absolute;inset:6px}.item-card.exclusive .item-art{background:#3d3790;box-shadow:inset 0 0 0 3px #4f48ad}.item-card.exclusive .item-name{text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill}.item-card.exclusive .item-art:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff59 48%,#0000 60%) 120% 0/250% 100%;position:absolute;inset:0}.item-card.exclusive:hover .item-art:after{transition:background-position .7s var(--ease-out);background-position:-60% 0}.item-gem{border:2px solid var(--ink);width:32px;height:32px;box-shadow:var(--drop-sm);background:#fffdf6;place-items:center;display:grid;position:absolute;top:-6px;left:-6px;transform:rotate(45deg)}.item-gem svg{transform:rotate(-45deg)}.item-card.exclusive.equipped{background:#2c2766}.item-card.exclusive.equipped:before{border-color:var(--marker);border-width:3px}.preview{background:var(--paper-2);border:var(--line) solid var(--ink);border-radius:var(--r-sm);place-items:center;width:100%;height:72px;display:grid}.preview-stroke canvas{max-width:100%;display:block}.preview.preview-character{background:var(--sky);height:auto;padding:6px 4px 2px;overflow:hidden}.preview-character .character{aspect-ratio:480/450;width:100%!important;height:auto!important}.item-art>.preview-character{background:var(--sky)}.item-art .preview-character .character{width:auto!important;height:100%!important}.title-tag{color:var(--red-shade);align-self:flex-start;font-size:.72rem;font-weight:700}.title-tag.big{color:var(--ink);background:var(--marker);border:2.5px solid var(--ink);border-radius:var(--r-sm);align-self:center;padding:2px 12px 4px;font-size:1rem}.shop-banner{--text:#fff;color:#fff;background:var(--orange);border:var(--line) solid var(--ink);border-radius:var(--r);width:min(560px,100%);box-shadow:inset 0 -6px 0 var(--orange-shade), var(--drop);align-items:center;gap:12px;padding:12px 16px 14px;display:flex;position:relative}.shop-banner div{flex-direction:column;display:flex}.shop-banner strong{font-family:var(--font-display);text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;font-size:1.15rem;font-weight:800}.shop-banner span{font-size:.92rem;font-weight:500}.screen-header .wallet{margin-block:-8px}.menu-carousel{aspect-ratio:16/9;touch-action:pan-y;flex:none;position:relative;overflow:hidden}.mcar-track{height:100%;transition:transform .55s cubic-bezier(.65,0,.35,1);display:flex}.mcar-track.no-anim{transition:none}.mcar-arrow{z-index:4;border:3px solid var(--ink);background:var(--paper);width:30px;height:30px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;opacity:0;pointer-events:none;border-radius:0;place-items:center;margin-top:-15px;padding:0;transition:opacity .15s,transform .1s;display:grid;position:absolute;top:50%}.mcar-arrow.is-prev{left:10px}.mcar-arrow.is-next{right:10px}.menu-carousel:hover .mcar-arrow,.mcar-arrow:focus-visible{opacity:1;pointer-events:auto}.mcar-arrow:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.mcar-slide{flex:0 0 100%;height:100%;position:relative}.mcar-art{background:var(--paper-2);cursor:pointer;border:0;border-radius:0;width:100%;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.mcar-art img,.mcar-art .mcar-map{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease-out);position:absolute;inset:0}.menu-carousel:hover .mcar-art img,.menu-carousel:hover .mcar-art .mcar-map{transform:scale(1.03)}.mcar-tags{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:10px;left:12px}.mcar-tag{color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);padding:2px 8px 3px;font-size:.75rem;font-weight:800}.mcar-tag:first-child{color:#fff;background:var(--ink)}.mcar-tag:first-child:first-letter{text-transform:uppercase}.mcar-score{color:var(--green-ink);align-items:center;gap:4px;display:inline-flex}.mcar-bottom{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.mcar-bottom .btn{pointer-events:auto}.mcar-title{font-family:var(--font-display);text-transform:uppercase;color:#fff;paint-order:stroke fill;-webkit-text-stroke:7px var(--ink);text-shadow:0 3px 0 var(--ink);margin:0;font-size:1.45rem;font-weight:900;line-height:1.05}.new-tag{color:var(--ink);text-shadow:none;background:var(--marker);border:2px solid var(--ink);vertical-align:1px;border-radius:0;margin-left:6px;padding:0 7px 1px;font-size:.72rem;font-weight:800;display:inline-block}.updates-modal{width:min(600px,100%)}.release-list{flex-direction:column;gap:16px;padding:0 18px 6px;display:flex;overflow-y:auto}.release header{align-items:center;gap:10px;display:flex}.release-version{color:#fff;background:var(--ink);border-radius:var(--r-sm);flex:none;padding:2px 9px 4px;font-size:.95rem;font-weight:800}.release:first-child .release-version{color:var(--ink);background:var(--marker);border:2px solid var(--ink)}.release-title{flex-direction:column;display:flex}.release-title strong{font-size:1.05rem}.release-title small{color:var(--ink-soft);font-size:.8rem}.release-title em{color:var(--green-ink);font-style:normal;font-weight:800}.release ul{flex-direction:column;gap:4px;margin:8px 0 0;padding-left:22px;font-size:.92rem;line-height:1.4;display:flex}.release+.release{border-top:2px dashed var(--rule);padding-top:14px}.about-version{flex-direction:column;gap:2px;display:flex}.about-version strong{font-size:1.1rem}.about-actions{flex-wrap:wrap;gap:8px;display:flex}.about-links{flex-wrap:wrap;gap:6px 18px;margin:0;font-weight:700;display:flex}.about-links a{color:var(--blue-shade)}.menu-backdrop{z-index:0;background-position:50%;background-size:cover;position:fixed;inset:0;overflow:hidden}.ranked-screen{height:100%}.ranked-grid{flex:1;grid-template-columns:minmax(340px,400px) minmax(0,1fr) minmax(320px,380px);align-items:stretch;gap:24px;min-height:0;display:grid}.ranked-panel,.ranked-friends{flex-direction:column;align-self:start;gap:16px;min-height:0;max-height:100%;padding:18px 20px;display:flex}.rp-current{align-items:center;gap:16px;display:flex}.rp-current small{color:var(--text-soft);font-size:.8rem;font-weight:700;display:block}.rp-tier{font-family:var(--font-display);font-size:1.7rem;line-height:1.1;display:block}.rp-record{gap:18px;margin:8px 0 0;display:flex}.rp-record dt{color:var(--text-soft);font-size:.72rem;font-weight:700}.rp-record dd{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:800}.rp-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);margin-bottom:6px;font-size:.85rem;font-weight:800;display:block}.rp-next-row{align-items:center;gap:10px;display:flex}.rp-next-row .rank-bar{flex:1}.ranked-panel .rank-hint,.ranked-friends .rank-hint{margin:6px 0 0}.md10{grid-template-columns:repeat(10,1fr);gap:5px;margin:0;padding:0;list-style:none;display:grid}.md10 li{aspect-ratio:1;font-family:var(--font-display);color:var(--paper);background:var(--paper-2);border:2.5px solid var(--ink);place-items:center;font-size:.8rem;font-weight:800;display:grid}.md10 li.is-W{background:var(--blue)}.md10 li.is-L{background:var(--red)}.md10 li.is-D{background:var(--text-soft)}.ranked-center{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:18px;min-height:0;display:flex}.ranked-center>*{pointer-events:auto}.ranked-character{pointer-events:none}.ranked-character .character{aspect-ratio:480/450;width:min(400px,48cqh)!important;height:auto!important}.ranked-search{min-width:300px;margin-bottom:8px;padding-block:14px;font-size:1.6rem}.ranked-friends header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ranked-friends h2{font-size:1.3rem}.ranked-friends header span{color:var(--text-soft);font-size:.82rem;font-weight:700}.ranked-friends ul{padding:0;flex-direction:column;gap:10px;min-height:0;max-height:46cqh;margin:0;padding-right:4px;list-style:none;display:flex;overflow-y:auto}.rf-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar who rank""avatar who action";align-items:center;gap:4px 10px;display:grid}.rf-row.is-offline{opacity:.55}.rf-row .avatar{grid-area:avatar}.rf-who{flex-direction:column;grid-area:who;min-width:0;display:flex}.rf-who strong,.rf-who em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rf-who em{color:var(--text-soft);font-size:.78rem;font-style:normal;font-weight:700}.rf-rank{grid-area:rank;justify-self:end;align-items:center;gap:6px;display:flex}.rf-rank small{font-size:.72rem;font-weight:800}.rf-row .btn{grid-area:action;justify-self:end}.modes-backdrop svg{width:100%;height:100%;position:absolute;inset:0}.blurred-backdrop{filter:blur(14px);inset:-48px}.gfx-menu-medio .blurred-backdrop{filter:none;inset:0}.gfx-menu-baixo .menu-backdrop{background-color:var(--green-shade);background-image:none!important}.stats-message{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:700;display:flex}.stats-message p{margin:0}.stats-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stats-tile{--tone:var(--blue);flex-direction:column;gap:2px;padding:14px 16px 16px;display:flex}.stats-tile.tone-green{--tone:var(--green)}.stats-tile.tone-red{--tone:var(--red)}.stats-tile.tone-purple{--tone:var(--purple)}.stats-tile.tone-yellow{--tone:var(--yellow-shade)}.stats-tile.tone-orange{--tone:var(--orange)}.stats-chip{color:#fff;background:var(--tone,var(--blue));border:var(--line) solid var(--ink);width:36px;height:36px;box-shadow:var(--drop-sm);place-items:center;margin-bottom:6px;display:grid;transform:rotate(-4deg)}.stats-tile-label{color:var(--text-soft);font-size:.85rem;font-weight:700}.stats-tile strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.9rem;font-weight:800;line-height:1.15}.stats-tile small{color:var(--text-soft);font-size:.8rem;font-weight:600}.stats-records{padding:16px 20px 18px}.stats-records h2,.stats-row h2{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:800}.stats-records dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:10px 0 0;display:grid}.stats-records dl>div{border-bottom:var(--line) dashed var(--rule);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.stats-records dt{color:var(--ink-soft);align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:inline-flex}.stats-records dt svg{color:var(--ink);flex:none;align-self:center}.stats-records dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:800}.stats-records dd small{color:var(--ink-soft);font-size:.78rem;font-weight:600}.stats-word{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(transparent 50%, var(--marker) 50% 92%, transparent 92%);padding:0 4px}.stats-rows{flex-direction:column;gap:16px;display:flex}.stats-row{--tone:var(--blue);flex-direction:column;gap:12px;padding:14px 20px 18px;display:flex}.stats-row.empty{background:var(--paper-2)}.stats-row header{align-items:center;gap:14px;display:flex}.stats-row .stats-chip{margin:0}.stats-row-title{flex-direction:column;flex:1;min-width:0;display:flex}.stats-row-title small{color:var(--ink-soft);font-size:.82rem;font-weight:600}.stats-rank{align-items:center;gap:8px;display:flex}.stats-rank span{flex-direction:column;display:flex}.stats-rank small{color:var(--ink-soft);font-size:.78rem;font-weight:600}.stats-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;display:grid}.stats-cells div{background:var(--paper-2);border:var(--line) solid var(--rule);flex-direction:column;padding:6px 10px 8px;display:flex}.stats-cells dt{color:var(--ink-soft);font-size:.76rem;font-weight:700}.stats-cells dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:1.2rem;font-weight:800}.stats-bar{background:var(--paper-2);border:var(--line) solid var(--ink);height:14px;box-shadow:var(--drop-sm);display:flex}.stats-bar span+span{border-left:var(--line) solid var(--ink)}.stats-bar .win{background:var(--green)}.stats-bar .draw{background:var(--yellow)}.stats-bar .loss{background:var(--red)}.chest-card{text-align:center;flex-direction:column;align-items:stretch;padding:8px 8px 10px;display:flex}.chest-card>*{z-index:1;position:relative}.chest-card-art{background:var(--paper-2);border:var(--line) solid var(--ink);place-items:center;height:140px;display:grid}.chest-card.rarity-lendario .chest-card-art{background:var(--marker)}.chest-source{color:var(--text-soft);margin:-2px 0 8px;font-size:.82rem;font-weight:700}.shard-cosmetic{color:var(--teal)}.shard-skin{color:var(--purple)}.chest-odds{flex-direction:column;gap:14px;display:flex}.chest-odds-block{padding:16px 20px 18px}.chest-odds-block h2{margin:0 0 8px;font-size:1.25rem}.chest-odds-block small{color:var(--text-soft);margin-top:8px;font-weight:600;display:block}.chest-rules{margin:0 0 12px;padding-left:20px;font-weight:600;line-height:1.45}.chest-rules li+li{margin-top:4px}.chest-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.chest-table caption{text-align:left;margin-bottom:6px;font-weight:800}.chest-table th,.chest-table td{text-align:left;border:2px solid var(--ink);padding:6px 10px}.chest-table thead th{background:var(--paper-2);font-size:.85rem}.chest-table tbody th{font-weight:800}.chest-reveal{flex-direction:column;align-items:center;gap:14px;min-width:320px;margin-bottom:14px;display:flex}.chest-reveal .chest-art{animation:chest-pop .45s var(--ease-back) both}@keyframes chest-pop{0%{transform:scale(.75)translateY(10px)}}.reduce-motion .chest-reveal .chest-art{animation:none}@media (prefers-reduced-motion:reduce){.chest-reveal .chest-art{animation:none}}.chest-gains{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.chest-gains li{background:var(--paper-2);border:var(--line) solid var(--ink);box-shadow:var(--drop-sm);align-items:center;gap:10px;padding:6px 12px 8px;font-weight:800;display:flex}.chest-gains b{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.2rem}.shop-actions{gap:6px;display:flex}.shop-actions .btn{flex:1;min-width:0;padding-inline:6px}.craft-btn.btn-blue .shard-cosmetic,.craft-btn.btn-blue .shard-skin{color:#fff}.chest-bar{justify-content:flex-end;margin-bottom:14px;display:flex}.chest-card.empty{background:var(--paper-2);box-shadow:none;border-style:dashed}.chest-card.empty .chest-art{opacity:.35;filter:grayscale()}.modal-card.wide{width:min(860px,100%);max-height:calc(100% - 32px);overflow-y:auto}.modal-card.wide .chest-odds-block{box-shadow:none}.profile-open{width:100%;text-align:inherit;cursor:pointer;transition:transform .15s var(--ease-back);background:0 0;border:0;padding:0;display:block}.profile-open:hover{transform:translateY(-2px)rotate(-.4deg)}.side-tab .badge{align-self:center;margin-left:auto}.profile-page>:not(.screen-header){width:100%;max-width:none}.profile-top{grid-template-columns:270px minmax(0,1fr);padding:0;display:grid}.profile-summary{border-right:var(--line) dashed var(--ink);flex-direction:column;justify-content:center;gap:14px;padding:16px 18px;display:flex}.profile-who{align-items:center;gap:12px;min-width:0;display:flex}.profile-who>span{flex-direction:column;min-width:0;display:flex}.profile-who strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;overflow:hidden}.profile-who small,.profile-level small{color:var(--ink-soft);font-size:.85rem;font-weight:700}.profile-level{flex-direction:column;gap:4px;display:flex}.profile-level b{font-family:var(--font-display);font-size:1.15rem}.profile-xp{background:var(--paper-2);border:var(--line) solid var(--ink);height:12px;display:block;position:relative;overflow:hidden}.profile-xp i{background:var(--blue);position:absolute;inset:0 auto 0 0}.profile-stars{align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.profile-stars svg{color:var(--yellow);filter:drop-shadow(0 1.5px 0 var(--ink))}.profile-claim-all{width:100%}.profile-wait{place-content:center;justify-items:center;gap:10px;min-height:240px;font-weight:700;display:grid}.profile-error{color:var(--red-shade);background:var(--red-light);border:var(--line) solid var(--ink);margin:0;padding:10px 14px;font-weight:700}.level-track{flex-direction:column;gap:4px;min-width:0;padding:14px 0 0;display:flex}.level-track>header{align-items:baseline;gap:14px;padding-inline:20px;display:flex}.level-track h2{font-family:var(--font-display);margin:0;font-size:1.35rem}.level-track header p{color:var(--ink-soft);flex:1;margin:0;font-size:.9rem}.level-track-arrows{align-self:center;gap:8px;display:flex}.level-track-arrows .icon-btn{width:36px;height:36px}.level-track-arrows .flip svg{transform:scaleX(-1)}.level-line{align-items:flex-start;gap:12px;margin:0;padding:50px 20px 34px;list-style:none;display:flex;overflow:auto hidden}.level-node{flex-direction:column;flex:none;align-items:center;width:84px;display:flex;position:relative}.level-node:not(:last-child):after{content:"";background:repeating-linear-gradient(90deg, var(--ink) 0 3px, transparent 3px 6px);width:14px;height:4px;position:absolute;top:26px;right:-13px}.level-node.passed:not(:last-child):after{background:var(--ink)}.level-card{width:100%;min-height:112px;font:inherit;color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--paper-depth);flex-direction:column;align-items:center;gap:4px;padding:8px 4px 10px;display:flex;position:relative}.level-num{width:36px;height:36px;font-family:var(--font-display);background:var(--paper-2);border:var(--line) solid var(--ink);border-radius:50%;place-items:center;font-size:1.15rem;display:grid}.level-gold{align-items:center;gap:3px;font-size:.85rem;font-weight:800;display:inline-flex}.level-gold svg{color:var(--yellow)}.level-extras{align-items:center;gap:4px;min-height:22px;display:flex}.level-extra{width:24px;height:22px;color:var(--paper);background:var(--purple);border:var(--line) solid var(--ink);place-items:center;display:inline-grid}.level-extra.chest{background:0 0;border:0;width:auto;height:auto}.level-check{color:#fff;background:var(--green);border:var(--line) solid var(--ink);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-7px;right:-7px}.level-title-name{text-align:center;width:130px;color:var(--purple);font-size:.72rem;font-weight:800;line-height:1.15;position:absolute;top:calc(100% + 2px)}.level-node.claimed .level-card{background:var(--paper-2);opacity:.75}.level-node.start .level-card{background:var(--paper-2);justify-content:center}.level-node.locked .level-card{box-shadow:none;border-style:dashed}.level-node.locked .level-num{color:var(--ink-soft)}.level-node.decade{width:98px}.level-node.decade .level-card{min-height:128px}.level-node.decade .level-num{width:44px;height:44px;margin-top:-4px;font-size:1.35rem}.level-node.next-decade .level-card{background:color-mix(in srgb, var(--orange) 22%, var(--paper));box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--orange) 45%, var(--paper)), var(--drop-lg);border-style:solid;border-width:3px;transform:rotate(1.5deg)}.level-node.next-decade .level-num{color:#fff;background:var(--orange)}.level-node.ready .level-card{cursor:pointer;background:var(--marker);box-shadow:inset 0 -4px 0 var(--yellow), var(--drop-lg);transition:transform .15s var(--ease-back);transform:rotate(-2deg)}.level-node.ready .level-card:hover:not(:disabled){transform:rotate(-2deg)translateY(-3px)}.level-node.ready .level-num{background:var(--paper)}.level-claim{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:800}.level-node.current .level-num{color:#fff;background:var(--blue)}.level-flag{z-index:1;white-space:nowrap;color:#fff;background:var(--blue);border:var(--line) solid var(--ink);box-shadow:var(--drop-sm);flex-direction:column;align-items:center;padding:2px 8px;font-size:.74rem;font-weight:800;line-height:1.2;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.level-flag.next{background:var(--orange)}.ach-section{flex-direction:column;gap:12px;margin-top:8px;display:flex}.ach-title{font-family:var(--font-display);color:var(--paper);text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;margin:0;font-size:1.35rem}.ach-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ach-row{color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--paper-depth);grid-template-columns:auto minmax(0,1fr) 300px 180px;align-items:center;gap:20px;padding:10px 18px;display:grid}.ach-row.ready{background:var(--marker);box-shadow:inset 0 -4px 0 var(--yellow), var(--drop)}.ach-row.done{background:var(--paper-2)}.ach-main{flex-direction:column;gap:2px;min-width:0;display:flex}.ach-name{align-items:center;gap:8px;display:flex}.ach-name strong{font-family:var(--font-display);font-size:1.2rem}.ach-main p{color:var(--ink-soft);margin:0;font-size:.95rem;font-weight:700}.ach-icon{color:#fff;background:var(--blue);border:var(--line) solid var(--ink);place-items:center;width:24px;height:24px;display:inline-grid}.ach-row.done .ach-icon{color:var(--yellow-ink);background:var(--yellow)}.ach-stars{gap:1px;display:inline-flex}.ach-stars span{color:var(--paper-3);filter:drop-shadow(0 1.5px 0 var(--ink))}.ach-stars span.on{color:var(--yellow)}.ach-stars svg,.profile-stars svg{stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round;overflow:visible}.ach-reward{flex-direction:column;gap:3px;display:flex}.ach-reward small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:800}.ach-chips{flex-wrap:nowrap;gap:6px;display:flex}.ach-chip{white-space:nowrap;font-family:var(--font-display);background:var(--paper-2);border:var(--line) solid var(--ink);box-shadow:var(--drop-sm);align-items:center;gap:5px;padding:2px 10px 2px 6px;font-size:1rem;display:inline-flex}.ach-chip svg{color:var(--yellow)}.ach-chip.title{color:#fff;background:var(--purple)}.ach-chip.title svg{color:#fff}.ach-chip-tier{font-family:var(--font);color:var(--ink);background:var(--yellow);border:var(--line) solid var(--ink);margin-left:2px;padding:0 5px;font-size:.72rem;font-weight:800}.ach-done{color:var(--green-ink);align-items:center;gap:5px;font-weight:800;display:inline-flex}.ach-bar{background:var(--ink);border:var(--line) solid var(--ink);place-items:center;height:30px;display:grid;position:relative;overflow:hidden}.ach-bar i{width:var(--fill);background:var(--green);box-shadow:inset 0 -5px 0 var(--green-shade);position:absolute;inset:0 auto 0 0}.ach-bar b{color:#fff;text-shadow:0 1.5px 0 var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:.9rem;font-weight:800;position:relative}.ach-claim{width:100%}.claim-gains{justify-content:center;margin:0;padding:0;list-style:none;display:flex}.claim-gains li{flex-direction:column;align-items:center;gap:2px;display:flex}.claim-gains svg{color:var(--yellow)}.claim-gains b{font-family:var(--font-display);font-size:1.8rem}.claim-titles h3{margin:0 0 8px;font-size:1rem}.claim-title{background:var(--paper-2);border:var(--line) solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-weight:800;display:flex}.claim-title+.claim-title{margin-top:6px}.claim-title>span{color:var(--purple);align-items:center;gap:6px;display:inline-flex}.unlock-hint{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.hub-top-right{align-items:center;gap:12px;display:flex}.hub-vip{font-family:var(--font-display);color:var(--yellow-ink);background:var(--yellow);border:var(--line) solid var(--ink);box-shadow:inset 0 -4px 0 var(--yellow-shade), var(--drop);cursor:pointer;transition:transform .15s var(--ease-back);align-items:center;gap:6px;padding:5px 14px 7px 10px;font-size:1.1rem;display:inline-flex;transform:rotate(-3deg)}.hub-vip:hover{transform:rotate(-3deg)translateY(-2px)scale(1.04)}.hub-vip svg{animation:2.4s ease-in-out infinite vip-bob}@keyframes vip-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(-6deg)}}.mcar-vip-art{color:var(--yellow);background:radial-gradient(circle at 76% 50%, color-mix(in srgb, var(--yellow) 55%, transparent) 0 18%, transparent 42%), repeating-linear-gradient(135deg, #2c2766 0 18px, #332d75 18px 36px);place-items:center end;padding-right:9%;display:grid;position:absolute;inset:0}.mcar-vip-art svg{filter:drop-shadow(0 5px 0 var(--ink));stroke:var(--ink);stroke-width:1.4px;transform:rotate(8deg)}.shop-vip{width:min(760px,100%);font:inherit;text-align:left;color:#fff;border:var(--line) solid var(--ink);box-shadow:inset 0 -6px 0 #1d1948, var(--drop);cursor:pointer;transition:transform .15s var(--ease-back);background:#2c2766;align-items:center;gap:14px;padding:12px 16px 14px;display:flex}.shop-vip:hover{transform:translateY(-2px)}.shop-vip>svg{color:var(--yellow);filter:drop-shadow(0 3px 0 var(--ink));flex:none}.shop-vip>span:not(.btn){flex-direction:column;flex:1;display:flex}.shop-vip strong{font-family:var(--font-display);color:var(--yellow);text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;font-size:1.2rem}.shop-vip span span{font-size:.92rem;font-weight:700}.vip-page>:not(.screen-header){width:100%;max-width:none}.vip-hero{color:#fff;background:radial-gradient(circle at 78% 42%, color-mix(in srgb, var(--yellow) 40%, transparent) 0 14%, transparent 46%), repeating-linear-gradient(135deg, #2c2766 0 22px, #312b72 22px 44px);border:var(--line) solid var(--ink);box-shadow:inset 0 -8px 0 #1d1948, var(--drop-lg);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;padding:26px 30px;display:grid;position:relative;overflow:hidden}.vip-hero-text{flex-direction:column;justify-content:center;gap:14px;display:flex}.vip-kicker{font-family:var(--font-display);color:var(--yellow-ink);background:var(--yellow);border:var(--line) solid var(--ink);box-shadow:var(--drop-sm);align-self:flex-start;align-items:center;gap:6px;padding:3px 12px 4px 8px;font-size:1rem;display:inline-flex;transform:rotate(-2deg)}.vip-hero h2{font-family:var(--font-display);color:var(--yellow);text-shadow:var(--lettering);-webkit-text-stroke:var(--stroke) var(--ink);paint-order:stroke fill;margin:0;font-size:2.6rem;line-height:1.05}.vip-cta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.vip-cta-btn{padding:12px 26px 15px;font-size:1.35rem}.vip-cta small{color:#cfc9ff;max-width:280px;font-size:.9rem;font-weight:700}.vip-hero-side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.vip-stage{place-items:center;min-height:260px;display:grid;position:relative}.vip-crown{z-index:1;color:var(--yellow);filter:drop-shadow(0 4px 0 var(--ink));animation:3s ease-in-out infinite vip-float;position:absolute;top:-6px}.vip-crown svg{stroke:var(--ink);stroke-width:1.4px}@keyframes vip-float{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-8px)rotate(4deg)}}.vip-if{color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:inset 0 -5px 0 var(--marker), var(--drop-lg);flex-direction:column;gap:8px;padding:14px 16px;display:flex;transform:rotate(2deg)}.vip-if strong{font-family:var(--font-display);font-size:1.15rem}.vip-if span{align-items:center;gap:6px;font-weight:800;display:flex}.vip-if span svg{color:var(--blue);flex:none}.vip-if span+span svg{color:var(--yellow-shade)}.vip-if small{color:var(--ink-soft);font-size:.8rem;font-weight:700}.vip-section-title{font-family:var(--font-display);color:var(--paper);text-shadow:var(--lettering-sm);-webkit-text-stroke:var(--stroke-sm) var(--ink);paint-order:stroke fill;margin:0 0 12px;font-size:1.45rem}.vip-perks{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.vip-perk{--tone:var(--blue);color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--tone) 35%, var(--paper)), var(--drop);flex-direction:column;gap:2px;padding:16px 16px 18px;display:flex;position:relative}.vip-perk:nth-child(odd){transform:rotate(-.8deg)}.vip-perk:nth-child(2n){transform:rotate(.8deg)}.vip-perk.tone-yellow{--tone:var(--yellow-shade)}.vip-perk.tone-orange{--tone:var(--orange)}.vip-perk.tone-purple{--tone:var(--purple)}.vip-perk.tone-gem{--tone:#2c2766}.vip-perk-chip{color:#fff;background:var(--tone);border:var(--line) solid var(--ink);width:46px;height:46px;box-shadow:var(--drop-sm);place-items:center;margin-bottom:8px;display:grid}.vip-perk.tone-yellow .vip-perk-chip{color:var(--yellow-ink);background:var(--yellow)}.vip-perk b{font-family:var(--font-display);color:var(--tone);font-size:1.8rem;line-height:1}.vip-perk strong{font-family:var(--font-display);font-size:1.05rem}.vip-exclusives{padding:18px 20px}.vip-exclusives h2{font-family:var(--font-display);margin:0 0 12px;font-size:1.45rem}.vip-mystery{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.vip-mystery-card{height:130px;color:color-mix(in srgb, var(--yellow) 60%, #2c2766);border:var(--line) dashed var(--yellow);outline:var(--line) solid var(--ink);box-shadow:var(--drop);background:#2c2766;place-items:center;gap:6px;display:grid}.vip-mystery-card:nth-child(2n){transform:rotate(2deg)}.vip-mystery-card small{color:#cfc9ff;font-size:.8rem;font-weight:800}.auth{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;padding:12px 16px;display:flex}.auth .logo img{width:clamp(240px,21cqw,360px)}.auth-card{width:min(430px,100%);box-shadow:inset 0 -6px 0 var(--paper-2), var(--drop-lg);flex-direction:column;gap:10px;padding:16px 22px 18px;display:flex}.auth-card h2{font-size:1.4rem}.auth-wait{text-align:center;color:var(--text-soft);margin:0}.captcha{min-height:65px}.auth-tabs{background:var(--paper-3);border:var(--line) solid var(--ink);border-radius:var(--r-sm);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{min-height:38px;font:inherit;color:var(--ink-soft);border:var(--line) solid transparent;border-radius:var(--r-sm);cursor:pointer;background:0 0;font-weight:800}.auth-tabs button.on{color:var(--ink);background:var(--paper);border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.auth-submit{margin-top:4px;animation:none}.empty-state{text-align:center;color:var(--text-soft);flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex}.empty-state p{margin:0}.friend-list{flex-direction:column;gap:10px;max-width:1080px;display:flex}.friend-list ul{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.friend-count{color:var(--text-soft);margin:0;font-size:.85rem;font-weight:700}.friend-card{flex-direction:column;gap:8px;display:flex}.friend-open{font:inherit;color:inherit;border-radius:var(--r);cursor:pointer;transition:transform .12s var(--ease-back);background:0 0;border:none;padding:0;display:block}.friend-open:hover,.friend-open:focus-visible{transform:rotate(-1deg)scale(1.02)}.friend-foot{justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:0 2px;display:flex}.pm-activity{color:var(--ink-faint);min-width:0;font-size:.88rem;font-style:normal;font-weight:800}.friend-foot em{min-width:0;color:var(--text);text-shadow:var(--float-shadow);-webkit-text-stroke:var(--float-stroke) var(--ink);paint-order:stroke fill;font-size:.88rem;font-style:normal;font-weight:800}.pm-activity.is-online{color:var(--green-ink)}.pm-activity.is-queue{color:var(--yellow-shade)}.pm-activity.is-playing{color:var(--orange-shade)}.friend-card.skeleton .friend-foot{justify-content:flex-start}.np-skeleton{aspect-ratio:16/9;background:var(--paper-3);border:var(--line) dashed var(--ink-soft);opacity:.6;border-radius:0;display:block}.row-actions{gap:6px;display:flex}.list-error{color:var(--red-light);align-items:center;gap:10px;font-weight:700;display:flex}.list-sentinel{height:1px}.add-friend{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:720px;display:grid}.add-friend-btn{margin-top:4px}.my-code,.add-form{flex-direction:column;gap:10px;padding:18px;display:flex}.my-code span{color:var(--text-soft);font-size:.85rem;font-weight:700}.my-code strong{font-family:var(--font-display);letter-spacing:.12em;font-variant-numeric:tabular-nums;background:var(--paper-2);border:var(--line) dashed var(--ink);border-radius:var(--r-sm);align-self:flex-start;padding:2px 14px 4px;font-size:2rem;font-weight:800}.my-code .btn{align-self:flex-start}.add-form input{letter-spacing:.12em;text-transform:uppercase;font-weight:800}.invite-modal{flex-direction:column;gap:10px;width:min(420px,100%);display:flex}.field-label{color:var(--text-soft);font-size:.85rem;font-weight:700}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;color:var(--ink);background:var(--paper-2);border:var(--line) solid var(--ink);cursor:pointer;border-radius:0;padding:4px 13px 6px;font-size:.9rem;font-weight:800}.chip.on{background:var(--marker);box-shadow:0 2px 0 var(--ink)}.player-modal{width:min(420px,100%);box-shadow:inset 0 -6px 0 var(--paper-2), var(--drop-lg);overflow:hidden}.pm-head{padding:16px 16px 14px;position:relative}.pm-close{z-index:3;position:absolute;top:26px;right:26px}.pm-body{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 20px 18px;display:flex}.pm-stats{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin:10px 0 4px;display:grid}.pm-stats div{background:var(--paper-2);border:2.5px solid var(--ink);border-radius:var(--r-sm);flex-direction:column;padding:7px 4px;display:flex}.pm-stats b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.pm-stats span{color:var(--text-soft);font-size:.72rem}.pm-code{letter-spacing:.06em;margin:0;font-weight:800}.pm-actions{flex-direction:column;gap:8px;width:100%;margin:6px 0;display:flex}.toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{animation:toast-in .3s var(--ease-back);align-items:center;gap:10px;padding:7px 14px 9px;font-weight:700;display:flex}@keyframes toast-in{0%{transform:translateY(12px)rotate(-3deg)}}.invite-pop{z-index:70;width:min(460px,100% - 32px);box-shadow:inset 0 -6px 0 var(--paper-2), var(--drop-lg);animation:invite-in .4s var(--ease-back);align-items:center;gap:12px;padding:12px 14px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}@keyframes invite-in{0%{transform:translate(-50%,-30px)}}.invite-text{flex-direction:column;flex:1;min-width:0;display:flex}.invite-text strong{font-family:var(--font-display);font-weight:800}.invite-text span{color:var(--text-soft);font-size:.88rem}.invite-actions{gap:6px;display:flex}.workshop-backdrop:after{content:"";background:linear-gradient(90deg,#14121a8c,#14121a26 55%,#0000 75%);position:absolute;inset:0}.outage{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;padding:24px 72px;display:flex}.outage-tag{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);background:var(--yellow);border:var(--line) solid var(--ink);box-shadow:var(--drop);margin:0 0 10px;padding:3px 12px 5px;font-size:.95rem;transform:rotate(-2deg)}.outage-title{color:var(--paper);text-shadow:0 4px 0 var(--ink);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;margin:0 0 18px;font-size:3rem;line-height:1.05}.outage-card{width:440px;box-shadow:inset 0 -6px 0 var(--paper-2), var(--drop-lg);flex-direction:column;align-items:flex-start;gap:12px;padding:20px 22px 22px;display:flex}.outage-body{margin:0;font-size:1.05rem;font-weight:600;line-height:1.45}:root{--m:12px}.card,.paper,.auth-card,.result-panel,.confirm-exit-card,.player-modal,.menu-carousel,.ranking-panel,.rules-modal,.maps-modal,.modal-card,.shop-banner,.rank-result,.vs-side,.play-card.diff,.btn,.icon-btn,.tabs,.side-tab,.queue-tabs,.toast,.invite-pop,.rank-summary,.timer,.combo-meter,.emote-picker,.maps-button,.countdown-wait,.option-row,.menu-btn.primary,.reward-chip,.chip,.auth-tabs,.pm-stats div,.mc-cta,.map-tile,.word-list li,.emote-btn,.title-tag.big,.field input,.field select,.field textarea{--nd:7px;--ny:26px;--nr:calc(var(--nd) + var(--line) * .414 + var(--line));clip-path:polygon(calc(0px - var(--m)) calc(0px - var(--m)), calc(100% + var(--m)) calc(0px - var(--m)), calc(100% + var(--m)) calc(100% - var(--ny) - var(--nd) - var(--m)), calc(100% - var(--nd)) calc(100% - var(--ny)), calc(100% + var(--m)) calc(100% - var(--ny) + var(--nd) + var(--m)), calc(100% + var(--m)) calc(100% + var(--m)), calc(0px - var(--m)) calc(100% + var(--m)), calc(0px - var(--m)) calc(var(--ny) + var(--nd) + var(--m)), var(--nd) var(--ny), calc(0px - var(--m)) calc(var(--ny) - var(--nd) - var(--m)))}:where(.card,.paper,.auth-card,.result-panel,.confirm-exit-card,.player-modal,.menu-carousel,.ranking-panel,.rules-modal,.maps-modal,.modal-card,.shop-banner,.rank-result,.vs-side,.play-card.diff,.btn,.icon-btn,.tabs,.side-tab,.queue-tabs,.toast,.invite-pop,.rank-summary,.timer,.combo-meter,.emote-picker,.maps-button,.countdown-wait,.option-row,.menu-btn.primary,.reward-chip,.chip,.auth-tabs,.pm-stats div,.mc-cta,.map-tile,.word-list li,.emote-btn,.title-tag.big){position:relative}.card:after,.paper:after,.auth-card:after,.result-panel:after,.confirm-exit-card:after,.player-modal:after,.menu-carousel:after,.ranking-panel:after,.rules-modal:after,.maps-modal:after,.modal-card:after,.shop-banner:after,.rank-result:after,.vs-side:after,.play-card.diff:after,.btn:after,.icon-btn:after,.tabs:after,.side-tab:after,.queue-tabs:after,.toast:after,.invite-pop:after,.rank-summary:after,.timer:after,.combo-meter:after,.emote-picker:after,.maps-button:after,.countdown-wait:after,.option-row:after,.menu-btn.primary:after,.reward-chip:after,.chip:after,.auth-tabs:after,.pm-stats div:after,.mc-cta:after,.map-tile:after,.word-list li:after,.emote-btn:after,.title-tag.big:after{content:"";inset:calc(0px - var(--line));z-index:9;background:var(--ink);pointer-events:none;clip-path:polygon(0 calc(var(--ny) - var(--nr)), var(--nr) var(--ny), 0 calc(var(--ny) + var(--nr)), 0 100%, 100% 100%, 100% calc(100% - var(--ny) + var(--nr)), calc(100% - var(--nr)) calc(100% - var(--ny)), 100% calc(100% - var(--ny) - var(--nr)), 100% 100%, 0 100%);position:absolute}.field input,.field select,.field textarea{background-repeat:no-repeat!important;background-origin:border-box!important;background-image:conic-gradient(from 225deg at 100% 50%, var(--ink) 90deg, transparent 0), conic-gradient(from 45deg at 0 50%, var(--ink) 90deg, transparent 0)!important;background-size:var(--nr) calc(var(--nr) * 2)!important;background-position:left 0 top calc(var(--ny) - var(--nr)), right 0 bottom calc(var(--ny) - var(--nr))!important}.btn,.icon-btn,.pill,.tabs,.side-tab,.queue-tabs,.toast,.invite-pop,.rank-summary,.timer,.combo-meter,.emote-picker,.maps-button,.countdown-wait,.option-row,.menu-btn.primary,.reward-chip,.chip,.auth-tabs,.pm-stats div,.mc-cta,.map-tile,.field input,.field select,.field textarea{--nd:4px;--ny:12px}.word-list li,.emote-btn,.title-tag.big{--nd:3px;--ny:9px;--nr:calc(var(--nd) + var(--line) * 1.414)}.wallet .pill{clip-path:none;background-image:none!important}