@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/jetbrains-mono-latin-Db4Uuiha.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/jetbrains-mono-latin-ext-Bnd2h4Br.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/jetbrains-mono-vietnamese-CNlsqbWb.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root{--page-max: 1240px;--prose-max: 680px;--radius: 4px;--drop-in: drop-in .36s cubic-bezier(.2, .85, .3, 1) backwards;--lift-ease: .22s cubic-bezier(.2, .8, .3, 1);--control-h: 39px;--fringe-offset: .9px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--overlay-bg: rgba(0, 0, 0, .78);--overlay-text: #ffffff;--tier-shade: 0%;--tint-fill: 10%;--tint-fill-hover: 15%;--tint-edge: 24%;--tint-edge-hover: 42%;--tier-wash: 17%;--rank-iron: #6b6b6b;--rank-bronze: #a2714a;--rank-silver: #9fb0bf;--rank-gold: #e3b341;--rank-platinum: #4bc2b5;--rank-emerald: #3fb86b;--rank-diamond: #6f8cff;--rank-master: #b55cff;--rank-grandmaster: #e5484d;--rank-challenger: #f0c674}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #08080a;--bg-raised: #101014;--bg-sunken: #0c0c10;--bg-chip: #191920;--bg-hover: #1c1c24;--border: #26262e;--border-hover: #4a4a58;--border-bright: rgba(255, 255, 255, .5);--text: #e9e9ee;--text-muted: #92929e;--accent: #9a9ab2;--accent-solid: #646478;--accent-fg: #ffffff;--accent-invert-bg: #b8b8c8;--accent-invert-fg: #08080a;--accent-text: #c2c2d2;--accent-ring: rgba(154, 154, 178, .28);--danger-text: #ff9ea1;--avatar-bg: #20202a;--avatar-text: #c9c9d8;--badge-text: #a6a6b4;--hot-bg: #33210f;--hot-text: #ffb98a;--item-bg: #000000;--win: #4f8cf5;--loss: #e5484d;--remake: #5b5b66;--shadow: 0 1px 2px rgba(0, 0, 0, .6);--shadow-lifted: 0 6px 18px rgba(0, 0, 0, .7);--scanline: rgba(255, 255, 255, .042);--vignette: rgba(0, 0, 0, .38);--cancel-filter: invert(.6);--fringe-a: rgba(255, 42, 92, .5);--fringe-b: rgba(0, 214, 255, .5);--edge-a: rgba(255, 42, 92, .06);--edge-b: rgba(0, 214, 255, .06);--bloom-tint: rgba(196, 196, 236, .42);--bloom-soft: rgba(154, 154, 178, .2)}:root[data-theme=oled]{color-scheme:dark;--bg: #000000;--bg-raised: #070709;--bg-sunken: #040405;--bg-chip: #14141a;--bg-hover: #18181f;--border: #23232b;--border-hover: #4a4a58;--border-bright: rgba(255, 255, 255, .55);--text: #eeeef2;--text-muted: #94949f;--accent: #a2a2b8;--accent-solid: #646478;--accent-fg: #ffffff;--accent-invert-bg: #c0c0ce;--accent-invert-fg: #000000;--accent-text: #c8c8d6;--accent-ring: rgba(162, 162, 184, .3);--danger-text: #ff9ea1;--avatar-bg: #17171f;--avatar-text: #c9c9d8;--badge-text: #a2a2b0;--hot-bg: #2a1b0c;--hot-text: #ffb98a;--item-bg: #000000;--win: #4f8cf5;--loss: #e5484d;--remake: #55555f;--shadow: 0 1px 2px rgba(0, 0, 0, .9);--shadow-lifted: 0 6px 18px rgba(0, 0, 0, .95);--scanline: rgba(255, 255, 255, .058);--vignette: rgba(0, 0, 0, .45);--cancel-filter: invert(.6);--fringe-a: rgba(255, 42, 92, .58);--fringe-b: rgba(0, 214, 255, .58);--edge-a: rgba(255, 42, 92, .044);--edge-b: rgba(0, 214, 255, .044);--bloom-tint: rgba(206, 206, 244, .5);--bloom-soft: rgba(162, 162, 184, .24)}:root[data-theme=light]{color-scheme:light;--bg: #f4f4f6;--bg-raised: #ffffff;--bg-sunken: #fafafb;--bg-chip: #ebebef;--bg-hover: #eeeef1;--border: #d9d9df;--border-hover: #b0b0bb;--border-bright: rgba(0, 0, 0, .45);--text: #15151a;--text-muted: #5c5c68;--accent: #55556a;--accent-solid: #55556a;--accent-fg: #ffffff;--accent-invert-bg: #24242e;--accent-invert-fg: #ffffff;--accent-text: #3c3c4c;--accent-ring: rgba(85, 85, 106, .22);--danger-text: #b42318;--avatar-bg: #e4e4ea;--avatar-text: #3c3c4c;--badge-text: #4a4a56;--hot-bg: #fdead3;--hot-text: #8a4b12;--item-bg: #e6e6ea;--win: #2563eb;--loss: #d92d20;--remake: #8b8b96;--shadow: 0 1px 2px rgba(16, 24, 40, .07);--shadow-lifted: 0 6px 16px rgba(16, 24, 40, .13);--scanline: rgba(20, 20, 32, .022);--vignette: rgba(20, 20, 32, .03);--cancel-filter: none;--fringe-a: rgba(214, 0, 64, .4);--fringe-b: rgba(0, 116, 190, .38);--edge-a: rgba(214, 0, 64, .03);--edge-b: rgba(0, 116, 190, .03);--bloom-tint: rgba(60, 60, 90, .18);--bloom-soft: transparent;--rank-silver: #7c8b9a;--rank-gold: #b7861a;--tier-shade: 35%;--tint-fill: 5%;--tint-fill-hover: 9%;--tint-edge: 34%;--tint-edge-hover: 55%;--tier-wash: 12%}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:14px/1.6 var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%}.muted{color:var(--text-muted)}.img-missing{display:inline-block;background:var(--item-bg)}@property --fringe-offset{syntax: "<length>"; inherits: false; initial-value: .9px;}@property --bloom-scale{syntax: "<number>"; inherits: false; initial-value: 1.05;}:root:before{content:"";position:fixed;inset:-6px 0;z-index:100;pointer-events:none;background-image:repeating-linear-gradient(to bottom,var(--scanline) 0 1px,transparent 1px 3px);animation:scan-roll 2.6s linear infinite;will-change:transform}@keyframes scan-roll{to{transform:translateY(3px)}}:root:after{content:"";position:fixed;inset:0;z-index:98;pointer-events:none;background-image:radial-gradient(ellipse 125% 105% at 50% 50%,transparent 58%,var(--vignette) 100%);animation:vignette-breathe 8.5s ease-in-out infinite;will-change:transform,opacity}@keyframes vignette-breathe{0%,to{transform:scale(1.025);opacity:.72}50%{transform:scale(1);opacity:1}}body:before{content:"";position:fixed;inset:0;z-index:97;pointer-events:none;background-image:radial-gradient(ellipse 80% 80% at 42% 50%,transparent 55%,var(--edge-a) 100%),radial-gradient(ellipse 80% 80% at 58% 50%,transparent 55%,var(--edge-b) 100%);animation:edge-drift 6.5s ease-in-out infinite;will-change:transform}@keyframes edge-drift{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.home__head{position:relative;isolation:isolate}.home__head:before{content:"";position:absolute;z-index:-1;inset:-26px 0 auto;height:150px;background:radial-gradient(ellipse 62% 100% at 50% 40%,var(--bloom-soft),transparent 72%);filter:blur(14px);pointer-events:none;animation:pool-breathe 7.5s ease-in-out infinite;will-change:transform,opacity}@keyframes pool-breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.07);opacity:1}}.profile-header__name,.stat__value{text-shadow:calc(var(--fringe-offset) * -.55) 0 0 var(--fringe-a),calc(var(--fringe-offset) * .55) 0 0 var(--fringe-b),0 0 calc(14px * var(--bloom-scale)) var(--bloom-soft)}.rank-card__tier,.panel__title{text-shadow:0 0 calc(14px * var(--bloom-scale)) var(--bloom-soft)}.match__result{text-shadow:0 0 calc(12px * var(--bloom-scale)) color-mix(in srgb,currentColor 30%,transparent)}:root[data-settling]:before,:root[data-settling]:after,:root[data-settling] body:before,:root[data-settling] .profile-header__name,:root[data-settling] .stat__value,:root[data-settling] .rank-card__tier,:root[data-settling] .panel__title,:root[data-settling] .match__result{animation-play-state:paused}#app{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:40px 24px 32px}.footer{width:100%;max-width:var(--page-max);margin:0 auto;padding:16px 24px 26px;border-top:1px solid var(--border)}.footer__note{margin:0;text-align:center;color:var(--text-muted);font-size:11px}.brand{display:inline-flex;align-items:center;gap:13px;margin-bottom:18px;padding-bottom:9px;border-bottom:2px solid var(--border-bright)}.brand__logo{display:flex;width:40px;height:40px;flex:none;filter:drop-shadow(0 0 calc(9px * var(--bloom-scale)) var(--bloom-soft))}.brand__logo svg{width:100%;height:100%;display:block}.logo__pupil{transition:transform .11s cubic-bezier(.2,.8,.3,1)}.brand__name{margin:0;font-size:25px;font-weight:700;text-shadow:calc(var(--fringe-offset) * -1) 0 0 var(--fringe-a),var(--fringe-offset) 0 0 var(--fringe-b),0 0 calc(7px * var(--bloom-scale)) var(--bloom-tint),0 0 calc(22px * var(--bloom-scale)) var(--bloom-soft)}.page-head{position:fixed;top:14px;left:16px;z-index:20}#app:has(>.page-head){padding-top:66px}.brand--compact{gap:10px;margin-bottom:0;padding-bottom:0;border-bottom:0;border-radius:4px}.brand--compact .brand__logo{width:28px;height:28px}.brand--compact .brand__name{font-size:17px;text-shadow:calc(var(--fringe-offset) * -.75) 0 0 var(--fringe-a),calc(var(--fringe-offset) * .75) 0 0 var(--fringe-b),0 0 calc(5px * var(--bloom-scale)) var(--bloom-tint),0 0 calc(15px * var(--bloom-scale)) var(--bloom-soft)}a.brand:hover .brand__name{color:var(--accent-text)}a.brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.theme-picker{position:fixed;top:14px;right:16px;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--border);border-radius:4px;background:var(--bg-raised);box-shadow:var(--shadow);animation:var(--drop-in);transition:background-color .22s ease,border-color .2s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.8,.3,1)}.theme-picker:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lifted);transform:translateY(-2px)}@keyframes drop-in{0%{opacity:0;transform:translateY(-12px)}}.theme-picker__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:2px;background:var(--accent-solid);transform:translate(calc(var(--theme-index, 1) * 100%));transition:transform .3s cubic-bezier(.34,1.3,.64,1),background-color .22s ease}.theme-option{position:relative;z-index:1;padding:6px 14px;border:0;border-radius:2px;background:none;color:var(--text-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .2s ease,background-color .16s ease;-webkit-tap-highlight-color:transparent}.theme-option:hover:not(.theme-option--active){background:var(--bg-hover);color:var(--text)}.theme-option--active{color:var(--accent-fg)}.theme-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@property --wipe{syntax: "<percentage>"; inherits: false; initial-value: 0%;}:root{--wipe-band: 10%}@keyframes crt-scan{0%{--wipe: 0%}to{--wipe: 110%}}:root[data-transition]::view-transition-old(root),:root[data-transition]::view-transition-new(root){mix-blend-mode:normal}:root[data-transition]::view-transition-old(root){animation:none;z-index:0}:root[data-transition]::view-transition-new(root){z-index:1}:root[data-transition]::view-transition-group(root){animation:none}:root[data-transition=theme]::view-transition-new(root){mask-image:linear-gradient(to bottom,#000 calc(var(--wipe) - var(--wipe-band)),transparent var(--wipe));animation:crt-scan .46s cubic-bezier(.3,0,.25,1) both}:root[data-transition=forward]::view-transition-new(root){mask-image:linear-gradient(to left,#000 calc(var(--wipe) - var(--wipe-band)),transparent var(--wipe));animation:crt-scan .38s cubic-bezier(.3,0,.25,1) both}:root[data-transition=back]::view-transition-new(root){mask-image:linear-gradient(to right,#000 calc(var(--wipe) - var(--wipe-band)),transparent var(--wipe));animation:crt-scan .38s cubic-bezier(.3,0,.25,1) both}:root[data-transition=forward] .brand__logo,:root[data-transition=back] .brand__logo{view-transition-name:brand-mark}:root[data-transition=forward] .brand__name,:root[data-transition=back] .brand__name{view-transition-name:brand-name}:root[data-transition]::view-transition-group(brand-mark),:root[data-transition]::view-transition-group(brand-name){animation-duration:.38s;animation-timing-function:cubic-bezier(.3,0,.25,1)}:root[data-transition]::view-transition-old(brand-name),:root[data-transition]::view-transition-old(brand-mark){animation:none;opacity:0}:root[data-transition]::view-transition-new(brand-name),:root[data-transition]::view-transition-new(brand-mark){animation:none;mix-blend-mode:normal;opacity:1}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skel{display:block;flex:none;border-radius:4px;background:color-mix(in oklab,var(--text-muted) 18%,var(--bg-sunken));animation:skel-breathe 1.6s ease-in-out infinite}@keyframes skel-breathe{50%{opacity:.45}}.profile-header__icon.skel{background:color-mix(in oklab,var(--text-muted) 18%,var(--bg-sunken))}.skel--when{height:19px}.crystal__gem:has(>.skel){filter:none;animation:none}.match--skel{cursor:default;pointer-events:none}.match--skel:hover{border-color:var(--border);background:var(--bg-sunken);box-shadow:none;transform:none}@keyframes settle-in{0%{opacity:0;transform:translateY(3px)}}.settles>:not(.panel__title),.settles--new{animation:settle-in .28s cubic-bezier(.2,.7,.3,1) both}.home{padding-top:clamp(0px,4vh,44px)}.home__head{margin-bottom:26px;text-align:center}.home .brand{margin-bottom:14px}.hero__subtitle{margin:0 auto;max-width:74ch;color:var(--text-muted);text-wrap:balance}.search{margin-top:22px}.search__field{display:flex;align-items:center;gap:10px;padding:0 6px 0 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow);animation:var(--drop-in);transition:background-color .22s ease,border-color .2s ease,box-shadow .22s ease,transform var(--lift-ease)}.search__field:hover,.search__field:focus-within{border-color:var(--border-hover);box-shadow:var(--shadow-lifted);transform:translateY(-2px)}.search__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring),0 0 calc(26px * var(--bloom-scale)) -6px var(--bloom-tint),var(--shadow-lifted)}.search__icon{display:flex;flex:none;color:var(--text-muted)}.search__input{flex:1;padding:14px 0;border:0;background:none;color:inherit;font-size:16px;outline:none}.search__input::-webkit-search-cancel-button{filter:var(--cancel-filter)}.search__go{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid transparent;border-radius:3px;background:none;color:var(--text-muted);cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.search__go:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--text)}.search__go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search__status{min-height:24px;margin-top:10px}.loading{display:flex;align-items:center;gap:9px;color:var(--text-muted);font-size:13px}.spinner{width:13px;height:13px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{margin:0;font-size:13px}.notice--info{color:var(--text-muted)}.notice--error{color:var(--danger-text)}.results{margin-top:18px;display:grid;gap:20px}.results:empty{margin-top:0}.results--busy{opacity:.5;transition:opacity .14s ease}.results__header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.results__title{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.results__count{padding:0 5px;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);font-size:11px}.results__hint{font-size:12px;color:var(--text-muted);opacity:.75}.results__list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.account{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow);animation:var(--drop-in);animation-delay:calc(var(--row, 0) * 22ms);transition:background-color .22s ease,border-color .2s ease,box-shadow .22s ease,transform var(--lift-ease)}.account:hover,.account--active{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lifted);transform:translateY(-2px)}.account--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-ring),0 0 20px -6px var(--bloom-tint),var(--shadow-lifted)}.account:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account__avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:4px;background:var(--avatar-bg);color:var(--avatar-text);font-weight:600}.account__avatar--icon{object-fit:cover;background:var(--bg-chip)}.account__names{display:flex;align-items:baseline;gap:4px;min-width:0;flex:1}.account__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account__tag{color:var(--text-muted);font-size:13px}.account__level{flex:none;min-width:6ch;color:var(--text-muted);font-size:11px;text-align:right}.account .badge{min-width:5ch;text-align:center}.account__chevron{color:var(--text-muted);transition:transform .14s cubic-bezier(.2,.8,.3,1),color .14s ease}.account:hover .account__chevron,.account--active .account__chevron{color:var(--accent-text);transform:translate(3px)}.badge{flex:none;padding:2px 8px;border:1px solid var(--border);border-radius:3px;background:var(--bg-chip);color:var(--badge-text);font-size:11px;font-weight:600;letter-spacing:.03em}.chip{padding:2px 8px;border-radius:3px;background:var(--bg-chip);font-size:12px}.chip--muted{color:var(--text-muted)}.chip--hot{background:var(--hot-bg);color:var(--hot-text)}.button{display:inline-block;min-height:var(--control-h);margin-top:12px;padding:8px 14px;border:1px solid var(--border-bright);border-radius:3px;background:var(--accent-solid);color:var(--accent-fg);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .17s ease,border-color .17s ease,color .17s ease}.button:hover:not(:disabled){border-color:var(--accent-invert-bg);background:var(--accent-invert-bg);color:var(--accent-invert-fg)}.button--ghost{background:transparent;border-color:var(--border-hover);color:var(--text)}.button:disabled{opacity:.5;cursor:default}.profile-header{display:grid;gap:16px;padding:18px;border:1px solid var(--border);border-radius:6px;background:var(--bg-raised);box-shadow:var(--shadow),0 0 calc(34px * var(--bloom-scale)) -16px var(--bloom-tint)}.profile-header__main{display:flex;align-items:center;gap:18px}.profile-header__icon{width:72px;height:72px;flex:none;border-radius:6px;background:var(--bg-chip)}.profile-header__icon--empty{display:grid;place-items:center;font-size:28px;font-weight:700;color:var(--avatar-text)}.profile-header__body{flex:1;min-width:0}.profile-header__name{margin:0 0 8px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:19px}.profile-header__tag{color:var(--text-muted);font-size:16px;font-weight:500}.profile-header__title{margin:-4px 0 8px;color:var(--accent-text);font-size:13px;font-style:italic;letter-spacing:.02em}.profile-header__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-header__level{display:flex;align-items:baseline;gap:5px;color:var(--text-muted);font-size:13px}.profile-header__level-value{color:var(--text);font-size:14px;font-weight:650}.page-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-back{display:flex}.page-bar__state{display:flex;align-items:center}.freshness{display:inline-flex}.freshness .chip{display:inline-flex;align-items:center;min-height:var(--control-h);padding-inline:14px}.update{display:inline-flex;align-items:center;gap:7px;margin-top:0}.update__icon{display:flex}.update--busy .update__icon{animation:spin .7s linear infinite}.update:disabled{cursor:default}.back{display:inline-flex;align-items:center;gap:7px;margin-top:0}.back__arrow{display:flex;transition:transform .16s cubic-bezier(.2,.8,.3,1)}.back:hover .back__arrow{transform:translate(-2px)}.panel{margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:6px;background:var(--bg-raised)}.panel__title{display:flex;align-items:baseline;gap:8px;margin:0 0 14px;font-size:15px;font-weight:650}.panel__note{color:var(--text-muted);font-size:12px;font-weight:400}.rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,320px));gap:12px}.rank-card{--tier: var(--text-muted);--tier-ink: color-mix(in srgb, var(--tier), black var(--tier-shade));display:grid;gap:3px;padding:14px;border:1px solid color-mix(in oklab,var(--tier-ink) var(--tint-edge),var(--border));border-radius:5px;background:linear-gradient(152deg,color-mix(in oklab,var(--tier-ink) var(--tier-wash),var(--bg-sunken)) 0%,var(--bg-sunken) 58%)}.rank-card__queue{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.rank-card__tier{font-size:16px;font-weight:700}.rank-card__lp{color:var(--text-muted);font-size:13px}.rank-card__record{margin-top:4px;font-size:13px}.lp{margin-top:14px;padding-top:13px;border-top:1px solid var(--border)}.lp__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.lp__title{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.lp__delta{font-size:13px;font-weight:700}.lp--up{--lp-ink: var(--win)}.lp--down{--lp-ink: var(--loss)}.lp--flat{--lp-ink: var(--text-muted)}.lp__delta{color:var(--lp-ink)}.lp__empty{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.lp__plot{position:relative;height:84px}.lp__svg,.lp__svg svg{display:block;width:100%;height:100%}.lp__area{fill:var(--lp-ink);fill-opacity:.14}.lp__line{stroke:var(--lp-ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.lp__rule{position:absolute;left:0;right:0;border-top:1px dashed var(--border-hover);pointer-events:none}.lp__dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--bg-raised);border:1.5px solid var(--lp-ink);transform:translate(-50%,-50%);cursor:help}.lp__dot--now{width:9px;height:9px;background:var(--lp-ink)}.lp__foot{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 8px;margin-top:7px;color:var(--text-muted);font-size:11px}.lp__range{color:var(--text);text-align:right}.rank-card--iron{--tier: var(--rank-iron)}.rank-card--bronze{--tier: var(--rank-bronze)}.rank-card--silver{--tier: var(--rank-silver)}.rank-card--gold{--tier: var(--rank-gold)}.rank-card--platinum{--tier: var(--rank-platinum)}.rank-card--emerald{--tier: var(--rank-emerald)}.rank-card--diamond{--tier: var(--rank-diamond)}.rank-card--master{--tier: var(--rank-master)}.rank-card--grandmaster{--tier: var(--rank-grandmaster)}.rank-card--challenger{--tier: var(--rank-challenger)}.profile-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}.profile-rail{display:grid;gap:20px;align-content:start;container-type:inline-size;container-name:rail}.profile-feed{container-type:inline-size;container-name:feed}.profile-rail>.panel,.profile-rail>.profile-rail__slot>.panel,.profile-feed>.panel{margin-top:0}@media(max-width:900px){.profile-grid{grid-template-columns:minmax(0,1fr)}}.mastery{display:grid;gap:2px;margin:0;padding:0;list-style:none}.mastery__row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:4px;border-radius:4px;font-size:13px}.mastery__row:hover{background:var(--bg-hover)}.mastery__portrait{position:relative;display:flex;width:34px;height:34px}.mastery__icon{border-radius:4px}.mastery__level{position:absolute;left:0;bottom:0;min-width:17px;padding:0 3px;border-radius:2px;background:var(--overlay-bg);color:var(--overlay-text);font-size:10px;font-weight:700;text-align:center}.mastery__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mastery__points{color:var(--text-muted);font-size:12px}.challenges{display:flex;align-items:center;justify-content:space-between;gap:18px 26px;flex-wrap:wrap;padding-top:15px;border-top:1px solid var(--border)}.crystal{display:flex;align-items:center;gap:13px}.crystal__gem{display:flex;flex:none;align-self:flex-start;margin-top:5px;filter:drop-shadow(0 0 calc(9px * var(--bloom-scale)) color-mix(in srgb,currentColor 40%,transparent))}.crystal__body{display:grid;gap:3px;min-width:0}.crystal__head{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.crystal__tier{color:var(--text);font-size:15px;font-weight:700;letter-spacing:.01em}.crystal__label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.crystal__points{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.crystal__value{color:var(--text);font-size:17px;font-weight:700}.crystal__max{color:var(--text-muted);font-size:12px}.crystal__bar{width:100%;max-width:260px;height:4px;margin-top:3px;border-radius:2px;background:var(--bg-chip);overflow:hidden}.crystal__fill{display:block;height:100%;border-radius:2px;background:currentColor}.tokens{display:flex;gap:8px 22px;margin:0;padding:0;list-style:none;flex-wrap:wrap}.token{display:flex;align-items:center;gap:9px}.token__art{width:46px;height:46px;flex:none}.token__art--empty{display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;width:46px;height:46px;background:var(--avatar-bg);color:var(--text-muted);font-size:17px;font-weight:700}.token__text{display:grid;gap:1px;min-width:0}.token__name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token__tier{color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tier--iron{color:color-mix(in srgb,var(--rank-iron),black var(--tier-shade))}.tier--bronze{color:color-mix(in srgb,var(--rank-bronze),black var(--tier-shade))}.tier--silver{color:color-mix(in srgb,var(--rank-silver),black var(--tier-shade))}.tier--gold{color:color-mix(in srgb,var(--rank-gold),black var(--tier-shade))}.tier--platinum{color:color-mix(in srgb,var(--rank-platinum),black var(--tier-shade))}.tier--diamond{color:color-mix(in srgb,var(--rank-diamond),black var(--tier-shade))}.tier--master{color:color-mix(in srgb,var(--rank-master),black var(--tier-shade))}.tier--grandmaster{color:color-mix(in srgb,var(--rank-grandmaster),black var(--tier-shade))}.tier--challenger{color:color-mix(in srgb,var(--rank-challenger),black var(--tier-shade))}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:5px;background:var(--bg-sunken)}.stat__label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.stat__value{font-size:19px;font-weight:700}.stat__hint{color:var(--text-muted);font-size:12px}.champ-list{margin-top:14px;display:grid;gap:4px}.champ{display:grid;grid-template-columns:36px 1fr auto auto 48px;align-items:center;gap:12px;padding:6px 4px;border-radius:4px;font-size:13px}.champ:hover{background:var(--bg-hover)}.champ__icon{border-radius:3px}.champ__name{font-weight:600}.champ__kda,.champ__record{color:var(--text-muted)}.champ__wr{text-align:right;font-weight:600}.matches{margin:0;padding:0;list-style:none;display:grid;gap:8px}.match{--row-ink: var(--remake);appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:14px;padding:10px 14px;border:1px solid color-mix(in oklab,var(--row-ink) var(--tint-edge),var(--border));border-radius:5px;background:color-mix(in oklab,var(--row-ink) var(--tint-fill),var(--bg-sunken));transition:background-color .22s ease,border-color .2s ease,box-shadow .22s ease,transform var(--lift-ease)}.match:hover{border-color:color-mix(in oklab,var(--row-ink) var(--tint-edge-hover),var(--border-hover));background:color-mix(in oklab,var(--row-ink) var(--tint-fill-hover),var(--bg-hover));box-shadow:var(--shadow-lifted);transform:translateY(-2px)}.match:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match--win{--row-ink: var(--win)}.match--loss{--row-ink: var(--loss)}.match__champion{position:relative;display:flex;align-items:center;gap:6px}.match__portrait{border-radius:4px}.match__level{position:absolute;left:0;bottom:0;min-width:18px;padding:0 3px;border-radius:2px;background:var(--overlay-bg);color:var(--overlay-text);font-size:11px;font-weight:600;text-align:center}.match__spells{display:grid;gap:2px}.match__spell{border-radius:2px}.match__info{display:grid;gap:2px;min-width:0}.match__queue{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match__when{color:var(--text-muted);font-size:12px}.match__score{display:grid;gap:2px;width:13ch;text-align:right}.match__kda{font-weight:650}.match__kdaratio{color:var(--text-muted);font-size:12px}.match__detail{display:grid;gap:1px;width:19ch;text-align:right;font-size:12px}.match__detail-label{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.match__detail-value{font-size:14px;font-weight:600;cursor:help}.match__detail-hint{color:var(--text-muted);font-size:11px;min-height:1lh}.match__items{display:grid;grid-template-columns:repeat(3,26px);gap:2px}.match__item{border-radius:2px;background:var(--item-bg)}.match__item--empty{width:26px;height:26px;border-radius:2px;background:var(--item-bg)}.match__outcome{display:grid;gap:2px;width:8ch;justify-items:end;color:var(--text-muted)}.match__result{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:inherit}.match__lp{font-size:12px;font-weight:650;color:inherit;opacity:.85;cursor:help}.match--win .match__outcome{color:var(--accent-text)}.match--loss .match__outcome{color:var(--danger-text)}.profile-rail__slot:empty{display:none}.mates{display:grid;gap:2px;margin:0;padding:0;list-style:none}.mate{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:5px 0;font-size:13px}.mate+.mate{border-top:1px solid var(--border)}.mate__name{display:flex;align-items:baseline;gap:2px;min-width:0;color:var(--text);text-decoration:none}.mate__name:hover .mate__game-name{text-decoration:underline}.mate__game-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.mate__tag{flex:none;color:var(--text-muted);font-size:11px}.mate__games{color:var(--text-muted);font-size:12px}.mate__wr{font-weight:650}.matches__end{margin:14px 0 0;font-size:12px;text-align:center}.matches__more{display:inline-flex;align-items:center;justify-content:center;gap:8px}.qfilter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.qfilter__tab{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background-color .17s ease,border-color .17s ease,color .17s ease}.qfilter__tab:hover:not([aria-pressed=true]){border-color:var(--border-hover);color:var(--text)}.qfilter__tab[aria-pressed=true]{border-color:var(--border-bright);background:var(--accent-solid);color:var(--accent-fg)}.qfilter__count{opacity:.7}.matches__more-slot,.matches__item{display:grid}.matches__item--open .match,.matches__item--open .match:hover{border-bottom-left-radius:0;border-bottom-right-radius:0;transform:none;box-shadow:var(--shadow-lifted)}.scoreboard{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.3,0,.25,1)}.scoreboard[data-open=true]{grid-template-rows:1fr}.scoreboard[data-moving] .scoreboard__inner:after{content:"";position:absolute;right:0;bottom:0;left:0;height:52px;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--bg))}.scoreboard__inner{position:relative;overflow:hidden;min-height:0}.scoreboard__body{display:grid;gap:1px;border:1px solid var(--border);border-top:0;border-radius:0 0 5px 5px;background:var(--border);overflow:hidden}.team{background:var(--bg-raised);padding:8px 12px 10px}.team__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:6px;font-size:12px}.team__result{font-weight:700;text-transform:uppercase;letter-spacing:.05em}.team__head--win .team__result{color:var(--accent-text)}.team__head--loss .team__result{color:var(--danger-text)}.team__kills{color:var(--text-muted)}.team__objectives{display:flex;gap:8px;margin-left:auto;color:var(--text-muted)}.team__objective{display:flex;gap:3px}.team__objective-label{opacity:.7}.team__players{display:grid;gap:2px;margin:0;padding:0;list-style:none}.player{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto minmax(54px,90px) auto;align-items:center;gap:10px;padding:3px 4px;border-radius:4px;font-size:12px}.player:hover{background:var(--bg-hover)}.player--viewed{background:var(--bg-chip)}.player__portrait{position:relative;display:flex;width:28px;height:28px}.player__icon{border-radius:4px}.player__level{position:absolute;left:0;bottom:0;min-width:15px;padding:0 2px;border-radius:2px;background:var(--overlay-bg);color:var(--overlay-text);font-size:9px;font-weight:700;text-align:center}.player__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.player__name:hover{color:var(--accent-text);text-decoration:underline}a.player__name:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.player__kda,.player__cs{color:var(--text-muted)}.player__damage{position:relative;display:flex;align-items:center;justify-content:flex-end;height:16px;padding:0 4px;border-radius:3px;background:var(--bg-sunken);overflow:hidden}.player__bar{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--accent-solid);opacity:.55}.player__damage-value{position:relative;font-size:11px}.player__items{display:grid;grid-template-columns:repeat(6,22px);gap:2px}.player__item{border-radius:2px;background:var(--item-bg)}.player__item--empty{width:22px;height:22px;border-radius:2px;background:var(--item-bg)}.matches__more{justify-self:start}@container feed (max-width: 560px){.player{grid-template-columns:28px minmax(0,1fr) auto minmax(48px,1fr)}.player__cs,.player__items{display:none}}.prose__title{max-width:var(--prose-max);margin:0 auto 18px;padding:0 4px;font-size:26px;letter-spacing:-.01em}.prose{max-width:var(--prose-max);margin:0 auto 14px;padding:0 4px;color:var(--text-muted);font-size:14px;line-height:1.75}.prose:last-child{margin-bottom:0}.prose-page .panel{max-width:var(--prose-max);margin:0 auto 18px}.prose-page .panel .prose{padding:0}.prose-page .panel .prose--list{padding-left:20px}.prose--list{margin-top:-4px;padding-left:20px}.prose--list li{margin-bottom:8px}.prose--list li:last-child{margin-bottom:0}.prose a{color:var(--accent-text)}@container feed (max-width: 720px){.match{grid-template-columns:auto 1fr auto auto;row-gap:10px}.match__detail{width:9ch}.match__detail-hint,.match__role,.match__result{display:none}.match__items{grid-column:1 / -1;grid-template-columns:repeat(6,26px)}.match:has(.match__lp) .match__items{grid-row:2;grid-column:1 / 3}.match:has(.match__lp) .match__outcome{grid-row:2;grid-column:3;justify-self:end;align-self:center}.skel--when{height:38px}.match__outcome:not(:has(.match__lp)){display:none}}@container rail (max-width: 420px){.panel__title{flex-wrap:wrap}.champ{grid-template-columns:36px 1fr auto auto}.champ__kda{display:none}}@media(max-width:560px){#app{padding-top:66px}.theme-option{padding:6px 11px}.profile-header__main{flex-wrap:wrap}.challenges{justify-content:flex-start}.tokens{display:grid;width:100%}.account__level{display:none}}@media(prefers-reduced-motion:reduce){.scoreboard[data-moving] .scoreboard__inner:after{display:none}:root:before,:root:after,body:before,.home__head:before,.profile-header,.brand__logo,.brand__name,.profile-header__name,.stat__value,.rank-card__tier,.panel__title,.match__result,.crystal__gem,.search__field:focus-within,.account,.search__field,.theme-picker,.skel,.settles>:not(.panel__title),.settles--new{animation:none}.account,.account__chevron,.back__arrow,.search__field,.results--busy,.logo__pupil,.match,.scoreboard,.theme-picker,.theme-picker__thumb,.theme-option{transition:none}.account:hover,.account--active,.account:hover .account__chevron,.account--active .account__chevron,.back:hover .back__arrow,.search__field:hover,.search__field:focus-within,.match:hover,.theme-picker:hover{transform:none}}