.ui-page{gap:var(--ui-space-4);width:100%;padding:var(--ui-space-5) clamp(16px, 3vw, 40px) var(--ui-space-7);flex-direction:column;margin:0 auto;display:flex}.ui-page--narrow{max-width:760px}.ui-page--normal{max-width:1040px}.ui-page--wide{max-width:1280px}.ui-page>.ui-page-header{margin-bottom:0}@media (width<=560px){.ui-page>.ui-page-header{gap:var(--ui-space-3);flex-wrap:wrap}.ui-page>.ui-page-header .ui-page-header__actions{flex:100%;margin-left:0}.ui-page .ui-panel{padding:var(--ui-space-4)}}@media (orientation:landscape) and (height<=500px){.ui-page{gap:var(--ui-space-3);padding-top:var(--ui-space-3);padding-bottom:var(--ui-space-5)}}.league-emblem{vertical-align:middle;flex:none;overflow:visible}.league-emblem__field{fill:#05080f9e}.league-badge{align-items:center;gap:.35em;min-width:0;display:inline-flex}.league-badge__text{text-align:left;min-width:0}.league-badge__text>span{white-space:nowrap}.league-frame{--lf-pad:4px;isolation:isolate;padding:var(--lf-pad);background:linear-gradient(150deg, var(--lg-light), var(--lg-base) 48%, var(--lg-dark));box-shadow:0 0 0 1.5px var(--lg-dark);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.league-frame>.avatar{position:relative}.league-frame__emblem{filter:drop-shadow(0 2px 3px #0000008c);width:42%;height:42%;position:absolute;bottom:-8%;right:-10%}.league-frame--hamlet{--lf-pad:3px;background:linear-gradient(150deg, var(--lg-light), var(--lg-base) 70%)}.league-frame--town{box-shadow:0 0 0 1.5px var(--lg-dark), 0 0 0 3.5px var(--lg-light), 0 0 0 4.5px var(--lg-dark)}.league-frame--city:before,.league-frame--metropolis:before,.league-frame--capital:before{z-index:-1;background:repeating-conic-gradient(var(--lg-base) 0 10deg, transparent 10deg 30deg);content:"";border-radius:50%;position:absolute;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 8px))}.league-frame--metropolis:before,.league-frame--capital:before{background:repeating-conic-gradient(var(--lg-light) 0 8deg, transparent 8deg 22.5deg)}.league-frame--metropolis,.league-frame--capital{box-shadow:0 0 0 1.5px var(--lg-dark), 0 0 14px 2px var(--lg-base)}.league-frame__crown{z-index:1;filter:drop-shadow(0 2px 2px #00000080);width:42%;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.league-frame--capital{background:linear-gradient(150deg, var(--lg-light), var(--lg-base) 30%, #fff 50%, var(--lg-base) 70%, var(--lg-dark));background-size:250% 250%;animation:4s ease-in-out infinite league-shimmer}@keyframes league-shimmer{0%,to{background-position:0 0}50%{background-position:100% 100%}}@media (prefers-reduced-motion:reduce){.league-frame--capital{animation:none}}.leagues-help__ladder{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.leagues-help__ladder li{min-width:0;font-size:var(--ui-text-s);text-align:center;overflow-wrap:anywhere;justify-items:center;gap:4px;font-weight:700;display:grid}.league-end{text-align:left;align-items:center;gap:10px;max-width:100%;display:inline-flex}.league-end__body{gap:4px;min-width:0;display:inline-grid}.league-end__line{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:inline-flex}.league-end__change{font-variant-numeric:tabular-nums;font-weight:800}.league-end__change.is-up{color:var(--win)}.league-end__change.is-down{color:var(--loss)}.league-end__bar{background:#ffffff24;border-radius:3px;width:min(220px,100%);height:5px;display:block;overflow:hidden}.league-end__bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--tier-3-dark), var(--tier-3-light));height:100%;display:block}.league-end__move{font-weight:800}.insignia,.cosmetic-banner{--cs-ink:#45082e;--cs-rim:#ffd3e6;--cs-light:#f2559a;--cs-base:#c42a6e;--cs-dark:#7c1650;--cs-banner:linear-gradient(100deg, #3a0c35 0%, #5a1248 48%, #861c5a 100%)}.insignia{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}.cosmetic-banner{background:var(--cs-banner);position:absolute;inset:0;overflow:hidden}.cosmetic-banner__art{width:min(100%,560px);height:100%;position:absolute;top:0;right:0}.cosmetic-preview{border-radius:var(--ui-radius-s);background:var(--ui-panel-edge);width:56px;height:56px;color:var(--ui-foam);flex:none;place-items:center;display:inline-grid;position:relative}.cosmetic-preview--insignia .insignia{width:36px;height:36px}.cosmetic-preview--banner{background:var(--cs-banner);width:96px;position:relative;inset:auto}.cosmetic-preview--banner .cosmetic-banner__art{width:100%}.cosmetic-tag{border-radius:var(--ui-radius-s);background:var(--ui-chip);color:var(--ui-win);flex:none;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.ach-list{gap:var(--ui-space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ach{gap:var(--ui-space-4);padding:var(--ui-space-3);border:2px solid var(--ui-panel-line);border-radius:var(--ui-radius-s);background:var(--ui-well);align-items:flex-start;display:flex}.ach>.ab{margin-top:2px}.ach__body{gap:var(--ui-space-2);flex-direction:column;flex:1;min-width:0;display:flex}.ach__name{align-items:center;gap:var(--ui-space-2);font:800 var(--ui-text-l) / 1.2 var(--ui-font-title);flex-wrap:wrap;margin:0;display:flex}.ach__new{background:var(--ui-alert);color:#fff;font:800 .72rem / 1.4 var(--ui-font-text);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 8px}.ach__goal{color:var(--ui-ink-2);margin:0}.ach__progress{align-items:center;gap:var(--ui-space-3);display:flex}.ach__bar{background:#00000059;border-radius:999px;flex:1;height:10px;overflow:hidden}.ach__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--tier-4-base), var(--tier-5-base));height:100%;display:block}.ach__count{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.ach__tiers{gap:var(--ui-space-2);margin:var(--ui-space-2) 0 0;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;list-style:none;display:grid}.ach__tier{min-width:0;color:var(--ui-ink-2);text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;display:flex}.ach__tier.is-reached{color:var(--ui-ink)}.ach__tier-name{font-weight:700}.ach__tier-date{overflow-wrap:anywhere}@media (width<=600px){.ach{flex-direction:column;align-items:stretch}.ach>.ab{align-self:flex-start}.ach__tiers{row-gap:var(--ui-space-3);grid-template-columns:repeat(3,minmax(0,1fr))}}.shelf{margin-top:var(--ui-space-5);padding-top:var(--ui-space-4);border-top:2px solid #ffffff1a}.shelf__title{margin:0 0 var(--ui-space-3);font:800 var(--ui-text-m) / 1.2 var(--ui-font-title)}.shelf__list{gap:var(--ui-space-3);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin:0;padding:0;list-style:none;display:grid}.shelf__item{align-items:center;gap:var(--ui-space-3);min-width:0;display:flex}.shelf__text{flex-direction:column;min-width:0;font-size:.85rem;display:flex}.shelf__text span{color:var(--ui-ink-2)}.ab{filter:drop-shadow(0 2px 3px #00000073);flex:none;display:block;overflow:visible}.ab__edge{stroke:var(--ab-dark);stroke-width:.9px;opacity:.85}.ab__glyph{fill:var(--ab-dark);stroke:none;color:var(--ab-dark)}.ab__glyph-light{fill:var(--ab-light);color:var(--ab-light);opacity:.75}.ab__pip{fill:var(--ab-dark)}.ab__sparkle{fill:#fff;filter:drop-shadow(0 0 2px #ffffffe6)}.ab--locked{filter:none}.ab--locked .ab__glyph{fill:#7d8ca6;color:#7d8ca6;opacity:.55}.ab--locked .ab__glyph-light{display:none}.ab--perfect .ab__rim{animation:7s linear infinite ab-shimmer}.ab--perfect .ab__rim,.ab--perfect .ab__strap{filter:saturate(1.8)hue-rotate()}@keyframes ab-shimmer{0%{filter:saturate(1.8)hue-rotate()}to{filter:saturate(1.8)hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ab--perfect .ab__rim{animation:none}}.team-name{align-items:center;gap:8px;display:inline-flex}.team-name__dot{border-radius:50%;flex:none;width:10px;height:10px}.wait-screen{flex-direction:column;min-height:100dvh;display:flex}.wait-screen__alone{flex:1;justify-content:center}.toasts{bottom:max(16px, env(safe-area-inset-bottom));z-index:40;gap:var(--ui-space-2);pointer-events:none;width:min(480px,100% - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{padding:var(--ui-space-3) var(--ui-space-4);border:2px solid var(--ui-panel-line);border-left:5px solid var(--ui-diamond);border-radius:var(--ui-radius-s);background:var(--ui-panel);box-shadow:var(--ui-relief-chip), 0 12px 30px #02183073;color:var(--ui-ink);font:700 var(--ui-text-m) / 1.4 var(--ui-font-text);margin:0;animation:.25s ease-out toast-in}.toast--badge{align-items:center;gap:var(--ui-space-3);border-left-color:var(--tier-3-base);display:flex}.toast--badge .ab{margin:-6px 0}@media (width<=760px){.toasts{bottom:calc(var(--menu-tabs-height,78px) + 8px + env(safe-area-inset-bottom))}}body:has(.replay) .toasts{bottom:calc(max(var(--toasts-bottom,0px), env(safe-area-inset-bottom)) + 8px);left:calc((100% - var(--toasts-right,0px)) / 2);width:min(480px, calc(100% - var(--toasts-right,0px) - 32px))}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.result-tone--won{--tone-hi:#ffeaa6;--tone-lo:#f0a82a;--tone-edge:#a8650a;--tone-ink:#7a4204;--tone-title-1:#fff0b8;--tone-title-2:#ffc53d;--tone-accent:#ffd76a}.result-tone--placed{--tone-hi:#dff1ff;--tone-lo:#5aa6d6;--tone-edge:#1f5f8c;--tone-ink:#0d3f66;--tone-title-1:var(--ui-pearl);--tone-title-2:var(--ui-foam);--tone-accent:var(--ui-foam)}.result-tone--drawn{--tone-hi:#f4f8ff;--tone-lo:#9db8d2;--tone-edge:#4f7699;--tone-ink:#0d3f66;--tone-title-1:var(--ui-pearl);--tone-title-2:var(--ui-foam);--tone-accent:var(--ui-foam)}.result-tone--lost{--tone-hi:#c3ccd5;--tone-lo:#66737f;--tone-edge:#2c3843;--tone-ink:#2c3843;--tone-title-1:#d5dde5;--tone-title-2:#8b98a6;--tone-accent:#aab6c2}.result-emblem{width:var(--emblem-size,96px);aspect-ratio:120/138;place-items:center;display:grid;position:relative}.result-emblem-hex{filter:drop-shadow(0 8px 14px #00000073);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.result-emblem-piece{stroke:var(--tone-edge);stroke-width:6px;stroke-linejoin:round}.result-emblem-shine{fill:#ffffff47}.result-emblem-piece--left,.result-emblem-piece--right{transform-box:fill-box;transform-origin:50%}.result-emblem-piece--left{transform:translate(-3px,1px)rotate(-1.5deg)}.result-emblem-piece--right{transform:translate(3px,2px)rotate(2deg)}.result-emblem-icon{aspect-ratio:1;width:46%;color:var(--tone-ink);margin-top:4%;position:relative}.result-emblem-rays{aspect-ratio:1;background:repeating-conic-gradient(#ffd66b57 0 6deg, transparent 6deg 15deg);pointer-events:none;width:280%;animation:40s linear infinite emblem-spin;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 10%,#0000 62%);mask:radial-gradient(circle,#000 10%,#0000 62%)}.result-emblem.is-animated{animation:.52s cubic-bezier(.2,1.5,.4,1) 80ms both emblem-pop}.result-emblem.is-animated .result-emblem-piece--left{animation:.6s ease-out .36s both emblem-left}.result-emblem.is-animated .result-emblem-piece--right{animation:.6s ease-out .36s both emblem-right}@keyframes emblem-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}}@keyframes emblem-spin{to{transform:rotate(360deg)}}@keyframes emblem-left{0%{transform:translate(0)rotate(0)}}@keyframes emblem-right{0%{transform:translate(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.result-emblem.is-animated,.result-emblem.is-animated .result-emblem-piece--left,.result-emblem.is-animated .result-emblem-piece--right,.result-emblem-rays{animation:none}}.end-header .end-title{font-family:var(--ui-font-title);font-size:clamp(1.875rem,4.2vw,2.75rem);font-weight:800;line-height:1}.end-banner{background:linear-gradient(90deg, color-mix(in srgb, var(--tone-accent) 22%, transparent), transparent 72%);border-radius:18px;margin:-6px -10px 0;padding:8px 12px 8px 8px}.end-banner .end-title{margin-right:auto}.end-emblem{--emblem-size:62px;flex:none}@media (width<=480px),(orientation:landscape) and (height<=500px){.end-header .end-title{font-size:1.625rem}.end-banner{margin:-4px -6px 0;padding:4px 8px 4px 4px}.end-emblem{--emblem-size:46px}}.result-splash{--emblem-size:clamp(96px, 24vmin, 220px);z-index:4;place-content:center;justify-items:center;gap:var(--ui-space-3);padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:var(--ui-ink);font-family:var(--ui-font-title);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:splash-in .24s ease-out both, splash-out .32s ease-in calc(var(--splash-ms) - .32s) forwards;background:radial-gradient(at 50% 42%,#08203abd,#020a16ed 72%);display:grid;position:absolute;inset:0;overflow:hidden}.result-splash-title{font-size:min(var(--ui-title-xl), 16vmin);letter-spacing:.04em;background:linear-gradient(180deg, var(--tone-title-1), var(--tone-title-2));color:#0000;filter:drop-shadow(0 4px 0 var(--tone-edge)) drop-shadow(0 10px 16px #00000073);-webkit-background-clip:text;background-clip:text;margin:0;font-weight:800;line-height:1;animation:.56s cubic-bezier(.2,1,.3,1) .2s both splash-title}.result-splash-note{color:var(--ui-ink-2);font:800 var(--ui-text-l) / 1 var(--ui-font-title);letter-spacing:.12em;text-transform:uppercase;margin:-4px 0 0;animation:.4s ease-out .52s both splash-fade}.result-splash-standings{justify-content:center;gap:var(--ui-space-2) var(--ui-space-4);margin:var(--ui-space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;animation:.4s ease-out .65s both splash-fade;display:flex}.result-splash-standing{border-radius:var(--ui-radius-m);background:#082a47c7;gap:3px;min-width:8em;padding:9px 18px 8px;display:grid;box-shadow:0 4px #020a1699}.result-splash-standing.is-self{outline:2px solid var(--tone-accent)}.result-splash-name{font:700 var(--ui-text-m) / 1.1 var(--ui-font-text)}.result-splash-place{color:var(--ui-ink-2);margin-right:6px;font-size:.85em}.result-splash-points{font:800 var(--ui-title-s) / 1 var(--ui-font-title)}.result-splash-hint{margin:var(--ui-space-2) 0 0;color:var(--ui-ink-2);font:700 var(--ui-text-s) / 1 var(--ui-font-text);animation:splash-fade .4s ease-out var(--splash-grace) both}@keyframes splash-in{0%{opacity:0}}@keyframes splash-out{to{opacity:0}}@keyframes splash-title{0%{opacity:0;letter-spacing:.3em;transform:translateY(14px)scale(1.08)}}@keyframes splash-fade{0%{opacity:0}}@media (orientation:landscape) and (height<=500px){.result-splash{--emblem-size:clamp(72px, 22vmin, 220px);gap:var(--ui-space-2)}.result-splash-standing{padding:6px 14px 5px}.result-splash-hint{margin-top:0}}@media (prefers-reduced-motion:reduce){.result-splash-title,.result-splash-note{animation:none}}.history-bare{min-height:100dvh}.player-find{position:relative}.player-find__field{align-items:center;gap:var(--ui-space-2);min-height:var(--ui-touch);border-radius:var(--ui-radius-pill);background:var(--ui-well);color:var(--ui-ink-2);padding:0 16px;display:flex;box-shadow:inset 0 2px #0000002e}.player-find__field:focus-within{outline:3px solid var(--ui-foam);outline-offset:2px}.player-find__field input{width:min(220px,36vw);min-width:0;color:var(--ui-ink);font:700 var(--ui-text-m) / 1.2 var(--ui-font-text);background:0 0;border:0;outline:none}.player-find__field input::placeholder{color:var(--ui-ink-2);opacity:.85}.player-find__popover{z-index:5;width:min(320px,86vw);padding:var(--ui-space-2);border-radius:var(--ui-radius-m);background:var(--ui-panel);box-shadow:var(--ui-relief-panel);position:absolute;top:calc(100% + 8px);right:0}.player-find__results{gap:2px;margin:0;padding:0;list-style:none;display:grid}.player-find__results button{justify-content:space-between;align-items:center;gap:var(--ui-space-3);border-radius:var(--ui-radius-s);width:100%;min-height:40px;color:var(--ui-ink);font:800 var(--ui-text-m) / 1.2 var(--ui-font-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0 12px;display:flex}.player-find__results button:hover,.player-find__results button:focus-visible{background:var(--ui-chip)}.player-find__rating{color:var(--ui-ink-2);font-size:var(--ui-text-s)}.player-find__note{color:var(--ui-ink-2);font-size:var(--ui-text-s);margin:0;padding:8px 12px;font-weight:700}.player-find__note.is-error{color:var(--ui-loss)}.profile-card{--profile-card-top:22px;--profile-card-side:24px;gap:var(--ui-space-4);padding:var(--profile-card-top) var(--profile-card-side) 24px;flex-direction:column;display:flex}.profile-card__top{align-items:center;gap:var(--ui-space-4);flex-wrap:wrap;display:flex}.profile-card__top.has-banner{z-index:0;margin:calc(-1 * var(--profile-card-top)) calc(-1 * var(--profile-card-side)) 0;padding:var(--profile-card-top) var(--profile-card-side) 20px;border-radius:calc(var(--ui-radius-xl) - 2px) calc(var(--ui-radius-xl) - 2px) 0 0;position:relative;overflow:hidden}.profile-card__top.has-banner>.cosmetic-banner{z-index:-1}.profile-card__top.has-banner .profile-card__name,.profile-card__top.has-banner .profile-card__you,.profile-card__top.has-banner .profile-card__country{color:#fff;text-shadow:0 1px 3px #2e0828e6}.profile-card__insignia{margin-left:.25em}.profile-card__who{flex:auto;min-width:0}.profile-card__actions{gap:var(--ui-space-2);flex-wrap:wrap;display:flex}.profile-card__friend{align-items:center;gap:var(--ui-space-2);min-height:var(--ui-touch);border-radius:var(--ui-radius-pill);color:var(--ui-win);font:800 var(--ui-text-m) / 1 var(--ui-font-title);background:#0000002e;padding:0 16px;display:inline-flex}.profile-card__name{font-size:var(--ui-title-m);overflow-wrap:anywhere;margin:0}.profile-card__you{color:var(--ui-ink-2);font-size:.6em;font-weight:700}.profile-card__country{align-items:center;gap:var(--ui-space-2);color:var(--ui-ink-2);margin:4px 0 0;font-weight:700;display:flex}.profile-card__league{align-items:center;gap:var(--ui-space-2);margin:var(--ui-space-2) 0 0;border-radius:var(--ui-radius-m);background:var(--ui-well);color:var(--ui-ink-2);padding:6px 14px 6px 8px;font-weight:800;display:inline-flex}.profile-card__league-body{gap:3px;min-width:0;display:grid}.profile-card__league-body strong{color:var(--ui-ink);font:800 var(--ui-title-s) / 1 var(--ui-font-title)}.profile-card__league-bar{background:#ffffff24;border-radius:3px;width:140px;max-width:100%;height:5px;display:block;overflow:hidden}.profile-card__league-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--tier-3-dark), var(--tier-3-light));height:100%;display:block}.profile-card__seasons h3{margin:0 0 var(--ui-space-2);color:var(--ui-ink-2);font:800 var(--ui-text-s) / 1.2 var(--ui-font-text)}.profile-card__seasons ul{gap:var(--ui-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.profile-card__seasons li{border-radius:var(--ui-radius-pill);background:var(--ui-well);align-items:center;gap:6px;padding:4px 12px 4px 6px;font-weight:700;display:inline-flex}.profile-card__stats{gap:var(--ui-space-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.profile-card__stat{border-radius:var(--ui-radius-m);background:var(--ui-well);text-align:center;padding:12px 8px 10px}.profile-card__stat dd{font:800 var(--ui-title-m) / 1 var(--ui-font-title);margin:0}.profile-card__stat dt{color:var(--ui-ink-2);font-size:var(--ui-text-s);margin-top:6px;font-weight:800}.profile-card__stat.is-win dd{color:var(--ui-win)}.profile-card__stat.is-loss dd{color:var(--ui-loss)}.profile-formats{border-collapse:collapse;width:100%;font-size:var(--ui-text-s);font-variant-numeric:tabular-nums}.profile-formats th,.profile-formats td{text-align:right;padding:8px 10px}.profile-formats th:first-child{text-align:left}.profile-formats thead th{color:var(--ui-ink-2);font-weight:800}.profile-formats tbody th{font-weight:800}.profile-formats tbody tr{border-top:1px solid var(--ui-panel-line)}.match-feed{gap:var(--ui-space-3);flex-direction:column;display:flex}.match-feed__list{gap:var(--ui-space-2);margin:0;padding:0;list-style:none;display:grid}.match-feed__more{align-self:center}.match-card{column-gap:var(--ui-space-3);border-left:5px solid var(--ui-panel-line);border-radius:var(--ui-radius-m);background:var(--ui-well);grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:2px;padding:12px 14px 12px 16px;display:grid}.match-card>p{grid-column:1;margin:0}.match-card--won{border-left-color:var(--ui-win)}.match-card--lost{border-left-color:var(--ui-loss)}.match-card__outcome{align-items:center;gap:var(--ui-space-2);flex-wrap:wrap;display:flex}.match-card__side{border-radius:50%;flex:none;width:10px;height:10px}.match-card__result{font:800 var(--ui-text-l) / 1.2 var(--ui-font-title)}.match-card--won .match-card__result{color:var(--ui-win)}.match-card--lost .match-card__result{color:var(--ui-loss)}.match-card__elo{border-radius:var(--ui-radius-pill);font:800 var(--ui-text-s) / 1.5 var(--ui-font-title);background:#ffffff14;padding:1px 9px}.match-card__elo.is-up{color:var(--ui-win)}.match-card__elo.is-down{color:var(--ui-loss)}.match-card__opponent{overflow-wrap:anywhere;font-weight:700}.match-card__rating,.match-card__meta{color:var(--ui-ink-2)}.match-card__meta{font-size:var(--ui-text-s)}.match-card__replay{grid-area:1/2/span 3}.summary-head{gap:6px;padding:20px 24px;display:grid}.summary-head__title{font-size:var(--ui-title-m);overflow-wrap:anywhere;margin:0}.summary-head__sep{color:var(--ui-ink-2);font-weight:700}.summary-head__outcome{font:800 var(--ui-title-s) / 1.2 var(--ui-font-title);margin:0}.summary-head__meta{color:var(--ui-ink-2);font-size:var(--ui-text-s);margin:0}.summary-scores{gap:var(--ui-space-2);margin:0;display:grid}.summary-scores__row{border-radius:var(--ui-radius-s);background:var(--ui-well);gap:2px;padding:10px 14px;display:grid}.summary-scores__row dt{font:800 var(--ui-text-l) / 1.2 var(--ui-font-title)}.summary-scores__row dd{margin:0}.summary-scores__place{color:var(--ui-ink-2);margin-right:8px}.summary-scores__areas{color:var(--ui-ink-2);font-size:var(--ui-text-s)}.summary-departures{margin:var(--ui-space-3) 0 0;color:var(--ui-ink-2);padding-left:18px;font-weight:600}.summary-empty{color:var(--ui-ink-2);margin:0}.summary-turns{gap:4px;margin:0;padding:0;list-style:none;display:grid}.summary-turns li{grid-template-columns:5em repeat(var(--columns), minmax(0, 1fr));gap:var(--ui-space-2);border-radius:var(--ui-radius-s);background:var(--ui-well);padding:8px 12px;font-weight:700;display:grid}.summary-turns__turn,.summary-turns__forced{color:var(--ui-ink-2)}@media (width<=560px){.player-find{flex:1}.player-find__field input{width:100%}.profile-card{--profile-card-top:18px;--profile-card-side:16px;padding-bottom:18px}.profile-card__top.has-banner>.cosmetic-banner:after{content:"";background:linear-gradient(#3a0c3500 30%,#3a0c3559 55%,#3a0c3599 100%);position:absolute;inset:0}.profile-card__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-turns li{grid-template-columns:repeat(var(--columns), minmax(0, 1fr))}.summary-turns__turn{grid-column:1/-1}.match-card__replay{grid-row:1}.match-card{padding:10px 12px 10px 14px}.match-card__opponent,.match-card__meta{grid-column:1/-1}}