:root{--text:#fff;--text-muted:#a9bcbd;--bar:#1a1a1a;--panel:#06181acc;--panel-line:#ffffff14;--row:#00000059;--own:#4fae45;--own-dark:#2f7d29;--other:#d9483f;--other-dark:#9f2b25;--energy:#f6a21c;--lcd:#ff9f1c;--gold:#f3b63a;--blue:#3a9ad9;--blue-dark:#1d6aa6;--danger:#ff6b5e;--flag:#3f9b4a;--music:#d64545;--fireworks:#e3b92a;--mosaic:#2f7fd0;--font:"Ubuntu", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-logo:"Alfa Slab One", Georgia, serif;--font-lcd:"Orbitron", ui-monospace, monospace;font-family:var(--font);color:var(--text);background:var(--bar);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bar);min-height:100vh;margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.grow{flex:1;min-width:0}.hint,.notice{color:var(--text-muted);margin:0}.hint{font-size:14px}.notice{background:#00000073;border-radius:4px;padding:10px 14px}.error{color:var(--danger);margin:0}.eyebrow{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:700}h2{margin:0;font-size:20px}.stack{flex-direction:column;gap:12px;display:flex}.logo{font-family:var(--font-logo);letter-spacing:1px;text-transform:uppercase;color:#fff;text-shadow:0 2px #00000080;font-size:22px;font-weight:400}.logo.big{margin:0;font-size:clamp(40px,10vw,64px)}.logo.small{color:#ddd;font-size:16px}.topbar{background:linear-gradient(#232323,#141414);border-bottom:1px solid #000}.topbar-inner,.hud-inner,.stage-inner,.footer-inner{width:100%;max-width:1040px;margin:0 auto;padding-left:16px;padding-right:16px}.topbar-inner{align-items:center;gap:16px;height:52px;display:flex}.topbar-user{color:#bbb;text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-size:13px;overflow:hidden}.topbar-link{color:#ddd;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.topbar-link:hover{color:#fff}.hud{background:linear-gradient(#3d3f40,#262829);border-bottom:2px solid #111}.hud-inner{align-items:stretch;gap:8px;padding-top:10px;padding-bottom:10px;display:flex}.hud-photo{width:104px;height:104px;font:inherit;cursor:pointer;background:#f2f2f2;border:3px solid #f2f2f2;border-radius:4px;flex:none;place-items:center;padding:0;display:grid;overflow:hidden;box-shadow:0 2px 6px #00000080}.hud-photo:hover{filter:brightness(1.06)}.hud-photo.current{border-color:#9ad8e8;box-shadow:0 0 0 2px #1c5455,0 2px 6px #00000080}.hud-photo img{object-fit:cover;width:100%;height:100%}.hud-photo span{font-family:var(--font-logo);color:#2c2c2c;font-size:56px}.hud-stats{flex-direction:column;flex:none;justify-content:space-between;gap:6px;width:160px;display:flex}.hud-row{gap:6px;display:flex}.hud-box{font-variant-numeric:tabular-nums;color:#ddd;background:#1e1f20;border:1px solid #111;border-radius:4px;flex:1;align-items:center;gap:6px;min-height:30px;padding:4px 8px;font-size:13px;display:flex;box-shadow:inset 0 2px 4px #0009,0 1px #ffffff0f}.hud-level{min-width:20px;font-weight:700}.coin{color:#e9a925}.ticket{color:#7ec3ff}.bolt{color:var(--energy)}.bar{background:#0d0d0d;border-radius:999px;flex:1;height:8px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #000c}.bar>span{border-radius:999px;height:100%;transition:width .5s;display:block}.energy-bar>span{background:linear-gradient(#ffd56a, var(--energy))}.level-bar>span{background:linear-gradient(#c8e6ff,#6db6f2)}.hud-places{flex:1;justify-content:flex-end;gap:6px;min-width:0;display:flex;overflow-x:auto}.place{color:#e6e6e6;width:112px;font:inherit;cursor:pointer;background:radial-gradient(at 50% 30%,#ffffff2e,#0000 70%),linear-gradient(#6a6e71,#3a3c3e);border:2px solid #1a1a1a;border-radius:6px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:8px 4px 6px;display:flex;box-shadow:inset 0 1px #fff3,0 2px 4px #00000080}.place svg{filter:drop-shadow(0 2px 2px #00000080);flex:1}.place span{text-transform:uppercase;color:#cfcfcf;font-size:12px;font-weight:500}.place:not(:disabled):hover{color:#fff;border-color:#555}.place.current{color:#fff;background:radial-gradient(at 50% 30%,#befff559,#0000 70%),linear-gradient(#3c8c8b,#1c5455);border-color:#9ad8e8}.place:disabled:not(.current){cursor:default;opacity:.4}.stage{background:repeating-radial-gradient(140% 90% at 50% 118%,#0000 0 22px,#ffffff09 22px 24px),radial-gradient(70% 55% at 50% 22%,#aaf0e652,#0000 70%),radial-gradient(120% 90% at 50% 40%,#0000 55%,#00000073 100%),linear-gradient(#2c7372 0%,#1b5354 45%,#0e3739 100%);flex:1;padding:24px 0 40px}.stage-inner{flex-direction:column;gap:16px;display:flex}.footer{color:#8a8a8a;background:#1c1c1c;border-top:1px solid #000;font-size:12px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:20px;padding-bottom:20px;display:flex}.footer-links{gap:16px;display:flex}.footer-links a{color:#b5b5b5}.footer-links a:hover{color:#fff}.legal .panel-body{max-width:720px;line-height:1.6}.legal h2{margin:20px 0 6px;font-size:15px}.legal p{margin:0 0 8px}.legal-updated{color:var(--text-muted);font-size:12px}.button{border:1px solid var(--blue-dark);background:linear-gradient(#5db6ea, var(--blue) 50%, var(--blue-dark));color:#fff;font:inherit;text-shadow:0 1px 1px #0006;cursor:pointer;border-radius:4px;padding:10px 18px;font-size:15px;font-weight:500;box-shadow:inset 0 1px #ffffff59,0 2px 3px #0006}.button:not(:disabled):hover{filter:brightness(1.08)}.button:disabled{opacity:.6;cursor:default}.button.go{border-color:var(--own-dark);background:linear-gradient(#7fd06f, var(--own) 50%, var(--own-dark));text-transform:uppercase;font-weight:700}.button.secondary{background:linear-gradient(#b5bdc2,#8e979c 50%,#6c757a);border-color:#5a6267}.link-button{color:#8fd0ff;font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px}.link-button.danger{color:var(--danger)}.link-button:disabled{opacity:.6}.badge{text-transform:uppercase;color:#fff;cursor:help;background:#ffffff24;border-radius:3px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.panel{border:1px solid var(--panel-line);background:var(--panel);border-radius:6px;overflow:hidden;box-shadow:0 6px 18px #00000059}.panel.padded{flex-direction:column;gap:12px;padding:16px;display:flex}.panel-title{letter-spacing:.5px;text-transform:uppercase;color:#e6e6e6;background:linear-gradient(#34383a,#1f2223);border-bottom:1px solid #000;justify-content:space-between;gap:8px;margin:0;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.panel-title span{color:var(--text-muted)}.panel-body{padding:14px}.field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;font-weight:500;display:flex}.field legend{margin-bottom:6px}input:not([type=radio]),select{color:#222;width:100%;font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafafa;border:1px solid #c9c9c9;border-radius:3px;padding:9px 12px;font-weight:400}input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:0}.choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice{border:1px solid var(--panel-line);cursor:pointer;background:#ffffff0d;border-radius:4px;flex-direction:column;gap:2px;padding:12px;font-weight:400;display:flex}.choice.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#3a9ad92e}.choice input{display:none}.choice span{color:var(--text-muted);font-size:13px}.select-row{align-items:center;gap:8px;display:flex}.swatch{border:3px solid;border-radius:50%;flex:none;width:24px;height:24px}.lcd{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--lcd);text-shadow:0 0 6px #ff8c008c;white-space:nowrap;background:#141718;border:1px solid #000;border-radius:6px;padding:4px 10px;font-size:18px;font-weight:500;display:inline-block;box-shadow:inset 0 2px 6px #000000d9,0 1px #ffffff14}.lcd.big{letter-spacing:2px;padding:6px 18px;font-size:32px}.lcd.small{font-size:14px}.lcd.off{color:#5c4a2c;text-shadow:none}.crest{object-fit:cover;flex:none;display:block}.crest-frame{background:#f2f2f2;border-radius:3px;flex:none;padding:4px;line-height:0;display:inline-block;box-shadow:0 3px 8px #00000080}.avatar{object-fit:cover;border-radius:50%;flex:none;width:48px;height:48px}.avatar.small{border:2px solid #fffc;width:32px;height:32px}.avatar.placeholder{background:#fff3;display:inline-block}.logo-lockup{align-items:center;gap:8px;display:inline-flex}.logo-mark{filter:drop-shadow(0 2px #00000080);flex:none}.landing{flex-direction:column;gap:40px;padding-bottom:8px;display:flex}.landing-hero,.landing-cta{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:680px;margin:24px auto 0;padding:36px 20px;display:flex}.landing-hero .logo.big{margin-top:-4px}.welcome-tagline{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin:-8px 0 0;font-size:13px;font-weight:500}.landing-pitch{max-width:480px;margin:0;font-size:17px;line-height:1.5}.button.big{padding:13px 28px;font-size:17px}.landing-section{flex-direction:column;gap:16px;display:flex}.landing-title{font-family:var(--font-logo);letter-spacing:.5px;text-align:center;text-transform:uppercase;text-shadow:0 2px #00000080;margin:0;font-size:clamp(20px,4vw,26px);font-weight:400}.landing h3{margin:0;font-size:17px}.landing-section p,.landing-cta p{color:var(--text-muted);margin:0;line-height:1.45}.landing-steps{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.landing-step{flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}.landing-step-icon{color:#fff;background:linear-gradient(#3f8f8d,#1d5d5e);border:1px solid #ffffff40;border-radius:6px;place-items:center;width:52px;height:52px;margin-bottom:4px;display:grid;box-shadow:inset 0 1px #fff3}.landing-step-number{font-family:var(--font-lcd);color:var(--lcd);text-shadow:0 0 6px #ff8c008c;font-size:28px;font-weight:700;position:absolute;top:14px;right:18px}.landing-cards{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.landing-card{align-items:center;gap:16px;padding:16px;display:flex}.landing-card .mini-card{flex:none}.landing-card h3{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.landing-card .badge{cursor:default}.landing-season{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-season-item{flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.landing-season-item .lcd{margin-bottom:4px}.landing-cta{margin-top:0}.landing-cta h2{font-family:var(--font-logo);text-transform:uppercase;font-size:clamp(22px,5vw,30px);font-weight:400}@media (width<=800px){.landing-steps,.landing-season,.landing-cards{grid-template-columns:1fr}}.mini-card{aspect-ratio:3/4;color:#fff9;border:4px solid #f4f4f4;border-radius:3px;place-items:center;width:84px;display:grid;position:relative;box-shadow:0 4px 10px #00000080}.mini-card strong{color:#fff;text-shadow:0 1px 2px #000000b3;font-size:12px;position:absolute;top:4px;left:6px}.flag{--card:var(--flag);--card-light:#a8dc8c}.music{--card:var(--music);--card-light:#ffb2a0}.fireworks{--card:var(--fireworks);--card-light:#fff3b0}.mosaic{--card:var(--mosaic);--card-light:#a9d6ff}.mini-card,.game-card{background:radial-gradient(ellipse at 50% 40%, var(--card-light), transparent 65%), linear-gradient(160deg, var(--card), color-mix(in srgb, var(--card) 45%, #000))}.crew-header{align-items:center;gap:16px;padding:16px;display:flex}.crew-name{overflow-wrap:anywhere;font-size:28px}.crew-meta{color:var(--text-muted);margin:4px 0 0}.crew-xp{font-variant-numeric:tabular-nums;color:var(--gold);margin:4px 0 6px;font-size:22px;font-weight:700}.home-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.column{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=800px){.home-grid{grid-template-columns:minmax(0,1fr)}}.match-row{background:var(--row);border-radius:4px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.match-row.live{box-shadow:inset 3px 0 0 var(--own)}.ranking{margin:0;padding:0;list-style:none}.ranking li{border-bottom:1px solid var(--panel-line);align-items:center;gap:10px;padding:8px 14px;display:flex}.ranking li:nth-child(2n){background:#ffffff08}.ranking li.me{background:var(--gold);color:#2a1d00}.ranking li.me .role-tag{box-shadow:0 0 0 1px #00000073}.ranking .rank{text-align:center;width:26px;font-size:18px;font-weight:700}.ranking .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking .points{font-variant-numeric:tabular-nums;font-size:13px}.scoreboard-screen{font-family:var(--font-lcd);color:var(--lcd);text-align:center;text-shadow:0 0 6px #ff8c0073;background:#121516;border:1px solid #000;border-radius:6px;flex-direction:column;align-items:center;gap:6px;margin:14px;padding:18px 16px;display:flex;box-shadow:inset 0 3px 10px #000000e6}.scoreboard-screen p{margin:0}.outcome{text-transform:uppercase;font-size:34px;font-weight:700}.result.loss .outcome{color:#ff5a4a;text-shadow:0 0 6px #ff3c2880}.result.draw .outcome{color:#e8e8e8;text-shadow:none}.opponent-line{font-family:var(--font);color:var(--text-muted);text-shadow:none;font-size:13px}.scoreline{font-variant-numeric:tabular-nums;font-size:26px}.scoreline span{margin:0 8px;font-size:18px}.rewards{text-transform:uppercase;grid-template-columns:auto auto;gap:4px 32px;margin:8px 0 0;font-size:14px;display:grid}.rewards dt{text-align:left}.rewards dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.screen-note{text-transform:uppercase;font-size:11px}.arena{flex-direction:column;gap:12px;display:flex}.back{color:#d6f2f0}.arena-head{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto;grid-template-areas:"crest-own info-own clock info-other crest-other""crest-own bar bar bar crest-other";align-items:end;gap:8px 0;display:grid}.team{display:contents}.team.own .crest-frame{grid-area:crest-own}.team.other .crest-frame{grid-area:crest-other}.team.own .team-info{grid-area:info-own;padding-left:14px}.team.other .team-info{text-align:right;grid-area:info-other;padding-right:14px}.team-info{text-shadow:0 2px 3px #00000080;flex-direction:column;min-width:0;display:flex}.team-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:500;overflow:hidden}.team-club{color:#c9d9d9;font-size:14px}.team-score{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.clock-box{background:linear-gradient(#55595b,#2b2d2e);border-radius:10px;flex-direction:column;grid-area:clock;align-self:start;align-items:center;gap:2px;padding:5px;display:flex;box-shadow:inset 0 1px #ffffff26,0 3px 8px #00000080}.clock-label{text-transform:uppercase;color:#ccc;font-size:10px;font-weight:700}.dominance{--bar-own:var(--own);--bar-other:var(--other);background:linear-gradient(color-mix(in srgb, var(--bar-other) 75%, #fff), var(--bar-other) 50%, color-mix(in srgb, var(--bar-other) 70%, #000));grid-area:bar;height:22px;display:flex;overflow:hidden;box-shadow:inset 0 2px 3px #00000059}.dominance .own{background:linear-gradient(color-mix(in srgb, var(--bar-own) 75%, #fff), var(--bar-own) 50%, color-mix(in srgb, var(--bar-own) 70%, #000));height:100%;transition:width .5s;box-shadow:1px 0 #0006}.energy-pill{background:#0009;border-radius:999px;align-self:center;align-items:center;gap:8px;width:min(100%,360px);padding:5px 14px;display:inline-flex;box-shadow:inset 0 1px 3px #000c}.energy-pill strong{min-width:28px;color:var(--energy);font-variant-numeric:tabular-nums;font-size:18px}.energy-pill .bar{height:10px}.energy-next{color:var(--text-muted);white-space:nowrap;font-size:12px}.arena-body{grid-template-columns:190px minmax(0,1fr) 190px;align-items:start;gap:16px;display:grid}.arena-center{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=900px){.arena-body{grid-template-columns:1fr 1fr}.arena-center{order:-1;grid-column:1/-1}}.fans-panel{background:#0000004d;border-radius:6px;flex-direction:column;gap:4px;min-width:0;padding:10px;display:flex}.fans-panel.other{text-align:right}.fans-panel p{margin:0}.fans-title{font-size:15px;font-weight:700}.fans-count{color:var(--text-muted);font-size:13px}.online-dot{vertical-align:1px;background:#3ddc6b;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 6px #3ddc6b}.fans-count strong{color:#fff}.fans{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.fans li{background:#ffffff1a;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex;box-shadow:inset 0 1px #ffffff14}.fans-panel.other li{flex-direction:row-reverse}.fan-head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.fans-panel.other .fan-head{flex-direction:row-reverse}.fan-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}button.fan-name{width:100%;text-align:inherit;font-size:12px}.fan-rank{font-size:15px;font-weight:700}.fan-points{color:#d5e2e2;white-space:nowrap;font-size:11px}@media (width<=640px){.fans .avatar{display:none}}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,2vw,18px);width:100%;max-width:600px;margin:0 auto;display:grid;position:relative}.game-card{aspect-ratio:3/4;color:#fff;font:inherit;cursor:pointer;touch-action:manipulation;border:clamp(3px,.8vw,6px) solid #f4f4f4;border-radius:3px;place-items:center;padding:0;transition:transform .12s,filter .12s;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 12px #00000080}.game-card:not(:disabled):hover{transform:translateY(-3px)}.game-card:not(:disabled):active{transform:scale(.97)}.game-card:disabled{cursor:default;filter:saturate(.6)brightness(.8)}.card-art{color:#ffffff8c;filter:drop-shadow(0 4px 4px #00000059);place-items:center;width:70%;display:grid}.card-art svg{width:100%;height:auto}.card-title{text-align:left;text-shadow:0 2px 2px #000000a6;font-size:clamp(12px,2.6vw,20px);font-weight:700;position:absolute;top:6px;left:8px;right:6px}.card-cost{text-shadow:0 2px 2px #000000a6;align-items:center;gap:2px;font-size:clamp(12px,2.4vw,18px);font-weight:700;display:flex;position:absolute;bottom:4px;right:6px}.game-card .cooldown{pointer-events:none;background:#0009;width:100%;position:absolute;bottom:0;left:0}.cooldown-time{font-family:var(--font-lcd);text-shadow:0 2px 4px #000c;place-items:center;font-size:clamp(20px,5vw,36px);font-weight:700;display:grid;position:absolute;inset:0}.score-table{flex-direction:column;width:100%;max-width:540px;margin:0 auto;display:flex}.score-tab{letter-spacing:.5px;text-transform:uppercase;color:#ddd;background:linear-gradient(#2a2d2e,#121415);border-radius:8px 8px 0 0;align-self:center;margin:0;padding:4px 28px 3px;font-size:11px;font-weight:700}.score-row{background:var(--row);border-top:1px solid #ffffff0f;grid-template-columns:64px minmax(0,1fr) 96px minmax(0,1fr) 64px;align-items:center;gap:12px;padding:4px 16px;display:grid}.score-row:first-of-type{border-radius:4px 4px 0 0}.score-row:last-child{border-radius:0 0 4px 4px}.score-row .num{font-variant-numeric:tabular-nums;color:#e9f0f0;font-size:clamp(18px,4vw,24px);font-weight:500}.score-row .num:nth-child(2){text-align:right}.score-row .bonus{font-variant-numeric:tabular-nums;color:var(--gold);font-size:13px}.score-row .bonus:first-child{text-align:left}.score-row .bonus:last-child{text-align:right}.score-row.score-head{text-transform:uppercase;color:var(--text-muted);cursor:help;padding-top:3px;padding-bottom:3px;font-size:9px;font-weight:700;line-height:1.1}.score-head>span:last-child{text-align:right}.score-head .short{display:none}.score-label{text-transform:uppercase;color:#c7d4d4;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:500;display:flex}.split{background:#1a1a1a;border-radius:999px;width:100%;height:5px;display:block;overflow:hidden}.split span{background:var(--card);height:100%;transition:width .5s;display:block}.report{text-align:right;margin:0}@media (width<=640px){.stage{padding-top:16px}.hud-photo{width:72px;height:72px}.hud-photo span{font-size:40px}.hud-stats{width:130px}.hud-inner{flex-wrap:wrap}.hud-places{flex-basis:100%;justify-content:flex-start}.place{flex:1;width:auto;min-width:64px;padding-top:6px}.place svg{width:26px;height:26px}.place span{font-size:10px}.arena-head .crest-frame{padding:2px}.arena-head .crest{width:52px;height:52px}.team.own .team-info{padding-left:8px}.team.other .team-info{padding-right:8px}.team-name{font-size:13px}.team-club{font-size:11px}.team-score{font-size:18px}.lcd.big{letter-spacing:1px;padding:4px 8px;font-size:18px}.dominance{height:14px}.score-row{grid-template-columns:44px minmax(0,1fr) 72px minmax(0,1fr) 44px;gap:6px;padding:4px 8px}.score-row .bonus{font-size:11px}.score-head .long{display:none}.score-head .short{display:inline}.skill{flex-wrap:wrap}.skill-buy{flex-basis:100%;justify-content:flex-end}.crew-name{font-size:22px}.crew-header .crest{width:64px;height:64px}}.button.small{padding:5px 10px;font-size:13px}.actions{flex-wrap:wrap;gap:8px;display:flex}.title-balance{color:#ddd;font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.skills{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.skill{background:var(--row);border-radius:4px;align-items:center;gap:12px;padding:10px 12px;display:flex}.skill.specialty{box-shadow:inset 3px 0 0 var(--gold)}.skill-card{border-width:3px;width:48px}.skill-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.skill-head,.skill-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-level{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--lcd);font-size:16px}.skill-level span{color:var(--text-muted);font-size:12px}.skill-bar{flex:none;height:10px;position:relative;overflow:visible}.skill-bar>span{background:linear-gradient(var(--card-light), var(--card))}.skill-cap{background:#ffffff80;width:2px;position:absolute;top:-3px;bottom:-3px}.specialty-toggle{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:2px 8px;font-size:12px}.specialty-toggle.on{border-color:var(--gold);color:var(--gold);background:#f3b63a26}.specialty-toggle:disabled{cursor:default;opacity:.6}.skill-buy{gap:6px;display:flex}.role-tag{text-transform:uppercase;color:#111;border-radius:3px;flex:none;padding:1px 6px;font-size:10px;font-weight:700}.roles{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.roles li{background:var(--row);border-radius:4px;align-items:center;gap:10px;padding:6px 10px 6px 0;display:flex;overflow:hidden}.role-swatch{flex:none;align-self:stretch;width:4px}.role-name{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700;display:block}.role-holder{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}select.role-select{margin-top:2px;padding:4px 8px;font-size:13px}.leader-offer{border:1px solid var(--gold);background:#f3b63a1f;border-radius:4px;flex-direction:column;gap:10px;padding:12px;display:flex}.leader-offer p{margin:0;font-size:14px}.avatar.buffed{border-style:solid;border-width:2px}.history{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--panel-line);align-items:center;gap:12px;padding:10px 14px;display:flex}.crest-frame.small{padding:2px}.history-main{flex-direction:column;gap:4px;display:flex}.history-head,.history-foot{justify-content:space-between;gap:8px;display:flex}.history-opponent{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.history-outcome{text-transform:uppercase;color:var(--own);flex:none;font-size:12px;font-weight:700}.history .loss .history-outcome{color:var(--other)}.history .draw .history-outcome{color:var(--text-muted)}.history-foot{color:var(--text-muted);font-size:12px}.history-score{font-variant-numeric:tabular-nums;color:#e9f0f0}.dominance.thin{border-radius:999px;height:8px}.fans-subtitle{text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700;margin-top:10px!important}.fan-role{font-size:13px;font-weight:700}.fans li.me{background:var(--gold);color:#2a1d00}.fans li.me .fan-points{color:#4a3600}.roles-list li.buffed{background:#ffffff29}.skill-square{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--lcd);text-shadow:0 1px 1px #000000a6;background:#00000073;border:1px solid #000000b3;border-radius:3px;padding:1px 5px;font-size:clamp(10px,2vw,14px);font-weight:700;position:absolute;bottom:5px;left:6px;box-shadow:inset 0 1px #fff3}.skill-square.small{padding:0 3px;font-size:10px;position:static}@media (width<=640px){.skill-square:not(.small){bottom:24px}}.buff-row{justify-content:center;display:flex}.button.buff{background:linear-gradient(color-mix(in srgb, var(--role) 70%, #fff), var(--role) 50%, color-mix(in srgb, var(--role) 60%, #000));color:#fff;text-transform:uppercase;border-color:#000;font-weight:700}.button.buff strong{font-family:var(--font-lcd);margin-left:6px}.epic-flash{font-family:var(--font-lcd);color:var(--lcd);text-shadow:0 0 8px #ff8c00b3;background:#121516;border:1px solid #000;border-radius:6px;align-self:center;margin:0;padding:6px 18px;font-size:18px;animation:.25s ease-out flash-in;box-shadow:inset 0 2px 6px #000000d9}@keyframes flash-in{0%{opacity:0;transform:scale(.8)}}.has-tip{position:relative}.tip{z-index:10;text-align:left;width:max-content;max-width:260px;color:var(--text-muted);opacity:0;pointer-events:none;background:#0e1112f5;border:1px solid #000;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.35;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 16px #00000080}.tip:after{content:"";border:6px solid #0000;border-top-color:#0e1112f5;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tip strong{color:#fff;font-size:13px}.tip-now{color:var(--lcd);margin-top:2px}.has-tip:hover>.tip,.has-tip:focus-within>.tip,.has-tip:focus-visible>.tip{opacity:1;transform:translate(-50%)}@media (hover:none){.card-hold>.tip{display:none}}.skill .has-tip{flex:none;line-height:0}.skill .tip{left:0;transform:translateY(4px)}.skill .has-tip:hover>.tip,.skill .has-tip:focus-visible>.tip{transform:translate(0)}.skill .tip:after{left:24px}.card-slot{gap:6px;min-width:0;display:grid}.game-card.epic{animation:1.2s ease-out epic-card}@keyframes epic-card{0%{filter:brightness(1.6);transform:scale(1.08)rotate(-2deg);box-shadow:0 0 #ffc83ce6,0 6px 12px #00000080}20%{transform:scale(1.06)rotate(2deg)}40%{transform:scale(1.04)rotate(-1deg)}to{filter:none;transform:none;box-shadow:0 0 0 18px #ffc83c00,0 6px 12px #00000080}}.epic-burst{z-index:5;pointer-events:none;background:radial-gradient(#ffbe2859,#0000 65%);flex-direction:column;justify-content:center;align-items:center;animation:1.8s ease-out forwards epic-burst;display:flex;position:absolute;inset:0}.epic-title,.epic-points{font-family:var(--font-lcd);text-transform:uppercase;color:#ffd25a;text-shadow:0 0 10px #ffa000e6,0 3px #7a4a00,0 6px 12px #000000b3;font-weight:700}.epic-title{letter-spacing:2px;font-size:clamp(22px,5vw,40px)}.epic-points{font-size:clamp(28px,7vw,56px)}@keyframes epic-burst{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1.15)}25%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1.05)translateY(-12px)}}@media (prefers-reduced-motion:reduce){.game-card.epic,.epic-burst{animation-duration:10ms}.epic-burst{animation:none}}.score-pop{z-index:6;font-family:var(--font-lcd);color:var(--card-light);white-space:nowrap;pointer-events:none;text-shadow:0 0 10px var(--card), 0 2px 0 color-mix(in srgb, var(--card) 45%, #000), 0 4px 8px #0009;font-size:clamp(20px,4.5vw,34px);font-weight:700;animation:1.2s ease-out forwards score-pop;position:absolute;top:30%;left:50%}.score-pop.epic{font-size:clamp(26px,6vw,44px)}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.15)}30%{transform:translate(-50%,-8px)scale(1)}to{opacity:0;transform:translate(-50%,-70px)scale(1)}}@media (prefers-reduced-motion:reduce){.score-pop{animation:1.2s ease-out forwards score-pop-fade}@keyframes score-pop-fade{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}}.card-hold{min-width:0;display:grid}.item-chip{background:linear-gradient(color-mix(in srgb, var(--card,#555) 55%, #222), color-mix(in srgb, var(--card,#555) 30%, #000));color:#fff;min-width:0;font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;touch-action:manipulation;border:1px solid #000;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:3px 6px;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 2px 3px #0006}.item-chip svg{color:var(--card-light,#ffe1a0);filter:drop-shadow(0 1px 1px #00000080);flex:none}.item-chip:not(:disabled):hover{filter:brightness(1.15)}.item-chip:disabled{cursor:default;filter:saturate(.4)brightness(.7)}.item-chip.special{--card:#8a5a1a;--card-light:#ffd27a;padding:4px 10px}.item-count{color:#ffffffb3;font-weight:500}.backpack-bar{background:#00000073;border:1px solid #000;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:600px;margin:-6px auto 0;padding:6px 12px;display:flex;box-shadow:inset 0 2px 6px #0009}.backpack-label{text-transform:uppercase;color:#ddd;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.backpack-label svg{color:#c9a46a}.item-chip.cooling:disabled{filter:none}.item-chip.cooling>:not(.chip-cooldown,.chip-cooldown-time){opacity:.3}.chip-cooldown{pointer-events:none;background:#0009;position:absolute;top:0;bottom:0;left:0}.chip-cooldown-time{font-family:var(--font-lcd);text-shadow:0 1px 3px #000000e6;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}@media (width<=640px){.card-slot .item-chip{padding:3px 4px;font-size:10px}.card-slot .item-count{display:none}.backpack-bar{border-radius:8px}}.chat{width:100%;max-width:540px;margin:0 auto}.chat-title{align-items:center;gap:6px;display:inline-flex}.panel-title .chat-title{color:#e6e6e6}.chat-list{overscroll-behavior:contain;flex-direction:column;gap:2px;height:220px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.chat-list li{border-radius:4px;align-items:flex-start;gap:8px;padding:5px 6px;display:flex}.chat-list li:nth-child(2n){background:#ffffff08}.chat-list .avatar.small{width:26px;height:26px}.chat-list li.chat-empty{text-align:center;background:0 0;margin:auto;display:block}.chat-head{align-items:baseline;gap:8px;font-size:13px;display:flex}.chat-head strong{text-overflow:ellipsis;white-space:nowrap;filter:brightness(1.25);overflow:hidden}.chat-head time{font-size:11px}.chat-body{color:#e9f0f0;overflow-wrap:anywhere;font-size:14px;display:block}.chat-form{background:#0000004d;border-top:1px solid #000;gap:8px;padding:8px;display:flex}.chat-form input{flex:1;min-width:0;padding:6px 10px}.chat-closed,.chat-error{border-top:1px solid #000;padding:8px 12px}.notice.good{box-shadow:inset 3px 0 0 var(--own);color:#dff5d8}.notice.bad{box-shadow:inset 3px 0 0 var(--danger);color:#ffd9d4}.hint.small{font-size:12px}.shop-list,.packs,.ledger{margin:0;padding:0;list-style:none}.shop-list{flex-direction:column;gap:8px;display:flex}.shop-item{background:var(--row);border-radius:4px;align-items:center;gap:12px;padding:8px 10px;display:flex}.item-tile{background:radial-gradient(ellipse at 50% 40%, var(--card-light), transparent 70%), linear-gradient(160deg, var(--card), color-mix(in srgb, var(--card) 45%, #000));color:#ffffffd9;border:3px solid #f4f4f4;border-radius:3px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 3px 6px #00000080}.item-tile.special{--card:#b5781f;--card-light:#ffe2a3}.shop-item-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shop-item-main .hint{font-size:13px}.shop-item-meta{color:var(--text-muted);font-size:12px}.shop-item-meta strong{color:#fff}.shop-buy{flex:none;align-items:center;gap:8px;display:flex}.stepper{background:#00000059;border:2px solid #fff3;border-radius:4px;align-items:stretch;height:30px;display:flex;overflow:hidden}.stepper button{color:#fff;cursor:pointer;background:#ffffff14;border:0;width:26px;font-size:16px;font-weight:700}.stepper button:disabled{opacity:.35;cursor:default}.stepper input{color:#fff;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;flex:none;width:52px;padding:0 4px;font-weight:700}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (width<=560px){.shop-item{flex-wrap:wrap}.shop-buy{justify-content:flex-end;width:100%}}.button.price{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:5px;min-width:72px;display:inline-flex}.packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pack{color:#fff;width:100%;font:inherit;cursor:pointer;background:radial-gradient(at 50% 25%,#7ec3ff40,#0000 70%),linear-gradient(#3a4448,#1d2325);border:2px solid #1a1a1a;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;display:flex;box-shadow:inset 0 1px #ffffff26,0 2px 4px #00000080}.pack:not(:disabled):hover{border-color:#7ec3ff}.pack:disabled{cursor:default;opacity:.6}.pack strong{font-family:var(--font-lcd);font-size:26px;line-height:1.1}.pack span{color:var(--text-muted);font-size:12px}.pack .pack-price{background:linear-gradient(#7fd06f, var(--own) 50%, var(--own-dark));color:#fff;text-shadow:0 1px 1px #0006;border-radius:999px;margin-top:6px;padding:3px 10px;font-size:13px;font-weight:700}.ledger li{border-bottom:1px solid var(--panel-line);align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex}.ledger li .hint{font-size:12px;display:block}.ledger-amount{font-variant-numeric:tabular-nums;color:#ffb3a8;align-items:center;gap:4px;font-weight:700;display:inline-flex}.ledger-amount.credit{color:#a8e59b}.pix{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.pix-title{color:var(--text-muted);margin:0;font-size:14px}.pix-title strong{color:#fff}.pix-qr{width:200px;height:200px;image-rendering:pixelated;background:#fff;border:3px solid #f4f4f4;border-radius:4px;padding:8px;box-shadow:0 4px 10px #00000080}.pix-mock{color:#333;text-transform:uppercase;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.pix-code{gap:8px;width:100%;display:flex}.pix-code input{flex:1;min-width:0;padding:6px 10px;font-family:ui-monospace,monospace;font-size:12px}.pix-wait{font-family:var(--font-lcd);color:var(--lcd);align-items:center;gap:8px;margin:0;font-size:12px;display:inline-flex}.pix-dot{background:var(--lcd);width:8px;height:8px;box-shadow:0 0 8px var(--lcd);border-radius:50%;animation:1.2s ease-in-out infinite pix-pulse}@keyframes pix-pulse{50%{opacity:.25}}.pix-actions{justify-content:space-between;width:100%;display:flex}.pix.paid{padding:16px 0}.pix.paid strong{color:#a8e59b;font-size:20px}.pix.paid span{color:var(--text-muted)}.crew-season{color:var(--text-muted);margin:0 0 6px;font-size:14px}.crew-season .link-button{font-weight:700}.ranking-screen{flex-direction:column;gap:16px;display:flex}.season-header{align-items:center;gap:16px;padding:16px;display:flex}.season-trophy{color:var(--gold);filter:drop-shadow(0 3px 4px #00000080);flex:none}.season-title{font-size:26px}.season-phase{color:var(--gold);margin:4px 0 6px;font-size:16px;font-weight:700}.ranking-toolbar{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.segmented{background:linear-gradient(#34383a,#1f2223);border:1px solid #000;border-radius:4px;display:inline-flex;overflow:hidden;box-shadow:0 3px 8px #00000059}.segmented button{color:#cfd8d9;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-right:1px solid #000;padding:8px 16px;font-size:13px;font-weight:700}.segmented button:last-child{border-right:0}.segmented button.selected{color:#fff;background:linear-gradient(#3fa3a0,#1f6f6c);box-shadow:inset 0 1px #ffffff40}.segmented button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.standings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.standings-grid>:first-child{grid-row:span 3}@media (width<=800px){.standings-grid{grid-template-columns:minmax(0,1fr)}.standings-grid>:first-child{grid-row:auto}}.standings-list li{min-height:48px}.standings-list li.leader{background:linear-gradient(#fbd56b, var(--gold));color:#2a1d00}.standings-list li.leader .standings-team{color:#2a1d00b3}.standings-list li.detached{border-top:2px dashed #ffffff40}.standings-list li.me:not(.leader){color:#fff;box-shadow:inset 4px 0 0 var(--gold);background:#3fa3a059}.standings-list li.me:not(.leader) .standings-team{color:var(--text-muted)}.standings-list .crest{border-radius:2px;flex:none}.standings-name{flex-direction:column;line-height:1.2;display:flex}.standings-team{color:var(--text-muted);font-size:12px}.ranking li.me .standings-team{color:#2a1d00b3}.cup-mark{color:var(--gold);flex:none;line-height:0}.leader .cup-mark,.me .cup-mark{color:#6b4a00}.standings-more{align-self:center;margin:10px auto;display:block}.champion-icon{color:var(--gold);flex:none}.ranking li.me .champion-icon{color:#6b4a00}.cup{flex-direction:column;gap:14px;padding:14px;display:flex}.champion{background:linear-gradient(#fbd56b, var(--gold));color:#2a1d00;border-radius:6px;align-items:center;gap:14px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #0006}.champion .eyebrow{color:#2a1d00bf}.champion-trophy{color:#8a5d00;flex:none}.champion-name{overflow-wrap:anywhere;font-size:20px;display:block}.champion-team{font-size:13px}.bracket{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.bracket-round{flex-direction:column;gap:8px;min-width:0;display:flex}.bracket-title{letter-spacing:.5px;text-align:center;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:700}.bracket-ties{flex-direction:column;flex:1;justify-content:space-around;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tie{background:var(--row);border:1px solid #000;border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.tie.live{border-color:var(--own);box-shadow:0 0 0 1px var(--own)}.tie-side{align-items:center;gap:6px;min-height:32px;padding:4px 8px;font-size:13px;display:flex}.tie-side+.tie-side{border-top:1px solid var(--panel-line)}.tie-side.won{background:#f3b63a2e;font-weight:700}.tie-side.won .tie-points{color:var(--gold)}.tie-side.lost{color:var(--text-muted)}.tie-side.lost .crest{opacity:.55}.tie-side.me .tie-name{text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:3px}.tie-side.empty{color:#ffffff4d}.tie-seed{text-align:right;width:16px;color:var(--text-muted);flex:none;font-size:11px}.tie-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tie-points{font-variant-numeric:tabular-nums}.tie-note{text-transform:uppercase;color:var(--text-muted);background:#00000059;padding:3px 8px;font-size:11px;font-weight:700}.tie.live .tie-note{color:#a8e59b}@media (width<=800px){.bracket{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.bracket{grid-template-columns:minmax(0,1fr)}}.clock-label.cup{color:var(--gold)}.general-table{border-collapse:collapse;width:100%;font-size:14px}.general-table th{text-align:left;color:#e6e6e6;white-space:nowrap;background:#00000059;border-bottom:1px solid #000;padding:8px 10px;font-size:12px;font-weight:700}.general-table td{border-bottom:1px solid var(--panel-line);vertical-align:middle;padding:8px 10px}.general-table tbody tr:nth-child(2n){background:#ffffff08}.general-table tbody tr:first-child{background:linear-gradient(#fbd56b, var(--gold));color:#2a1d00}.general-table tbody tr.me:not(:first-child){box-shadow:inset 4px 0 0 var(--gold);background:#3fa3a059}.general-table tbody tr.detached td{border-top:2px dashed #ffffff40}.general-table .col-place{text-align:center;width:1%;font-size:22px;font-weight:700}.general-table th.col-place{font-size:12px}.general-table .col-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:1%}.general-table .col-team{color:var(--text-muted)}.general-table tbody tr:first-child .col-team{color:#2a1d00bf}.general-crew{align-items:center;gap:10px;min-width:0;display:flex}.crest-frame.tiny{padding:2px}.general-name{flex-direction:column;gap:2px;min-width:0;display:flex}.general-name .name{overflow-wrap:anywhere;font-weight:500}.general-team-inline{color:var(--text-muted);font-size:12px;display:none}.general-table tbody tr:first-child .general-team-inline{color:#2a1d00bf}.general-table .label-short{display:none}.titles{color:var(--gold);align-items:center;gap:4px;font-weight:700;display:inline-flex}.general-table tbody tr:first-child .titles{color:#6b4a00}.general-table .none{color:var(--text-muted)}.pager{justify-content:space-between;align-items:center;gap:8px;display:flex}.pager .link-button{align-self:center}@media (width<=640px){.general-table .col-team,.general-table .col-fans{display:none}.general-team-inline,.general-table .label-short{display:inline}.general-team-inline{display:block}.general-table .label-long{display:none}.general-table .crest-frame.tiny .crest{width:24px;height:24px}.general-crew{gap:8px}.general-table th,.general-table td{padding:8px 6px}.general-table .col-place{font-size:18px}}.view-tabs button{padding:10px 20px;font-size:14px}.match-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.picker-card{background:var(--row);border-radius:4px;flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.picker-card.live{box-shadow:inset 0 3px 0 var(--own)}.picker-card.empty{justify-content:center;align-items:flex-start}.picker-card .eyebrow{align-items:center;gap:8px;display:flex}.live-tag{background:var(--own);color:#fff;border-radius:3px;padding:1px 6px;font-style:normal}.picker-versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px;display:grid}.picker-crew{text-align:center;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:700;display:flex}.picker-crew .crest-frame{place-items:center;min-width:56px;min-height:56px;display:grid}.picker-x{color:var(--text-muted);align-self:center;font-size:20px;font-weight:700}.picker-action{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:auto;display:flex}.picker-next{text-align:center;color:var(--text-muted);flex-basis:100%;margin:0;font-size:12px}@media (width<=640px){.match-picker{grid-template-columns:minmax(0,1fr)}}.title-with-icon{align-items:center;gap:6px;display:inline-flex}.backpack-list{margin:0;padding:8px 14px 0;list-style:none}.backpack-list li{align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.backpack-list li+li{border-top:1px solid #ffffff0f}.backpack-list li.empty{opacity:.55}.backpack-list .item-tile{border-width:2px;width:36px;height:36px}.button.block{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.place{position:relative}.place-count{background:var(--own);color:#fff;border-radius:999px;min-width:18px;padding:1px 5px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:6px;right:8px}.name-button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.free-points{color:var(--gold);margin-right:8px}.profile-header{align-items:center;gap:16px;padding:16px;display:flex}.profile-photo{background:#f2f2f2;border:3px solid #f2f2f2;border-radius:4px;flex:none;place-items:center;width:104px;height:104px;display:grid;overflow:hidden;box-shadow:0 2px 6px #00000080}.profile-photo img{object-fit:cover;width:100%;height:100%}.profile-photo span{font-family:var(--font-logo);color:#2c2c2c;font-size:56px}.profile-name{overflow-wrap:anywhere;margin:0;font-size:28px}.profile-team{align-items:center;gap:8px;margin:6px 0 0;font-size:20px;font-weight:700;display:flex}.profile-actions{flex-direction:column;align-self:flex-start;align-items:flex-end;gap:6px;display:flex}.team-change-row{flex-wrap:wrap;gap:8px;display:flex}.team-change-row select{flex:1;min-width:180px}.team-change-row .button{align-items:center;gap:6px;display:inline-flex}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.profile-stat{border-right:1px solid var(--panel-line);align-items:center;gap:12px;min-width:0;padding:12px 16px;display:flex}.profile-stat:last-child{border-right:0}.profile-stat strong{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;font-size:20px;display:block}.stat-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700;display:block}.stat-icon{color:#c9d3d6;filter:drop-shadow(0 2px 2px #00000080);flex:none}.stat-xp{font-family:var(--font-logo);font-size:22px;font-style:italic}.stat-bar{height:6px;margin-top:4px}.gold{color:var(--gold)}@media (width<=640px){.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat:nth-child(2){border-right:0}.profile-stat:nth-child(-n+2){border-bottom:1px solid var(--panel-line)}.profile-header{flex-wrap:wrap}.profile-photo{width:80px;height:80px}}.profile-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=800px){.profile-grid{grid-template-columns:minmax(0,1fr)}}.profile-skills{flex-direction:column;gap:14px;margin:0;padding:14px;list-style:none;display:flex}.profile-skills li{align-items:center;gap:12px;display:flex}.profile-skill-card{aspect-ratio:1;border-width:2px;width:46px}.profile-skill-head{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:17px;display:flex}.profile-skill-level{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--lcd);font-weight:700}.specialty-star{color:var(--gold)}.profile-skill-bar{border:1px solid #ffffff26;height:14px}.profile-skill-bar>span{background:linear-gradient(#c8f0ff,#5cc4ec 55%,#2f93c4)}.profile-skill-actions{border-top:1px solid var(--panel-line)}.profile-skill-actions .button{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.profile-titles{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:0;padding:14px;list-style:none;display:grid}.profile-titles li{text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.profile-titles strong{text-transform:uppercase;margin-top:6px}.title-medal{color:#1d2f36;background:radial-gradient(circle at 35% 30%,#c9f1ff,#3fa6c8 55%,#145a73);border:3px solid #0f3b4a;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 2px 4px #ffffff80,0 3px 8px #00000080}.profile-crews{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-crews li{border-bottom:1px solid var(--panel-line);align-items:center;gap:14px;padding:12px 14px;display:flex}.profile-crews li:last-child{border-bottom:0}.profile-crew-info{flex-direction:column;gap:4px;display:flex}.profile-crew-name{overflow-wrap:anywhere;font-size:18px}.profile-crew-numbers{color:var(--text-muted);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.profile-crew-numbers strong{color:var(--gold);font-variant-numeric:tabular-nums}.profile-crew-numbers span{align-items:center;gap:4px;display:inline-flex}.directory-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.directory-toolbar input{flex:1;width:auto;min-width:160px}.directory-toolbar select{flex:none;width:auto}.directory{margin:0;padding:0;list-style:none}.directory li{border-top:1px solid var(--panel-line);align-items:center;gap:12px;padding:10px 14px;display:flex}.directory li:nth-child(2n){background:#ffffff08}.directory .crest-frame{padding:3px}.directory-info{flex-direction:column;gap:2px;display:flex}.directory-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.directory-meta{color:var(--text-muted);font-size:13px}.directory-xp{font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap;font-weight:700}@media (width<=640px){.directory li{flex-wrap:wrap}.directory-info{flex-basis:calc(100% - 80px)}.directory-name{white-space:normal}.directory-toolbar select,.directory-toolbar input{flex:100%}.directory-xp{margin-left:auto}}.crew-link{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.crest-link{line-height:0;display:inline-flex}.crew-page{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;display:grid}.crew-page-mini-crest{display:none}@media (width<=800px){.crew-page{grid-template-columns:minmax(0,1fr)}.crew-page-side{order:1}.crew-page-mini-crest{display:inline-block}}.crew-page-crest{background:#f2f2f2;place-items:center;padding:20px;display:grid}.crew-page-crest .crest{max-width:100%;height:auto}@media (width<=800px){.crew-page-crest{display:none}}.crew-role-row{border:0;border-bottom:1px solid var(--panel-line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:10px 14px;display:flex}.crew-role-row:last-child{border-bottom:0}.crew-role-row:disabled{cursor:default}.crew-role-row:not(:disabled):hover{background:#ffffff0a}.crew-role-row strong{font-size:16px;display:block}.crew-role-row span span{color:var(--text-muted);font-size:13px}.crew-page-leader .crew-role-row strong{font-size:18px}.crew-page-header{align-items:flex-start;gap:16px;padding:16px;display:flex}.crew-founding{color:var(--text-muted);margin:6px 0 0;font-size:13px;font-style:italic}.crew-page-stats{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.4fr)}.crew-page-stats .profile-stat{gap:8px;padding:12px}.crew-page-stats .profile-stat strong{overflow-wrap:anywhere;font-size:16px}@media (width<=1000px){.crew-page-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.crew-page-stats .profile-stat{border-bottom:1px solid var(--panel-line)}}@media (width<=640px){.crew-page-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-page-stats .profile-stat:nth-child(n){border-right:0}}.recent-matches{margin:0;padding:0;list-style:none}.recent-match{border-bottom:1px solid var(--panel-line)}.recent-match:last-child{border-bottom:0}.recent-head{cursor:pointer;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:12px 14px;display:grid}.recent-head:hover,.recent-match.open .recent-head{background:#ffffff08}.recent-head:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.recent-crew{align-items:center;gap:10px;min-width:0;display:flex}.recent-crew.right{text-align:right;justify-content:flex-end}.recent-crew strong,.recent-crew span span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-crew strong{text-transform:uppercase;font-size:13px}.recent-crew span span{color:var(--text-muted);font-size:12px}.recent-center{color:var(--text-muted);flex-direction:column;align-items:center;font-size:12px;display:flex}.recent-outcome{font-size:15px}.recent-outcome.win{color:#7fd06f}.recent-outcome.loss{color:var(--danger)}.recent-outcome.draw{color:var(--gold)}.recent-bar{background:#e9eef0;border:1px solid #fff3;border-radius:3px;grid-column:1/-1;height:14px;position:relative;overflow:hidden}.recent-bar>span{background:linear-gradient(#c8f0ff,#5cc4ec 55%,#2f93c4);height:100%;display:block}.recent-bar:after{content:"";border-left:1px dashed #00000080;position:absolute;top:-2px;bottom:-2px;left:50%}.recent-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:16px;padding:4px 14px 16px;display:grid}@media (width<=700px){.recent-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.recent-categories{order:-1;grid-column:1/-1}}.side-stats{flex-direction:column;gap:8px;display:flex}.side-stats.right{text-align:right;align-items:flex-end}.side-stats p{margin:0}.side-total{font-family:var(--font-lcd);color:var(--lcd);font-size:20px;font-weight:700}.side-stat{border-bottom:1px solid var(--panel-line);flex-direction:column;gap:2px;padding-bottom:8px;font-size:13px;display:flex}.side-stat>span,.side-stat span span{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.side-stat span{display:block}.side-stat em{color:var(--gold);font-style:normal;font-weight:700;display:block}.side-fan{flex-direction:row;align-items:center;gap:8px}.side-stats.right .side-fan{flex-direction:row-reverse}.recent-categories{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.recent-cat-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.recent-cat-head span{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.recent-cat-head strong{font-family:var(--font-lcd);font-variant-numeric:tabular-nums}.recent-cat-bar{background:#e9eef0;border-radius:3px;height:12px;margin-top:3px;display:block;overflow:hidden}.recent-cat-bar>span{background:var(--card);height:100%;display:block}@media (width<=640px){.recent-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.recent-center{grid-area:1/1/auto/-1}.recent-crew .crest-frame{display:none}}.recent-bonus{text-align:center;color:var(--text-muted);font-size:12px}@media (width<=640px){.crew-page-header{flex-wrap:wrap}.crew-page-header .profile-actions{flex-flow:wrap;flex-basis:100%;align-items:center;gap:14px}}.home-hero{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.home-hero.live{box-shadow:inset 4px 0 0 var(--own), 0 6px 18px #00000059}.home-hero h2{margin:2px 0 0;font-size:20px}.home-hero .eyebrow{align-items:center;gap:8px;display:flex}.home-hero-icon{color:var(--text-muted);flex:none}.home-hero.live .home-hero-icon{color:var(--own)}.hot-list{margin:0;padding:0;list-style:none}.hot-match{border-bottom:1px solid var(--panel-line);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.hot-meta{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;margin:0;font-size:11px;font-weight:700;display:flex}.hot-versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.hot-side{align-items:center;gap:8px;min-width:0;display:flex}.hot-side.right{text-align:right;justify-content:flex-end}.hot-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.hot-score{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap;font-size:20px}.hot-score i{color:var(--text-muted);font-style:normal}.hot-bar{background:var(--b);border-radius:3px;height:6px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.hot-bar span{background:var(--a);height:100%;display:block}.records{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:14px;display:grid}.record{background:var(--row);border-radius:4px;flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex}.record-points{font-family:var(--font-lcd);color:var(--gold);margin:0;font-size:26px}.record-who{align-items:center;gap:8px;min-width:0;margin:0;font-size:14px;font-weight:700;display:flex}.record-who>span:last-child{flex-direction:column;min-width:0;display:flex}.record-who .hint{font-size:12px;font-weight:400}.record-card{background:var(--card);color:#fff;border-radius:4px;flex:none;place-items:center;width:32px;height:32px;display:grid}.home-tabs{padding-bottom:4px}.fan-row-main{flex-direction:column;min-width:0;display:flex}.fan-row-team{opacity:.75;font-size:12px}.fan-ranking-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fan-ranking-head .hint{margin:0}@media (width<=640px){.hot-versus{grid-template-columns:repeat(2,minmax(0,1fr))}.hot-score{text-align:center;grid-area:2/1/auto/-1}.home-hero .button{width:100%}}
