.ranking-board{z-index:1;background:var(--px-panel-2);border:4px solid var(--px-panel-edge);width:100%;max-width:720px;box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -4px 0 0 var(--px-bevel-lo), 6px 6px 0 #000;font-family:var(--px-font);color:var(--px-paper);flex-direction:column;gap:18px;padding:24px 22px;display:flex;position:relative}.ranking-board__header{text-align:center;flex-direction:column;gap:6px;display:flex}.ranking-board__eyebrow{font-family:var(--px-tiny);letter-spacing:.18em;text-transform:uppercase;color:var(--px-violet);text-shadow:2px 2px #000;font-size:11px}.ranking-board__deck-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ranking-board__deck-label{font-family:var(--px-tiny);letter-spacing:.18em;text-transform:uppercase;color:var(--px-paper);text-shadow:1px 1px #000;font-size:10px}.ranking-board__deck-select{position:relative}.ranking-board__deck-select:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--px-ink);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ranking-board__deck-dropdown{appearance:none;font-family:var(--px-tiny);letter-spacing:.12em;text-transform:uppercase;color:var(--px-ink);background:var(--px-paper);border:2px solid var(--px-ink);cursor:pointer;min-width:180px;padding:6px 28px 6px 12px;font-size:11px;transition:transform 80ms,box-shadow 80ms;box-shadow:2px 2px #000}.ranking-board__deck-dropdown:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.ranking-board__deck-dropdown:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.ranking-board__deck-dropdown:focus-visible{outline:2px solid var(--px-gold);outline-offset:2px}.ranking-board__title{font-family:var(--px-tiny);letter-spacing:.06em;color:var(--px-gold);text-shadow:2px 2px #000;margin:0;font-size:22px}.ranking-board__tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ranking-board__tab{appearance:none;font-family:var(--px-tiny);background:var(--px-panel);box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -2px 0 var(--px-bevel-lo);color:var(--px-paper-sh);cursor:pointer;border:3px solid #000;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 8px;transition:transform 60ms ease-out;display:flex}.ranking-board__tab:hover{transform:translate(-1px,-1px)}.ranking-board__tab.is-active{background:var(--px-violet-d);color:#fff;box-shadow:inset 0 0 0 2px var(--px-violet), inset 0 -2px 0 #000}.ranking-board__tab:focus-visible{outline:2px solid var(--px-gold);outline-offset:2px}.ranking-board__tab-label{letter-spacing:.04em;text-transform:uppercase;font-size:13px}.ranking-board__tab-sub{letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:9px}.ranking-board__panel{background:var(--px-panel);box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -2px 0 var(--px-bevel-lo);border:3px solid #000;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.ranking-board__state{font-family:var(--px-tiny);letter-spacing:.04em;text-align:center;color:var(--px-paper-sh);justify-content:center;align-items:center;gap:8px;padding:24px 12px;font-size:13px;display:flex}.ranking-board__state--error{color:var(--px-red,#f87171)}.ranking-board__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ranking-board__row{font-family:var(--font-mono), "JetBrains Mono", monospace;font-variant-numeric:tabular-nums;background:#00000040;border:2px solid #0000;grid-template-columns:2.6rem 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:grid}.ranking-board__row.is-you{background:var(--px-violet-d);border-color:var(--px-violet);box-shadow:inset 0 0 0 2px var(--px-violet), inset 0 -2px 0 #000}.ranking-board__rank{font-family:var(--px-tiny);color:var(--px-gold);text-shadow:1px 1px #000;font-size:12px}.ranking-board__name{color:var(--px-paper);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ranking-board__sessions{font-family:var(--px-tiny);letter-spacing:.1em;text-transform:uppercase;color:var(--px-paper-sh);font-size:10px}.ranking-board__score{color:var(--px-gold);text-shadow:1px 1px #000;font-weight:800}.ranking-board__you-badge{font-family:var(--px-tiny);letter-spacing:.18em;text-transform:uppercase;background:var(--px-violet);color:#fff;text-shadow:1px 1px 0 var(--px-violet-d);border:2px solid #000;grid-column:1/-1;justify-self:end;margin-top:2px;padding:2px 6px;font-size:9px}.ranking-board__myentry{border-top:2px dashed var(--px-bevel-lo);flex-direction:column;gap:6px;padding-top:10px;display:flex}.ranking-board__myentry-lbl{font-family:var(--px-tiny);letter-spacing:.18em;text-transform:uppercase;color:var(--px-violet);text-shadow:1px 1px #000;font-size:10px}@media (max-width:480px){.ranking-board{padding:18px 14px}.ranking-board__row{grid-template-columns:2.2rem 1fr auto;font-size:13px}.ranking-board__sessions{grid-area:2/2/auto/-1;justify-self:start}}
.ranking-page{background:radial-gradient(ellipse at center, var(--px-felt-2) 0%, var(--px-felt-1) 50%, var(--px-felt-3) 100%);min-height:100dvh;font-family:var(--px-font);color:var(--px-paper);-webkit-font-smoothing:none;image-rendering:pixelated;image-rendering:crisp-edges;flex-direction:column;align-items:center;gap:18px;padding:24px 16px 48px;display:flex;position:relative}.ranking-page:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000f 3px 4px);position:absolute;inset:0}.ranking-page__nav,.ranking-page__content{z-index:1;width:100%;max-width:720px;position:relative}.ranking-page__nav{justify-content:flex-start;display:flex}.ranking-page__back{font-family:var(--px-tiny);letter-spacing:.12em;text-transform:uppercase;color:var(--px-paper);text-shadow:2px 2px #000;background:var(--px-panel);box-shadow:inset 0 0 0 2px var(--px-bevel-hi), inset 0 -2px 0 var(--px-bevel-lo);border:3px solid #000;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:inline-flex}.ranking-page__back:hover{background:var(--px-violet-d);color:#fff}.ranking-page__back:focus-visible{outline:2px solid var(--px-gold);outline-offset:2px}.ranking-page__content{flex-direction:column;align-items:center;gap:16px;display:flex}.ranking-page__footnote{max-width:560px;font-family:var(--px-tiny);letter-spacing:.04em;text-align:center;color:var(--px-paper-sh);text-shadow:2px 2px #000;margin:0;font-size:12px;line-height:1.5}