:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f3ee;--fg:#1d1b19;--muted:#6b655e;--accent:#d6402b;--card:#fff;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151312;--fg:#f1ede7;--muted:#a49c92;--card:#211e1c}}body{background:var(--bg);min-height:100vh;color:var(--fg);place-items:center;margin:0;display:grid}.card{background:var(--card);border-radius:1rem;width:min(28rem,100vw - 2rem);padding:2rem}form{gap:1rem;display:grid}label{color:var(--muted);gap:.25rem;display:grid}input{font:inherit;border:1px solid var(--muted);color:var(--fg);background:0 0;border-radius:.5rem;padding:.6rem .75rem}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:.5rem;padding:.7rem 1rem;font-weight:600}[role=alert]{color:var(--accent);margin:0}.muted{color:var(--muted)}.hub{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;width:min(64rem,100vw - 2rem);padding:2rem 0;display:grid}.hub-header{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;display:flex}.hub-header h1{margin:0 auto 0 0;line-height:0}.hub-header h1.page-title{line-height:1.2}.character{align-items:center;gap:.75rem;display:flex}.character h2{margin:0}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:3rem;height:3rem;font-size:1.4rem;font-weight:700;display:grid}img.avatar{object-fit:cover;object-position:top;background:radial-gradient(circle at 50% 35%,#2c2f45,#1b1d2a)}.avatar.small{width:1.75rem;height:1.75rem;font-size:.85rem}.avatar.large{width:8rem;height:8rem;font-size:3.5rem}.member{align-items:center;gap:.5rem;display:flex}.invited{text-align:center;justify-items:center;gap:.5rem;margin:0 0 1rem;display:grid}.invited p{margin:0}.logo-stage{--stage:#1b1d2a;background:radial-gradient(circle at 50% 40%, #2c2f45, var(--stage));color:#f1ede7;border-radius:.75rem;place-items:center;margin:0;padding:.75rem;display:grid}.logo-stage img{width:100%;max-width:24rem;height:auto;display:block}.logo-caption{letter-spacing:.2em;text-transform:uppercase;font-size:.9rem}.games .logo-stage{aspect-ratio:2;font-weight:700}.games .logo-stage img{object-fit:contain;max-height:100%}.games .coming-soon .logo-stage img{opacity:.85}.brand{width:12rem;height:auto}.card-brand{width:min(16rem,100%);height:auto;margin:0 auto 1rem;display:block}.panel{background:var(--card);border-radius:1rem;padding:1.5rem}.panel[aria-label=Games]{grid-column:1/-1}.online,.games{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.online li{justify-content:space-between;align-items:center;gap:1rem;display:flex}.games{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem}.games li{position:relative}.games a{outline-offset:2px;color:inherit;border-radius:.75rem;outline:2px solid #0000;text-decoration:none;display:block}.games a:hover,.games a:focus-visible{outline-color:var(--accent)}.games .badge{position:absolute;top:.5rem;right:.5rem}.badge{background:color-mix(in srgb, var(--muted) 20%, transparent);border-radius:999px;justify-self:start;padding:.15rem .55rem;font-size:.75rem;font-weight:700}.badge.coming-soon{color:#1d1b19;background:#ffc933;box-shadow:0 1px 4px #0006}.badge.in-development{background:var(--accent);color:#fff}.badge.available{color:#fff;background:#2b9d4f}.vote-thumb{color:#fff;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.85rem;display:flex;position:absolute;bottom:.5rem;right:.5rem}.vote-thumb[aria-pressed=true]{background:var(--accent)}.vote-thumb:disabled{cursor:default}.vote-thumb svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}button.secondary{color:var(--fg);border:1px solid var(--muted);background:0 0}.vote{gap:.5rem;margin-top:1rem;display:grid}.card.wide{width:min(48rem,100vw - 2rem)}.controls{border-collapse:collapse;width:100%;margin:1rem 0}.controls th,.controls td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--muted) 30%, transparent);padding:.35rem .5rem}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}select{font:inherit;border-radius:.5rem;padding:.5rem}a.button{background:var(--accent);color:#fff;border-radius:.5rem;margin-top:1rem;padding:.7rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.training{gap:.75rem;width:min(80rem,100vw - 2rem);padding:1rem 0;display:grid;position:relative}.training-hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.bar{gap:.25rem;display:grid}.bar progress{width:100%;height:1rem}.counters{text-align:center;font-variant-numeric:tabular-nums;display:grid}.stage{aspect-ratio:16/9;background:#1b1d2a;border-radius:.75rem;justify-self:center;width:min(100%,177.778dvh - 17.7778rem);overflow:hidden}.paused{background:color-mix(in srgb, var(--bg) 80%, transparent);text-align:center;place-content:center;gap:.75rem;font-size:1.5rem;display:grid;position:absolute;inset:0}@media (width<=40rem){.training-hud{grid-template-columns:1fr}}.account-nav{align-items:center;gap:1rem;display:flex}.characters{border:0;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.5rem;margin:0;padding:0;display:grid}.characters legend{color:var(--muted);margin-bottom:.5rem}.choice{border:1px solid color-mix(in srgb, var(--muted) 40%, transparent);color:var(--fg);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.choice:has(input:checked){border-color:var(--accent)}.admin-panel{grid-column:1/-1}.admin-characters{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.admin-character{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.admin-character .muted{margin-right:auto}.link-result{grid-template-columns:1fr auto;align-items:end;gap:.5rem;margin-top:.5rem;display:grid}.link-result p{grid-column:1/-1;margin:0}