:root{--paper: #e4edf2;--paper-deep: #d5e2ea;--plate: #f8fbfc;--veil: #eef4f7;--ink: #08161f;--ink-soft: #4a6474;--ink-faint: #7b95a4;--graticule: #bed1db;--magenta: #b4136e;--hairline: rgba(8, 22, 31, .2);--shadow: rgba(8, 22, 31, .15);--zebra: rgba(248, 251, 252, .5);--scrim: rgba(8, 22, 31, .42);--d1: #0f3557;--d2: #26649d;--d3: #5497c9;--d4: #98c4e1;--d5: #cfe3ef;--on1: #eaf3f9;--on2: #eaf3f9;--on3: #06202f;--on4: #06202f;--on5: #06202f;--edge1: #0f3557;--edge2: #1e5183;--edge3: #2e6b99;--edge4: #3a6e8e;--edge5: #4b6a7c;--display: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--gutter: clamp(16px, 3vw, 40px);--hair: 1px solid var(--graticule);--masthead-h: 77px}@media(prefers-color-scheme:dark){:root:not([data-theme=day]){--paper: #0a151e;--paper-deep: #101f2b;--plate: #0e1c26;--veil: #0c1822;--ink: #dce9f0;--ink-soft: #8ba6b7;--ink-faint: #5d7789;--graticule: #22394b;--magenta: #ff529f;--hairline: rgba(220, 233, 240, .24);--shadow: rgba(0, 0, 0, .55);--zebra: rgba(255, 255, 255, .022);--scrim: rgba(2, 8, 13, .66);--d1: #82c8ff;--d2: #4d9ede;--d3: #3577b0;--d4: #275781;--d5: #1d3c56;--on1: #06202f;--on2: #06202f;--on3: #eaf3f9;--on4: #eaf3f9;--on5: #eaf3f9;--edge1: #9ed5ff;--edge2: #7ebdee;--edge3: #6da8d8;--edge4: #7099bd;--edge5: #7796ad}}:root[data-theme=night]{--paper: #0a151e;--paper-deep: #101f2b;--plate: #0e1c26;--veil: #0c1822;--ink: #dce9f0;--ink-soft: #8ba6b7;--ink-faint: #5d7789;--graticule: #22394b;--magenta: #ff529f;--hairline: rgba(220, 233, 240, .24);--shadow: rgba(0, 0, 0, .55);--zebra: rgba(255, 255, 255, .022);--scrim: rgba(2, 8, 13, .66);--d1: #82c8ff;--d2: #4d9ede;--d3: #3577b0;--d4: #275781;--d5: #1d3c56;--on1: #06202f;--on2: #06202f;--on3: #eaf3f9;--on4: #eaf3f9;--on5: #eaf3f9;--edge1: #9ed5ff;--edge2: #7ebdee;--edge3: #6da8d8;--edge4: #7099bd;--edge5: #7796ad}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}.pixel{display:block;image-rendering:pixelated;flex:none}.avatar{display:block;flex:none;box-sizing:content-box;border:1px solid var(--hairline);image-rendering:pixelated}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.label{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.shell{max-width:1340px;margin:0 auto;padding:0 var(--gutter)}.masthead{position:sticky;top:0;z-index:40;background:var(--veil);border-bottom:var(--hair);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.masthead-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.brand-mark{display:block;border-radius:50%;object-fit:cover}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-name{font-family:var(--display);font-style:italic;font-size:26px;font-weight:500;letter-spacing:-.015em}.brand-sub{display:flex;align-items:center;gap:7px;margin-top:4px}.brand-sub .label{color:var(--ink-soft)}.version{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--plate);background:var(--ink);padding:2px 5px}.search{position:relative;width:clamp(200px,30vw,330px);flex:none}.search-field{display:flex;align-items:center;gap:9px;background:var(--plate);border:1px solid var(--graticule);padding:9px 12px}.search-field:focus-within{border-color:var(--ink)}.search-field>svg{color:var(--ink-soft);flex:none}.search-input{width:100%;border:none;outline:none;background:none;font-family:var(--mono);font-size:13px}.search-input::placeholder{color:var(--ink-faint)}.search-results{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:50;background:var(--plate);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--shadow);max-height:340px;overflow-y:auto}.search-result{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;width:100%;padding:8px 11px;text-align:left;border-bottom:1px solid var(--paper-deep)}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result:focus-visible{background:var(--paper)}.search-result-name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft)}.search-empty{padding:12px;font-size:13px;color:var(--ink-soft)}.legend{border-bottom:var(--hair);background:var(--paper)}.legend-row{display:flex;align-items:flex-end;gap:24px;padding:11px 0 12px;flex-wrap:wrap}.legend-stats{display:flex;gap:22px;padding-left:calc(var(--gutter) + 12px)}.stat-value{font-family:var(--mono);font-size:17px;font-weight:600;letter-spacing:-.01em}.plates{border-bottom:var(--hair);background:var(--veil);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:var(--masthead-h);z-index:30}.plates-scroll{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.plates-scroll::-webkit-scrollbar{display:none}.plate-tab{display:flex;align-items:center;gap:7px;padding:11px 14px 10px;white-space:nowrap;border-bottom:2px solid transparent;color:var(--ink-soft);font-size:13px;font-weight:600;letter-spacing:.01em;transition:color .14s ease,border-color .14s ease}.plate-tab:hover{color:var(--ink)}.plate-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--magenta)}.plate-tab-index{font-family:var(--mono);font-size:10px;color:var(--ink-faint)}.plate-tab[aria-selected=true] .plate-tab-index{color:var(--magenta)}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px 0 16px;flex-wrap:wrap}.view-title{display:flex;align-items:baseline;gap:12px;margin:0;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(28px,4.4vw,44px);line-height:1;letter-spacing:-.02em}.view-title .pixel{align-self:center}.view-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px}.view-eyebrow-rule{width:34px;height:1px;background:var(--graticule)}.scroller{overflow-x:auto;padding-bottom:8px}.records{min-width:1080px;padding-bottom:52px}.record-grid{display:grid;grid-template-columns:44px 214px repeat(11,minmax(54px,1fr)) 82px;align-items:center;gap:0 7px}.records-head{padding:0 12px 8px;border-bottom:1px solid var(--ink)}.records-head-mode{font-size:9px;letter-spacing:.08em;color:var(--ink-soft);text-align:center}.records-head-right{text-align:right}.record{width:100%;text-align:left;padding:10px 12px;border-bottom:1px solid var(--paper-deep);transition:background .12s ease}.record:hover{background:var(--plate)}.record:nth-child(2n){background:var(--zebra)}.record:nth-child(2n):hover{background:var(--plate)}.record-position{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--ink-soft);font-variant-numeric:tabular-nums}.record[data-podium=true] .record-position{color:var(--magenta);font-weight:600}.record-who{display:flex;align-items:center;gap:10px;min-width:0}.record-identity{min-width:0}.record-name{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-rank{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.record-total{text-align:right;font-family:var(--mono);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.record-total-unit{font-size:9.5px;font-weight:400;color:var(--ink-faint);letter-spacing:.08em}.chip{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:5px 6px;border-radius:7px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.02em;text-align:center;border:1px solid transparent}.chip[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:20;width:max-content;max-width:240px;padding:7px 9px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10px;font-weight:500;line-height:1.35;white-space:normal;box-shadow:0 5px 18px #0003;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease}.chip[data-tooltip]:hover:after,.chip[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.records .chip[data-tooltip]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}.records .chip[data-tooltip]:hover:after{transform:translate(-50%)}.chip[data-stacked]{flex-direction:column;gap:1px;min-height:44px;padding:5px 4px 6px}.chip[data-depth="1"]{--fill: var(--d1);--on: var(--on1);--edge: var(--edge1)}.chip[data-depth="2"]{--fill: var(--d2);--on: var(--on2);--edge: var(--edge2)}.chip[data-depth="3"]{--fill: var(--d3);--on: var(--on3);--edge: var(--edge3)}.chip[data-depth="4"]{--fill: var(--d4);--on: var(--on4);--edge: var(--edge4)}.chip[data-depth="5"]{--fill: var(--d5);--on: var(--on5);--edge: var(--edge5)}.chip[data-band=high]{background:var(--fill);color:var(--on);border-color:var(--edge)}.chip[data-band=low]{background-color:color-mix(in srgb,var(--fill) 24%,var(--plate));color:var(--edge);border-color:color-mix(in srgb,var(--fill) 52%,var(--plate))}.chip[data-retired=true]{background:#6d28d9;color:#fff;border-color:#4c1d95}.chip--empty{border:1px dashed var(--graticule);background:none;color:var(--ink-faint);font-weight:400}.sheet{display:grid;grid-template-columns:repeat(5,minmax(196px,1fr));gap:10px;min-width:1040px;align-items:start}.column{background:var(--plate);border:1px solid var(--graticule)}.column-head{padding:9px 11px 10px;border-bottom:1px solid var(--graticule)}.column-depth{height:6px;margin:-9px -11px 9px}.column[data-depth="1"] .column-depth{background:var(--d1)}.column[data-depth="2"] .column-depth{background:var(--d2)}.column[data-depth="3"] .column-depth{background:var(--d3)}.column[data-depth="4"] .column-depth{background:var(--d4)}.column[data-depth="5"] .column-depth{background:var(--d5)}.column-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.column-name{font-family:var(--display);font-style:italic;font-size:20px;line-height:1}.column-count{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft)}.band{border-bottom:1px solid var(--paper-deep)}.band:last-child{border-bottom:none}.band-head{display:flex;align-items:center;gap:8px;padding:7px 11px 5px}.band-head .label{font-size:9px}.band-rule{flex:1;height:1px;background:var(--paper-deep)}.band[data-band=high] .band-head .label{color:var(--ink)}.cell{display:grid;grid-template-columns:20px 26px 1fr auto;align-items:center;gap:8px;width:100%;padding:5px 11px 6px;text-align:left;transition:background .12s ease}.cell:hover{background:var(--paper)}.cell-ordinal{font-family:var(--mono);font-size:10px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.cell-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-points{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.band-empty{padding:6px 11px 9px;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,5vh,64px) 16px;background:var(--scrim);overflow-y:auto;animation:fade .16s ease}.card{position:relative;width:min(660px,100%);background:var(--plate);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--shadow);animation:rise .2s cubic-bezier(.2,.8,.3,1)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.card-close{position:absolute;top:10px;right:12px;z-index:2;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-soft);padding:4px 6px}.card-close:hover{color:var(--magenta)}.card-head{position:relative;display:flex;gap:18px;padding:22px 22px 20px;border-bottom:1px solid var(--ink);overflow:hidden}.contours{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--d3);opacity:.3;pointer-events:none}.card-portrait{position:relative;flex:none}.card-portrait .avatar{border:1px solid var(--ink);box-shadow:4px 4px 0 var(--shadow)}.player-bust{object-fit:contain;background:color-mix(in srgb,var(--plate) 72%,transparent)}.card-portrait-meta{margin-top:9px;display:flex;flex-direction:column;gap:2px;font-family:var(--mono);font-size:10px;color:var(--ink-soft)}.card-identity{position:relative;min-width:0;flex:1}.card-position{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--magenta)}.card-position-mark{width:7px;height:7px;background:var(--magenta);clip-path:polygon(50% 0,100% 100%,0 100%)}.card-name{margin:5px 0 0;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(30px,6vw,42px);line-height:1;letter-spacing:-.025em;word-break:break-word}.card-rank{display:flex;align-items:center;gap:9px;margin-top:10px}.card-rank-title{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.card-rank-points{font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.card-progress{margin-top:12px;max-width:300px}.card-progress-track{height:5px;background:var(--paper-deep);border:1px solid var(--graticule)}.card-progress-fill{height:100%;background:var(--d1)}.card-progress-note{margin-top:5px;font-family:var(--mono);font-size:10px;color:var(--ink-soft)}.card-sheet{padding:16px 22px 22px}.card-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--paper-deep)}.card-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.card-mode{display:grid;grid-template-columns:16px 1fr 64px;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--paper-deep)}.card-mode-name{font-size:13px;font-weight:600}.card-mode[data-ranked=false] .card-mode-name{color:var(--ink-faint)}.ranking-guide{position:relative;flex:none}.ranking-guide-trigger{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 10px;border:1px solid var(--graticule);background:var(--plate);color:var(--ink-soft);font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ranking-guide-trigger:hover,.ranking-guide-trigger[aria-expanded=true]{border-color:var(--ink);color:var(--ink)}.ranking-guide-trigger span{display:grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:10px}.ranking-popover{position:absolute;top:calc(100% + 7px);right:0;z-index:60;width:min(340px,calc(100vw - 32px));max-height:min(620px,calc(100vh - var(--masthead-h) - 28px));overflow-y:auto;padding:12px;background:var(--plate);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--shadow);animation:ranking-popover-in .14s ease-out}@keyframes ranking-popover-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ranking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:var(--paper-deep);border:1px solid var(--graticule)}.ranking-tabs button{padding:7px 10px;color:var(--ink-soft);font-family:var(--mono);font-size:11px;font-weight:600;text-transform:capitalize}.ranking-tabs button[aria-selected=true]{color:var(--ink);background:var(--plate);box-shadow:0 1px 3px var(--shadow)}.ranking-panel{padding:15px 3px 2px}.ranking-panel h2{margin:0;font-family:var(--display);font-size:20px;font-weight:550}.ranking-intro{margin:5px 0 14px;color:var(--ink-soft);font-size:12px}.points-scale,.title-scale{display:grid;gap:10px;margin:0;padding:0;list-style:none}.points-scale>li{color:var(--guide-depth)}.points-tier-title{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:13px}.points-tier-mark{display:grid;place-items:center;width:20px;height:20px;color:var(--guide-on);background:var(--guide-depth);font-family:var(--mono);font-size:10px;font-weight:700}.points-badges{display:flex;gap:5px;padding-left:7px;border-left:2px solid var(--guide-depth)}.points-badge{flex:1;padding:5px 7px;background:color-mix(in srgb,var(--guide-depth) 15%,transparent);font-family:var(--mono);font-size:9.5px;white-space:nowrap}.points-high{background:color-mix(in srgb,var(--guide-depth) 24%,transparent)}.title-scale{gap:0;border-top:1px solid var(--paper-deep)}.title-scale li{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid var(--paper-deep)}.title-scale-index,.title-scale li>span:last-child{color:var(--ink-faint);font-family:var(--mono);font-size:9.5px}.title-scale strong{font-size:12px}.theme{display:flex;flex:none;border:1px solid var(--graticule);background:var(--plate)}.theme-option{padding:8px 11px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);transition:color .14s ease,background .14s ease}.theme-option:hover{color:var(--ink)}.theme-option[aria-pressed=true]{background:var(--ink);color:var(--plate)}.masthead-tools{display:flex;align-items:center;gap:10px;flex:none}.tail{height:46px}@media(max-width:720px){.masthead-row{flex-wrap:wrap;gap:12px}.masthead-tools{width:100%}.search{flex:1;width:auto}.ranking-guide-trigger{min-height:36px}.ranking-popover{right:auto;left:0}.card-head{flex-direction:column;gap:14px}.card-modes{grid-template-columns:minmax(0,1fr)}.legend-row{gap:14px}}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}