@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/fredoka-latin-500-normal.B0JifZgm.woff2)format("woff2"),url(/_astro/fredoka-latin-500-normal.BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/fredoka-latin-600-normal.C4zohCW5.woff2)format("woff2"),url(/_astro/fredoka-latin-600-normal.CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/fredoka-latin-700-normal.BOIZVyIN.woff2)format("woff2"),url(/_astro/fredoka-latin-700-normal.C8FeHd3X.woff)format("woff")}:root{--bg:#141029;--panel:#231c47;--stroke:#3b3175;--text:#fff;--muted:#b9b2e0;--primary:#ffd23f;--on-primary:#1b1433;--good:#3ddc84;--accent:#4cc9f0;--radius:18px;--font:"Fredoka", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-weight:500}body{flex-direction:column;min-height:100vh;display:flex}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1160px,100% - 32px);margin-inline:auto}header.site{padding:20px 0}header.site .wrap{justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{color:var(--primary);letter-spacing:.5px;font-size:28px;font-weight:700;text-decoration:none}nav a{color:var(--muted);margin-left:20px;font-weight:600;text-decoration:none}nav a:hover,nav a[aria-current=page]{color:var(--text)}main{flex:1}footer.site{color:var(--muted);padding:40px 0;font-size:14px}h1{margin:24px 0 12px;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.05}h2{margin:40px 0 12px;font-size:28px;font-weight:700}p.lead{color:var(--muted);max-width:60ch;margin:0 0 32px;font-size:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;display:grid}.grid>*{min-width:0}.card{background:var(--panel);border:2px solid var(--stroke);border-radius:var(--radius);text-decoration:none;transition:transform .15s,border-color .15s;display:block;overflow:hidden}.card:hover,.card:focus-visible{border-color:var(--primary);transform:translateY(-4px)}.card img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto}.card .body{padding:16px 18px 20px}.card h3{margin:0 0 6px;font-size:24px}.card p{color:var(--muted);margin:0;font-size:16px;line-height:1.4}.badge{background:var(--good);color:var(--on-primary);border-radius:999px;margin-right:6px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.tags .badge{color:var(--on-primary)}.tags{margin-top:10px}.tags span{color:var(--muted);margin-right:10px;font-size:13px}.btn{background:var(--primary);color:var(--on-primary);border-radius:14px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-block}.stage{flex-direction:column;height:100svh;min-height:360px;display:flex}.stage-bar{align-items:center;gap:16px;min-height:52px;padding:8px 16px;display:flex}.stage-bar .logo{white-space:nowrap;font-size:20px}.stage-bar h1{border-left:2px solid var(--stroke);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;padding-left:16px;font-size:20px;overflow:hidden}.stage-actions{gap:8px;margin-left:auto;display:flex}.ghost{font:inherit;color:var(--text);background:var(--panel);border:2px solid var(--stroke);cursor:pointer;white-space:nowrap;border-radius:12px;padding:6px 14px;font-size:15px;font-weight:600;text-decoration:none}.ghost:hover,.ghost:focus-visible{border-color:var(--primary)}.player{background:#000;flex:1;min-height:0;position:relative}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}#about{margin-top:32px;scroll-margin-top:24px}@media (width<=560px){.stage-bar{gap:10px;min-height:44px;padding:6px 10px}.stage-bar .logo,.stage-bar h1{font-size:17px}.stage-bar h1{padding-left:10px}.stage-actions a.ghost{display:none}}.cols{grid-template-columns:2fr 1fr;gap:32px;display:grid}.cols>*{min-width:0}@media (width<=860px){.cols{grid-template-columns:1fr}}ol.howto li,ul.credits li{color:var(--muted);margin:8px 0;line-height:1.5}details{background:var(--panel);border:2px solid var(--stroke);border-radius:14px;margin:10px 0;padding:14px 18px}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);margin:10px 0 0}.ad-slot{min-height:0}.ad-slot[data-enabled=true]{min-height:100px}