@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/orbitron-latin-500-normal-DQ2gt4P1.woff2)format("woff2"),url(/assets/orbitron-latin-500-normal-BCCupJ8c.woff)format("woff");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}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2)format("woff2"),url(/assets/orbitron-latin-700-normal-DmYOh-W9.woff)format("woff");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{--void:#05070f;--panel:#111726;--edge:#1e2740;--text:#e6ecf8;--muted:#8492b4;--faint:#5a6685;--accent:#67e8f9;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--display:"Orbitron", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--void);min-height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}body.loading main{opacity:0}header{max-width:940px;margin:0 auto;padding:40px 24px 24px}.ovan a{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);font-size:12px;text-decoration:none}.ovan a:hover{color:var(--accent)}h1{font-family:var(--display);letter-spacing:.16em;margin:10px 0 0;font-size:clamp(26px,5vw,40px);font-weight:700}.tagline{max-width:62ch;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.6}.varning{border-left:2px solid var(--edge);max-width:62ch;color:var(--faint);margin:12px 0 0;padding:9px 12px;font-size:12.5px;line-height:1.55}main{max-width:940px;margin:0 auto;padding:8px 24px 60px;transition:opacity .2s}.rad{border-bottom:1px solid var(--edge);color:inherit;grid-template-columns:40px minmax(0,1fr) 130px 62px 88px 62px 52px;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;display:grid;position:relative}.rad:not(.rubrik):before{content:"";width:var(--andel,0%);background:linear-gradient(to right, color-mix(in srgb, var(--gren) 16%, transparent), transparent);pointer-events:none;position:absolute;inset:0 auto 0 0}.rad>*{position:relative}.rad.rubrik{border-bottom-color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding-bottom:8px;font-size:10.5px}.rad:not(.rubrik):hover{background:color-mix(in srgb, var(--panel) 70%, transparent)}.rang{font-family:var(--mono);color:var(--faint);font-size:12px}.namn b{overflow-wrap:anywhere;font-size:14.5px;font-weight:600;display:block}.kalla{font-family:var(--mono);color:var(--faint);overflow-wrap:anywhere;margin-top:2px;font-size:10.5px;display:block}.gren{color:var(--gren,var(--muted));font-size:12px}.niva{font-family:var(--mono);letter-spacing:.06em;color:var(--faint);font-size:10.5px}.installs{font-family:var(--mono);text-align:right;font-size:13px}footer{max-width:940px;color:var(--faint);margin:0 auto;padding:0 24px 40px;font-size:11.5px}footer a{color:var(--muted)}#error{color:#fca5a5;font-family:var(--mono);border:1px solid #f87171;border-radius:6px;margin:20px 24px;padding:12px 14px;font-size:12px}.lagen{gap:8px;margin-top:20px;display:flex}.lagen button{border:1px solid var(--edge);background:color-mix(in srgb, var(--panel) 82%, transparent);color:var(--muted);font-family:var(--mono);letter-spacing:.05em;cursor:pointer;border-radius:6px;padding:7px 13px;font-size:11.5px;transition:border-color .15s,color .15s}.lagen button:hover{color:var(--text)}.lagen button.valt{border-color:var(--accent);color:var(--text)}.trend{font-family:var(--mono);text-align:right;color:var(--faint);font-size:11.5px}body[data-lage=trending] .trend{color:var(--accent)}@media (width<=640px){.rad{grid-template-columns:34px minmax(0,1fr) 84px}.gren,.niva,.trend,.hot{display:none}body[data-lage=trending] .rad{grid-template-columns:34px minmax(0,1fr) 56px}body[data-lage=trending] .trend,body[data-lage=hot] .hot{display:block}body[data-lage=trending] .installs,body[data-lage=hot] .installs{display:none}body[data-lage=hot] .rad{grid-template-columns:34px minmax(0,1fr) 56px}}.hot{font-family:var(--mono);text-align:right;color:var(--faint);font-size:11.5px}body[data-lage=hot] .hot{color:var(--accent)}
