.profile-history{background:var(--color-bg);flex-direction:column;grid-area:list;min-height:0;padding-top:4px;display:flex}@media (width<=1200px){.profile-history{grid-area:view}.profile[data-view=chart] .profile-history{display:none}}.profile-history-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:hidden auto}.profile-empty{padding:var(--space-12) var(--space-4);color:var(--color-text-muted);font-family:var(--font-display);text-align:center}.profile-history-end{height:1px}.profile-history-status{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);background:0 0;border:0;display:flex}.profile-history-status:is(button){color:var(--color-accent);cursor:pointer}.profile-history-record{padding:var(--space-2) var(--space-3);background:var(--color-bg-deep);color:var(--color-text-muted);font:var(--text-sm) / var(--leading-tight) var(--font-display);--shadow:var(--text-shadow);justify-content:space-between;align-items:center;display:flex}.profile-record{gap:var(--space-1);color:var(--color-line);font-family:var(--font-mono);--shadow:none;display:inline-flex}.profile-record b{color:var(--outcome);font-weight:500}.match-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-line-soft);grid-template:"head who delta score age"/24px minmax(0,1fr) 36px 64px 24px;display:grid;position:relative}.match-row:is(:hover,[data-hovered],[data-open]){background-color:var(--color-surface)}.match-row[data-outcome=cancelled]{opacity:var(--disabled-opacity)}.match-row:has(.match-row-open:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.match-row .player-head{grid-area:head;width:24px;height:24px}.match-row-open{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.match-row-open:focus-visible{outline:none}.match-row-who{align-items:center;gap:var(--space-1);grid-area:who;min-width:0;display:flex}.match-row-who>:is(a,.tooltip-anchor){position:relative}.match-row-name{color:var(--outcome);font:var(--text-sm) / var(--leading-body) var(--font-display);text-overflow:ellipsis;--shadow:var(--text-shadow);white-space:nowrap;overflow:hidden}.match-row-name:is(a):hover{color:var(--color-text);text-decoration:underline}.match-row-mode{margin-right:var(--space-1)}.match-row-mode,.match-row-status{color:var(--color-text-muted);display:inline-flex}.match-row-delta{color:var(--outcome);font:var(--text-sm) / var(--leading-tight) var(--font-mono);text-align:right;grid-area:delta}.match-row-score{font:var(--text-sm) / var(--leading-tight) var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;grid-area:score}.match-row-score:is([data-kind=goals],[data-kind=result]){font-family:var(--font-display);--shadow:var(--text-shadow)}.match-row-score[data-kind=result],.profile[data-match-type=lobby] .match-row-score{color:var(--outcome)}.match-row-age{color:var(--color-text-dim);font:var(--text-xs) / var(--leading-tight) var(--font-mono);text-align:left;grid-area:age}.skin-head{--size:48px;--depth:calc(var(--size) / 2 - .35px);width:var(--size);height:var(--size);perspective:520px;place-items:center;display:grid}.skin-head-cube{width:var(--size);height:var(--size);transform:rotateX(var(--turn-up,0deg)) rotateY(var(--turn-side,0deg));transform-style:preserve-3d;transition:transform var(--duration-fast) var(--ease-out);position:relative}.skin-head-face{background:var(--skin) no-repeat;background-size:800% 800%;background-position:calc(var(--x) * var(--size) * -1) calc(var(--y) * var(--size) * -1);backface-visibility:hidden;image-rendering:pixelated;position:absolute;inset:0}.skin-head-face[data-hat]{backface-visibility:visible;scale:1.125}.skin-head-face[data-face=front]{--x:1;--y:1;transform:translateZ(var(--depth))}.skin-head-face[data-face=back]{--x:3;--y:1;transform:rotateY(180deg) translateZ(var(--depth))}.skin-head-face[data-face=right]{--x:2;--y:1;transform:rotateY(90deg) translateZ(var(--depth))}.skin-head-face[data-face=left]{--x:0;--y:1;transform:rotateY(-90deg) translateZ(var(--depth))}.skin-head-face[data-face=top]{--x:1;--y:0;transform:rotateX(90deg) translateZ(var(--depth))}.skin-head-face[data-face=bottom]{--x:2;--y:0;transform:rotateX(-90deg) translateZ(var(--depth)) scaleY(-1)}.skin-head-face[data-hat][data-face=front]{--x:5}.skin-head-face[data-hat][data-face=back]{--x:7}.skin-head-face[data-hat][data-face=right]{--x:6}.skin-head-face[data-hat][data-face=left]{--x:4}.skin-head-face[data-hat][data-face=top]{--x:5}.skin-head-face[data-hat][data-face=bottom]{--x:6}.profile-card{--head:48px;grid-area:card;grid-template:"name name name name" ". head rating ." "progress progress progress progress" "stats stats stats stats" / minmax(0, 1fr) var(--head) max-content minmax(0, 1fr);align-items:center;gap:var(--space-2) var(--space-6);padding:var(--space-4) var(--space-5);background:color-mix(in srgb, var(--rank-color,var(--color-text-muted)) 6%, var(--color-bg-deep));transition:background-color var(--duration-base) var(--ease-standard);display:grid}@media (width<=1200px){.profile-card{--head:40px;gap:var(--space-3) var(--space-5);padding:var(--space-4)}}@media (width<=600px){.profile-card{padding-inline:var(--space-3)}}.profile-name{text-align:center;grid-area:name;min-width:0}.profile-name h2{font:var(--text-lg) / var(--leading-tight) var(--font-display);--shadow:var(--text-shadow);overflow-wrap:anywhere;align-items:center;gap:.35em;display:inline-flex}.profile-name p{color:var(--color-text-muted);font:var(--text-sm) / var(--leading-body) var(--font-display);--shadow:var(--text-shadow);justify-content:center;align-items:center;gap:.35em;display:flex}.profile-name b{color:var(--rank-color);font-weight:400}@media (width<=1200px){.profile-name{padding-inline:var(--space-8)}}.rank-link{align-items:center;gap:var(--space-1);display:inline-flex}.rank-link:hover b{text-decoration:underline}.profile-head{grid-area:head;justify-self:center}.profile-head .skin-head{--size:var(--head)}.profile-head .rank-head{--head-room:112px;width:var(--head);height:var(--head)}.profile-rating{color:var(--color-text-muted);font:var(--text-md) / var(--leading-none) var(--font-display);--shadow:var(--text-shadow);grid-area:rating;display:grid}.profile-rating strong{color:var(--rank-color,var(--color-text-muted));font:var(--text-xl) / var(--leading-none) var(--font-display);font-variant-numeric:tabular-nums}.profile-peak{align-items:center;gap:var(--space-1);min-height:var(--icon-size);color:var(--rank-color);font-size:var(--text-sm);display:flex}.profile-peak[data-current]{color:var(--color-peak)}.profile-progress{align-items:center;gap:var(--space-1) var(--space-3);min-height:32px;color:var(--rank-color,var(--color-text-muted));font:var(--text-sm) / var(--leading-tight) var(--font-display);text-align:center;--shadow:var(--text-shadow);grid-area:progress;grid-template-columns:minmax(0,1fr) auto;display:grid}.profile-progress>span{grid-column:1}.profile-progress>.tooltip-anchor:last-child{grid-area:1/2/3}.profile-progress-track{background:linear-gradient(var(--rank-color) 0 0) 0 0 / calc(var(--progress,0) * 100%) 100% no-repeat, #0006;height:8px;transition:background-size var(--duration-slow) var(--ease-out);box-shadow:inset 0 0 0 1px #00000080}.profile-progress-icon{width:32px;height:32px;image-rendering:pixelated}.profile-stats{padding-top:var(--space-1);cursor:help;grid-area:stats;display:grid}.profile-stats-set{justify-content:center;gap:var(--space-2) var(--space-3);transition:opacity var(--duration-base) var(--ease-standard), filter var(--duration-base) var(--ease-standard);grid-area:1/1;grid-template-columns:repeat(2,max-content);display:grid}.profile-stats-set:not([data-shown]){opacity:0;filter:blur(3px)}@container profile (width<330px){.profile-stats-set{grid-template-columns:max-content}}.profile-stat{align-items:baseline;gap:var(--space-2);color:var(--color-text);font:var(--text-sm) / var(--leading-tight) var(--font-display);display:flex}.profile-stat .icon{color:var(--icon,var(--color-text));filter:drop-shadow(2px 2px 0 var(--color-bg-deep));align-self:center}.profile-stat strong{color:var(--rank-color,var(--color-text));font:var(--text-md) / var(--leading-none) var(--font-display);--shadow:var(--text-shadow)}@media (width<=600px){.profile-stat{gap:var(--space-1)}.profile-stat strong{font-size:var(--text-sm)}}.profile-stat[data-stat=win-rate]{--icon:#6ee7b7}.profile-stat[data-stat=best-streak]{--icon:var(--color-peak)}.profile-stat[data-stat=goal-diff]{--icon:#fb7185}.profile-stat[data-stat=average-win]{--icon:#fcd34d}.profile-stat[data-stat=play-time]{--icon:#c4b5fd}.profile-stat[data-stat=fastest-win]{--icon:#7dd3fc}.match-tip-title,.match-tip-result b{color:var(--outcome)}.match-tip-result b{font-weight:400}.preview-actions{right:var(--space-2);bottom:var(--space-2);z-index:var(--layer-raised);gap:var(--space-2);display:flex;position:absolute}.rating-chart{flex:1;grid-template-rows:minmax(0,1fr) auto;min-width:0;display:grid;position:relative}.rating-plot{position:relative;overflow:hidden}.rating-plot svg{display:block}.rating-bands rect{fill:var(--rank-color);opacity:.1}.rating-bands .rating-band-rule{opacity:.35}.rating-labels text,.rating-peak text{paint-order:stroke fill;stroke:var(--color-bg-deep);stroke-width:3px;pointer-events:none}.rating-axis{fill:var(--color-text-muted);font:var(--text-xs) var(--font-mono)}.rating-tier{fill:var(--rank-color);font:var(--text-xs) var(--font-display)}.rating-peak{color:var(--color-peak)}.rating-peak line{stroke:currentColor;stroke-width:2px;stroke-dasharray:6 4;opacity:.55;shape-rendering:crispedges}.rating-peak text{fill:currentColor;font:var(--text-xs) var(--font-display)}.rating-block{fill:var(--outcome);transition:x var(--duration-slow) var(--ease-out), y var(--duration-slow) var(--ease-out), width var(--duration-slow) var(--ease-out), height var(--duration-slow) var(--ease-out)}.rating-columns{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.rating-column{inset-block:0;left:var(--x);width:var(--width);cursor:pointer;transition:left var(--duration-slow) var(--ease-out), width var(--duration-slow) var(--ease-out);position:absolute}.rating-column:is(:hover,[data-hovered],[aria-current]){background:var(--color-hover)}.rating-column:focus-visible{outline-offset:-2px}.rating-track{translate:var(--offset) 0;transition:translate var(--duration-slow) var(--ease-out)}div.rating-track{position:absolute;inset:0}.rating-chart[data-moving] :is(.rating-block,.rating-column,.rating-track){transition:none}.rating-tip-bounds{pointer-events:none;position:absolute;inset:0}.rating-tip-bounds[data-previewing]{bottom:calc(var(--control-size) + 2 * var(--space-2))}.rating-tip-anchor{top:var(--y);left:var(--x);width:0;height:0;position:absolute}.rating-foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);display:flex}@media (width<=600px){.rating-foot{gap:var(--space-2);padding-inline:var(--space-2)}}@container profile (width<345px){.rating-foot{flex-wrap:wrap}.rating-foot .rating-range{text-align:center;order:-1;width:100%}}.rating-nav{gap:var(--space-1);display:flex}.rating-nav .button{--height:var(--control-size-sm)}@media (pointer:coarse){.rating-nav .button{--height:var(--control-size)}}.rating-range{color:var(--color-text-muted);white-space:nowrap;font:var(--text-sm) var(--font-display);--shadow:var(--text-shadow)}.rating-range b{color:var(--color-text);font-weight:400}.recent-form{--tile:20px;align-content:center;justify-items:center;gap:var(--space-6);display:grid;position:absolute;inset:0;overflow:hidden}@media (width<=1200px){.recent-form{gap:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-16);overflow-y:auto}}.recent-form-watermark{right:var(--space-6);bottom:var(--space-3);color:var(--icon-accent);opacity:.08;pointer-events:none;position:absolute}.recent-form-watermark .icon{width:216px;height:216px}.recent-form-record{gap:var(--space-8);text-align:center;grid-template-columns:repeat(3,minmax(120px,auto));display:grid}.recent-form-record div{gap:var(--space-2);display:grid}.recent-form-record dt{color:var(--color-text-muted);font:var(--text-sm) / var(--leading-tight) var(--font-display);--shadow:var(--text-shadow);order:2}.recent-form-record dd{color:var(--outcome);font:var(--text-xl) / var(--leading-none) var(--font-display);--shadow:var(--text-shadow);margin:0}@media (width<=1200px){.recent-form-record{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));width:100%}}.recent-form-recent{justify-items:center;gap:var(--space-3);display:grid}.recent-form-caption{color:var(--color-text-muted);font:var(--text-sm) / var(--leading-tight) var(--font-display);--shadow:var(--text-shadow)}.recent-form-tiles{justify-content:center;gap:var(--space-1);max-width:calc(20 * var(--tile) + 19 * var(--space-1));flex-wrap:wrap;display:flex}.recent-form-tile{width:var(--tile);height:var(--tile);background:var(--outcome);cursor:pointer;border:0;display:block;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0000004d}.recent-form-tile[data-outcome=cancelled]{box-shadow:inset 0 0 0 2px var(--color-line);background:0 0}.recent-form-tile:is(:hover,:focus-visible,[data-hovered]){outline:2px solid var(--color-text);outline-offset:1px}.profile-workspace{--peek:calc(var(--rim-lit) + var(--match-summary-height));--below:10px;grid-area:work;grid-template-rows:minmax(0, 1fr) var(--peek);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}@media (width<=1200px){.profile-workspace{grid-area:view;grid-template-rows:minmax(0,1fr);padding-top:4px}.profile[data-view=matches] .profile-workspace{visibility:hidden}}.profile-chart{min-height:0;display:flex;position:relative}.profile-latest{padding:0 var(--space-3);align-items:flex-end;display:flex}@media (width<=1200px){.profile-latest{display:none}}.profile-latest-card{--panel-padding:0px;height:calc(var(--peek) + var(--below));margin-bottom:calc(-1 * var(--below));color:var(--color-text-muted);font-family:var(--font-display);-webkit-user-select:none;user-select:none;flex:1;align-content:start;display:grid}.profile-latest-card[data-empty]{opacity:var(--disabled-opacity);align-content:center;justify-items:center}.profile-latest-card .match-summary{pointer-events:none}.profile-latest-card .match-summary :is(a,.match-badge){z-index:var(--layer-raised);pointer-events:auto;position:relative}.profile-latest-card:has(.profile-latest-open:hover){--summary-background:var(--color-solid-hover)}.profile-latest-card:has(.profile-latest-open:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.profile-latest-open{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.profile-latest-open:focus-visible{outline:none}.profile-open-match{--panel-padding:0px;--panel-background:var(--color-bg);inset:var(--space-6) var(--space-3) calc(-1 * var(--below));z-index:var(--layer-raised);--closed-at:calc(100% - var(--peek) - var(--below));flex-direction:column;display:flex;position:absolute}.profile-open-match[data-entering]{animation:match-card-open var(--duration-slow) var(--ease-out)}.profile-open-match[data-closing]{animation:match-card-close var(--duration-slow) var(--ease-out) forwards}.profile-open-match[data-closing] .match-summary-actions{opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}@media (width<=1200px){.profile-open-match{--closed-at:100%;visibility:visible;z-index:var(--layer-overlay);--panel-background:var(--color-bg-deep);position:fixed;inset:0}}.profile-open-match-body{min-height:0;margin-bottom:calc(var(--below) - var(--rim-shade));flex-direction:column;flex:1;display:flex}@media (width<=1200px){.profile-open-match-body{margin-bottom:0}}@keyframes match-card-open{0%{translate:0 100%}}@keyframes match-card-close{to{translate:0 var(--closed-at)}}html:has(.profile-layer){overflow:hidden}@media (width<=1200px){html[data-covered] .site-main>:not(.profile-layer,dialog),html[data-covered] .footer,.profile[data-covered]>:not(.profile-workspace),.profile[data-covered] .profile-workspace>:not(.profile-open-match){display:none}}.profile-layer{inset:var(--header-height) 0 0;z-index:var(--layer-overlay);padding:var(--space-6);background:var(--color-scrim);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:fixed}.profile-layer[data-entering]{animation:profile-dim var(--duration-base) var(--ease-standard)}@media (width<=1200px){.profile-layer{background:var(--color-bg-deep);padding:0;inset:0}}.profile{--sidebar:420px;--panel-padding:0px;grid-template:"card work" auto "list work" minmax(0, 1fr) / var(--sidebar) minmax(0, 1fr);outline:none;width:min(1440px,100%);height:min(800px,100%);display:grid;container:profile/inline-size}.profile[data-entering]{animation:profile-rise var(--duration-base) var(--ease-out)}@media (width<=1200px){.profile{grid-template:"card""controls""view"minmax(0,1fr)/minmax(0,1fr);width:100%;height:100%}}@keyframes profile-dim{0%{background-color:#0000}}@keyframes profile-rise{0%{opacity:0;translate:0 8px}}.profile .settles[data-entering]{animation:profile-settle var(--duration-base) var(--ease-standard)}@media (width<=1200px){.profile[data-switching][data-view=matches] .profile-history>*,.profile[data-switching][data-view=chart] .profile-chart{animation:profile-settle var(--duration-base) var(--ease-standard)}}@keyframes profile-settle{0%{opacity:.4;filter:blur(3px)}}.profile-close{z-index:var(--layer-raised);position:absolute;top:-20px;right:-20px}@media (width<=1200px){.profile-close{top:calc(var(--rim-lit) + var(--space-4));right:calc(var(--rim-shade) + var(--space-4))}}.profile-controls{top:-22px;left:calc(var(--sidebar) + var(--space-3));z-index:var(--layer-raised);gap:var(--space-2);display:flex;position:absolute}@media (width<=1200px){.profile-controls{padding:var(--space-3);grid-area:controls;position:static}.profile-controls>.profile-view-switch{margin-left:auto}}@media (width<=600px){.profile-controls{gap:var(--space-1);padding-inline:var(--space-2)}.profile-controls .select{padding-inline:calc(var(--rim-lit) + var(--space-1)) calc(var(--rim-shade) + var(--space-1))}}@container profile (width<345px){.profile-controls>.select:first-child .select-labels{display:none}}.profile-view-switch{display:none}@media (width<=1200px){.profile-view-switch{display:block}}.profile-card,.profile-history{border-right:4px solid #0000;position:relative}:is(.profile-card,.profile-history):after{content:"";inset:0 calc(-1 * var(--seam)) 0 auto;width:var(--seam);background:var(--seam-down);image-rendering:pixelated;position:absolute}@media (width<=1200px){.profile-card,.profile-history{border:0}:is(.profile-card,.profile-history):after{content:none}}.profile-history:before,.profile-workspace:before{height:var(--seam);background:var(--seam-across);image-rendering:pixelated;position:absolute;inset:0 0 auto}.profile-history:before{content:""}@media (width<=1200px){.profile-workspace:before{content:""}}