*,:before,:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}
:root{--color-background:#f5f1e9;--color-text:#121212;--color-surface:#fff;--color-muted:#6b7280;--color-border:#e5e7eb;--color-primary:#2563eb;--color-accent:#f59e0b}html[data-theme=dark]{--color-background:#0b0f14;--color-text:#f3f4f6;--color-surface:#111827;--color-muted:#9ca3af;--color-border:#374151;--color-primary:#60a5fa;--color-accent:#fbbf24}
@media only screen and (max-width:768px){.mobile__hide{display:none}}@media only screen and (min-width:769px){.mobile__show{display:none}}.text-muted{color:var(--color-muted)}.brand{color:var(--color-text);font-weight:700;text-decoration:none}.btn{color:var(--color-text);text-underline-offset:2px;text-decoration:underline}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:.5rem;padding:.4rem .6rem}button:disabled{opacity:.6;cursor:not-allowed}.btn-cta{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);white-space:nowrap;border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem .8rem;text-decoration:none;display:inline-flex}.btn-cta:hover{filter:brightness(1.05)}.btn-success{color:#fff;white-space:nowrap;background:#16a34a;border:1px solid #16a34a;border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem .8rem;text-decoration:none;display:inline-flex}.btn-success:hover{filter:brightness(1.05)}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);white-space:nowrap;background:0 0;border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem .6rem;text-decoration:none;display:inline-flex}.btn-ghost:hover{background:var(--color-surface)}:not(header)>.container img{object-fit:cover;border-radius:.5rem}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;box-sizing:border-box}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{font-family:var(--font-krypton),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background-color:var(--color-background);max-width:100vw;color:var(--color-text);font-size:16px;line-height:1.6;overflow-x:hidden}a:visited{color:var(--color-text)}a.btn-cta:visited,a.btn-success:visited{color:#fff}h1,h2,h3,h4,h5,h6,p{-webkit-hyphens:auto;hyphens:auto}h1,h2,h3,h4{font-weight:700;line-height:1.25}h1{margin:.5rem 0 .35rem;font-size:max(1.75rem,min(1.45rem + 1.2vw,2.5rem))}h2{margin:.85rem 0 .4rem;font-size:max(1.35rem,min(1.2rem + .6vw,1.9rem))}h3{margin:1rem 0 .4rem;font-size:max(1.1rem,min(1.05rem + .35vw,1.35rem))}h4{margin:.85rem 0 .3rem;font-size:1rem}html[data-font=neon],html[data-font=neon] body{font-family:var(--font-neon),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}html[data-font=argon],html[data-font=argon] body{font-family:var(--font-argon),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}html[data-font=radon],html[data-font=radon] body{font-family:var(--font-radon),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}html[data-font=xenon],html[data-font=xenon] body{font-family:var(--font-xenon),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}main{width:100%;overflow-x:hidden}header,main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}@media (max-width:640px){header,main{padding-top:.25rem}}main{padding-top:50px}@media (min-width:640px){main{padding-top:55px}}button.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}button.theme-toggle:hover{color:var(--color-text)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}
header{z-index:100;background:var(--color-background);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0}header .container{justify-content:flex-start;align-items:center;padding:.5rem 0;display:flex}@media (max-width:640px){header .container{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.25rem 0;display:grid}}header .brand{align-items:center;gap:8px;display:inline-flex}header .header-actions{align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}@media (max-width:640px){header .header-actions{justify-self:end}}header .font-select{max-width:120px;padding:4px 6px;font-size:.9rem}header .steam-login-btn{background:0 0;border:0;align-items:center;padding:0;line-height:0;display:inline-flex}header .steam-login-btn:hover{opacity:.95}@media (max-width:480px){header .container{gap:.5rem}header .brand span{display:none}header .leaderboard-link{padding:.3rem .5rem;font-size:.9rem}header .header-actions{gap:.25rem}header .font-select{max-width:100px;font-size:.85rem}header img[alt="Sign in through Steam"]{width:auto;height:24px}}@media (max-width:400px){header img[alt="Sign in through Steam"]{height:20px}}header .game-title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;display:block;overflow:hidden}@media (min-width:641px){header .game-title{margin-left:1rem}}
footer{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));border-top:1px solid var(--color-border);margin-top:2rem}footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:1rem 0;display:flex}.footer__nav ul{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.footer__nav a{color:var(--color-text);text-underline-offset:2px;text-decoration:underline}footer .controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}footer .controls .font-select{max-width:140px;padding:4px 6px;font-size:.9rem}.footer__icon-link{color:var(--color-text);align-items:center;display:inline-flex}.footer__icon-link:hover{opacity:.85}footer .controls .theme-toggle,footer .controls .footer__icon-link{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}footer .controls .theme-toggle:hover,footer .controls .footer__icon-link:hover{filter:brightness(1.02)}footer .controls .theme-toggle svg,footer .controls .footer__icon-link svg{width:20px;height:20px;display:block}@media (max-width:640px){footer .container{flex-direction:column;align-items:center;gap:10px}footer .controls{justify-content:center}footer .container .text-muted{text-align:center;width:100%}}
@font-face{font-family:krypton;src:url(../media/MonaspaceKryptonVar-s.p.682ed025.woff2)format("woff2");font-display:swap}@font-face{font-family:krypton Fallback;src:local(Arial);ascent-override:69.63%;descent-override:14.74%;line-gap-override:7.37%;size-adjust:135.72%}.krypton_99dd5f76-module__AM_dTW__className{font-family:krypton,krypton Fallback}.krypton_99dd5f76-module__AM_dTW__variable{--font-krypton:"krypton","krypton Fallback"}
@font-face{font-family:neon;src:url(../media/MonaspaceNeonVar-s.1e90d6be.woff2)format("woff2");font-display:swap}@font-face{font-family:neon Fallback;src:local(Arial);ascent-override:69.55%;descent-override:14.72%;line-gap-override:7.36%;size-adjust:135.87%}.neon_6b58516f-module__7RIO-q__className{font-family:neon,neon Fallback}.neon_6b58516f-module__7RIO-q__variable{--font-neon:"neon","neon Fallback"}
@font-face{font-family:argon;src:url(../media/MonaspaceArgonVar-s.d6e4b107.woff2)format("woff2");font-display:swap}@font-face{font-family:argon Fallback;src:local(Arial);ascent-override:69.55%;descent-override:14.72%;line-gap-override:7.36%;size-adjust:135.87%}.argon_a6a7e4f1-module__f2Dy5G__className{font-family:argon,argon Fallback}.argon_a6a7e4f1-module__f2Dy5G__variable{--font-argon:"argon","argon Fallback"}
@font-face{font-family:radon;src:url(../media/MonaspaceRadonVar-s.23adbb6b.woff2)format("woff2");font-display:swap}@font-face{font-family:radon Fallback;src:local(Arial);ascent-override:69.55%;descent-override:14.72%;line-gap-override:7.36%;size-adjust:135.87%}.radon_f3eaaaa1-module__9EHABW__className{font-family:radon,radon Fallback}.radon_f3eaaaa1-module__9EHABW__variable{--font-radon:"radon","radon Fallback"}
@font-face{font-family:xenon;src:url(../media/MonaspaceXenonVar-s.29c9c60c.woff2)format("woff2");font-display:swap}@font-face{font-family:xenon Fallback;src:local(Arial);ascent-override:69.55%;descent-override:14.72%;line-gap-override:7.36%;size-adjust:135.87%}.xenon_764e1a5a-module__i0fZ5q__className{font-family:xenon,xenon Fallback}.xenon_764e1a5a-module__i0fZ5q__variable{--font-xenon:"xenon","xenon Fallback"}