.board-3d,.board-track{display:none}@media screen{.hero3d-ok [data-board3d] .board-3d{display:block;position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:0}.hero3d-ok [data-board3d].is-3d-ready .board-3d{opacity:1;animation:board3d-in .9s var(--ease-out) backwards}@keyframes board3d-in{0%{opacity:0}}.hero3d-ok [data-board3d]{position:relative;padding:0}.hero3d-ok [data-board3d] .board-track{display:block;position:relative;height:calc(var(--n, 0) * 38vh + 100vh);height:calc(var(--n, 0) * 38svh + 100svh);pointer-events:none}.hero3d-ok [data-board3d] .section-head,.hero3d-ok [data-board3d] .leaderboard-controls:not(:focus-within),.hero3d-ok [data-board3d] .pagination:not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hero3d-ok [data-board3d] .leaderboard-scroll,.hero3d-ok [data-board3d] .table-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;background:none;box-shadow:none;color:transparent}.hero3d-ok [data-board3d] .leaderboard-shell{max-width:none;padding-inline:0}.hero3d-ok [data-board3d] .leaderboard-controls:not(:focus-within) .period-tab.is-active{view-transition-name:none}.hero3d-ok [data-board3d] .leaderboard-controls:focus-within,.hero3d-ok [data-board3d] .pagination:focus-within{position:fixed;z-index:calc(var(--z-cookie, 110) + 1);left:16px;bottom:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 14px;width:fit-content;max-width:min(640px,calc(100vw - 32px));margin:0;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--r-group);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:var(--glass-rim),0 18px 48px -16px #0000008c}.hero3d-ok [data-board3d] .leaderboard-controls:focus-within{display:grid;justify-items:start;gap:10px}.hero3d-ok [data-board3d] .leaderboard-controls .join-note{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero3d-ok [data-board3d] .leaderboard-controls .join-row{flex:none}.hero3d-ok [data-board3d] :is(.leaderboard-scroll,.table-note) a:focus-visible{position:fixed;z-index:calc(var(--z-cookie, 110) + 1);left:16px;bottom:16px;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px));padding:8px 16px 8px 10px;border:1px solid var(--border-strong);border-radius:var(--r-control);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:var(--glass-rim),0 18px 48px -16px #0000008c;color:var(--text);white-space:normal;outline:2px solid var(--focus-ring);outline-offset:2px}.hero3d-ok [data-board3d] .leaderboard-category{counter-reset:floor}.hero3d-ok [data-board3d] .leaderboard-category .period-tab:before{counter-increment:floor;content:counter(floor) / "";display:inline-grid;place-items:center;width:1.45em;height:1.45em;margin-right:.55em;border-radius:50%;font:600 .72em/1 var(--mono);letter-spacing:0;color:color-mix(in srgb,var(--text) 78%,#c9a45c);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,#e6c37b 38%,transparent),color-mix(in srgb,#7a5a22 30%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,#e6c37b 46%,transparent)}.hero3d-ok [data-board3d] .leaderboard-category .period-tab.is-active:before{color:#fff;background:radial-gradient(circle at 35% 30%,#f3d68f,#b88a2e);box-shadow:0 0 10px color-mix(in srgb,#f3d68f 70%,transparent)}@media(prefers-reduced-motion:no-preference){.hero3d-ok [data-board3d] .leaderboard-controls:focus-within,.hero3d-ok [data-board3d] .pagination:focus-within,.hero3d-ok [data-board3d] :is(.leaderboard-scroll,.table-note) a:focus-visible{animation:board3d-bar-in .18s var(--ease-out) backwards}}@keyframes board3d-bar-in{0%{opacity:0;translate:0 8px}}.hero3d-ok [data-board3d] .leaderboard-empty{position:fixed;inset:0;z-index:30;width:min(540px,calc(100% - 32px));height:fit-content;max-height:calc(100vh - 168px);max-height:calc(100svh - 168px);margin:auto;overflow:auto;background:color-mix(in srgb,var(--surface-solid) 90%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}html.hero3d-ok:has([data-board3d].is-3d-ready) .site-footer{position:relative;z-index:2;background:var(--bg)}html.hero3d-ok:has([data-board3d].is-3d-ready) .site-footer:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:140px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--bg))}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.hero3d-ok [data-board3d] .leaderboard-controls:focus-within,.hero3d-ok [data-board3d] .pagination:focus-within,.hero3d-ok [data-board3d] :is(.leaderboard-scroll,.table-note) a:focus-visible,.hero3d-ok [data-board3d] .leaderboard-empty{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(forced-colors:active){.hero3d-ok [data-board3d] .leaderboard-controls:focus-within,.hero3d-ok [data-board3d] .pagination:focus-within,.hero3d-ok [data-board3d] :is(.leaderboard-scroll,.table-note) a:focus-visible,.hero3d-ok [data-board3d] .leaderboard-empty{border:1px solid CanvasText;background:Canvas}}.board-pick body{cursor:pointer}@media(max-width:759.98px){.hero3d-ok [data-board3d] .leaderboard-controls:focus-within,.hero3d-ok [data-board3d] .pagination:focus-within,.hero3d-ok [data-board3d] :is(.leaderboard-scroll,.table-note) a:focus-visible{left:12px;right:12px;max-width:none;bottom:calc(var(--tabbar-bottom, 12px) + var(--tabbar-h, 64px) + env(safe-area-inset-bottom) + 36px)}.hero3d-ok [data-board3d] .leaderboard-empty{max-height:calc(100svh - 240px)}}}
