:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--bg-elevated:#fff;--fg:#1a1a1a;--fg-muted:#5a5a5a;--border:#0000001f;--accent:#2a6df4;--accent-fg:#fff;--danger:#b00020;--highlight:#2a6df42e;--win-highlight:#22c55e52}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e0e10;--bg-elevated:#1a1a1c;--fg:#ececec;--fg-muted:#a0a0a0;--border:#ffffff24;--highlight:#639eff3d;--win-highlight:#4ade805c}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;line-height:1.2}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font:inherit}.container{max-width:960px;margin:0 auto;padding:1.5rem}.stack{flex-direction:column;gap:1rem;display:flex}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.button-primary{background:var(--accent);color:var(--accent-fg);border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:500}.button-primary:hover:not(:disabled){filter:brightness(1.08)}.button-ghost{color:var(--fg);border:1px solid var(--border);background:0 0;border-radius:8px;padding:.55rem 1rem}.button-ghost:hover:not(:disabled){background:var(--highlight)}.input,.select{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--fg);border-radius:8px;padding:.6rem .8rem}.input:focus,.select:focus{outline:2px solid var(--accent);outline-offset:1px}.label{color:var(--fg-muted);margin-bottom:.35rem;font-size:.9rem;display:block}.error{color:var(--danger)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.game-card{border:1px solid var(--border);background:var(--bg-elevated);color:inherit;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:transform .1s,box-shadow .1s;display:flex}.game-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.game-card__title{font-size:1.1rem;font-weight:600}.game-card__desc{color:var(--fg-muted);font-size:.92rem}.howitworks{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.howitworks__step{flex-direction:column;gap:.35rem;display:flex}.howitworks__num{background:var(--accent);width:1.6rem;height:1.6rem;color:var(--accent-fg);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.configure-grid{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:1.5rem;display:grid}@media (max-width:720px){.configure-grid{grid-template-columns:1fr}}.radio-group{flex-wrap:wrap;gap:.5rem;display:flex}.radio-pill{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .9rem;display:inline-flex}.radio-pill input{accent-color:var(--accent)}.radio-pill--active{background:var(--highlight);border-color:var(--accent)}.match-layout{grid-template-columns:1fr;gap:1.25rem;display:grid}.match-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.match-meta__player{flex-direction:column;display:flex}.match-meta__role{color:var(--fg-muted);font-size:.8rem}.match-meta__name{font-weight:600}.match-turn{background:var(--highlight);border-radius:999px;padding:.4rem .8rem;font-size:.95rem}.match-turn--ended{background:var(--win-highlight)}.board{aspect-ratio:1;gap:6px;width:min(360px,100%);margin-inline:auto;display:grid}.board__cell{border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:600;transition:background-color .15s;display:flex}.board__cell:hover:not(:disabled):not(.board__cell--filled){background:var(--highlight)}.board__cell:disabled,.board__cell--filled{cursor:default}.board__cell--last{box-shadow:0 0 0 3px var(--accent) inset;animation:1.4s ease-out lastMovePulse}.board__cell--winning{background:var(--win-highlight);box-shadow:inset 0 0 0 3px #22c55e}@keyframes lastMovePulse{0%{box-shadow:0 0 0 3px var(--accent) inset, 0 0 0 8px var(--highlight)}to{box-shadow:0 0 0 3px var(--accent) inset, 0 0 0 0 transparent}}.share-link{align-items:center;gap:.5rem;display:flex}.share-link__url{border:1px solid var(--border);background:var(--bg-elevated);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:1;padding:.45rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;overflow:hidden}.rules-panel{color:var(--fg-muted);font-size:.95rem;line-height:1.55}.banner{background:var(--highlight);border-radius:8px;padding:.75rem 1rem}.banner--win{background:var(--win-highlight)}.banner--error{color:var(--danger);background:#b000201f}