@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0b0d;--bg-2:#121316;--ink:#f2f2f0;--ink-2:#a3acbd;--ink-3:#5f6a7d;--green:#39ff14;--red:#ff3b30;--line:#ffffff14;--font:"Space Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.bg{z-index:0;background:var(--bg);--frame-x:50vw;--frame-y:50vh;--frame:100vmin;position:fixed;inset:0}.bg:after{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:calc(var(--frame) * 48 / 1024) calc(var(--frame) * 48 / 1024);background-position:var(--frame-x) var(--frame-y);-webkit-mask-image:radial-gradient(circle at calc(var(--frame-x) + var(--frame) / 2) calc(var(--frame-y) + var(--frame) / 2), black calc(var(--frame) * .2), transparent calc(var(--frame) * .45));mask-image:radial-gradient(circle at calc(var(--frame-x) + var(--frame) / 2) calc(var(--frame-y) + var(--frame) / 2), black calc(var(--frame) * .2), transparent calc(var(--frame) * .45));-webkit-mask-image:radial-gradient(circle at calc(var(--frame-x) + var(--frame) / 2) calc(var(--frame-y) + var(--frame) / 2), black calc(var(--frame) * .2), transparent calc(var(--frame) * .45));position:absolute;inset:0}.splash{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,2vh,24px);min-height:100%;padding:clamp(20px,4vw,40px);display:flex;position:relative}.mark-stack{aspect-ratio:1;cursor:pointer;outline:none;width:min(560px,90vw);margin:-6vh 0 -4vh;display:block;position:relative}.mark-stack:focus-visible{outline:2px solid var(--green);outline-offset:12px;border-radius:8px}.mark-static,.mark{width:100%;height:100%;display:block;position:absolute;inset:0}.mark .seg{opacity:0}.mark[data-digit="3"] .on-3,.mark[data-digit="2"] .on-2,.mark[data-digit="1"] .on-1{opacity:1}.mark .lap{animation:7s linear -2800ms infinite lap-idle;transform:translate(-720px)}.mark .lap.lap--count{animation:.3s linear both lap-count}@keyframes lap-idle{0%{transform:translate(-720px)}40%,to{transform:translate(720px)}}@keyframes lap-count{0%{transform:translate(-720px)}to{transform:translate(720px)}}.mark .cell,.mark .led{fill:var(--green)}.mark[data-state=count][data-digit="3"] .cell,.mark[data-state=count][data-digit="3"] .led{animation:.6s linear both cell-3}.mark[data-state=count][data-digit="2"] .cell,.mark[data-state=count][data-digit="2"] .led{animation:.6s linear both cell-2}.mark[data-state=count][data-digit="1"] .cell,.mark[data-state=count][data-digit="1"] .led{animation:.6s linear both cell-1}@keyframes cell-3{0%{fill:#39ff14}20%{fill:#b8f51a}40%{fill:#f5d90a}60%{fill:#f47718}80%{fill:#ff3b30}to{fill:#8e1b12}}@keyframes cell-2{0%{fill:#39ff14}20%{fill:#b8f51a}40%{fill:#f5d90a}60%{fill:#f47718}80%{fill:#ff3b30}to{fill:#8e1b12}}@keyframes cell-1{0%{fill:#39ff14}20%{fill:#b8f51a}40%{fill:#f5d90a}60%{fill:#f47718}80%{fill:#ff3b30}to{fill:#8e1b12}}@media (prefers-reduced-motion:reduce){.mark .lap,.mark .lap.lap--count{visibility:hidden;animation:none}}.mark--caption .interior{display:none}.hint{letter-spacing:.08em;color:var(--ink-2);opacity:.7;text-align:center;margin:18px 0 0;font-size:12px}.hint[hidden]{display:none}.board{width:var(--frame,min(420px, 82vw));top:calc(env(safe-area-inset-top,0px) + 9vh);z-index:2;margin:0;position:absolute;left:50%;transform:translate(-50%)}.board-list{font-variant-numeric:tabular-nums;transform-origin:50% 0;-webkit-mask-composite:source-in;margin:0;padding:0;list-style:none;position:relative;transform:perspective(700px)rotateX(-22deg);-webkit-mask-image:linear-gradient(#000 0 80%,#0000 100%),radial-gradient(circle,#000 1.1px,#0000 1.25px);mask-image:linear-gradient(#000 0 80%,#0000 100%),radial-gradient(circle,#000 1.1px,#0000 1.25px);-webkit-mask-size:100% 100%,3px 3px;mask-size:100% 100%,3px 3px;-webkit-mask-composite:source-in;mask-composite:intersect}.place{letter-spacing:.06em;height:30px;font-size:.92rem;font-weight:600;position:relative}.place>span{white-space:nowrap;position:absolute;top:50%;transform:translate(-50%,-50%)}.place .rank{left:32%}.place .name{text-overflow:ellipsis;max-width:28%;left:50%;overflow:hidden}.place .xp{line-height:0;left:68%}.place .xp .seg{display:block}.place .rank{color:var(--ink-3);font-size:.8rem}.place-1{color:#39ff14;text-shadow:0 0 14px #39ff1459}.place-2{color:#f5d90a}.place-3{color:#f47718}.place-4{color:#ff3b30}.place-1 .rank,.place-2 .rank,.place-3 .rank,.place-4 .rank{color:inherit;opacity:.55}