.composer-game{grid-column:1/-1;border:1px solid var(--c-line);border-radius:14px;background:color-mix(in srgb,var(--c-raised) 70%,transparent);overflow:hidden}.composer-game>summary{padding:12px 15px;display:flex;align-items:center;gap:9px;cursor:pointer;color:var(--c-ink);font-weight:700;font-size:13px;list-style:none}.composer-game>summary:before{content:"✦";color:var(--c-accent)}.composer-game[open]>summary{border-bottom:1px solid var(--c-line)}.game-create-fields{padding:16px;display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.game-create-fields>label,.game-options-fields>label{display:grid;gap:7px;color:var(--c-muted);font-size:12px;font-weight:650}.game-create-fields input,.game-create-fields select,.game-create-fields textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--c-line);border-radius:11px;background:var(--c-bg,#0d0f10);color:var(--c-ink);font:inherit;font-size:13px}.game-options-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-bracket-field{grid-column:1/-1;display:grid;gap:8px;color:var(--c-muted);font-size:12px}.game-bracket-field span,.game-create-hint{color:var(--c-muted);font-size:11px;line-height:1.6}.game-bracket-field textarea{resize:vertical}.game-create-hint{grid-column:1/-1;margin:0}.community-game-card{margin:17px 0 7px;padding:17px;border:1px solid color-mix(in srgb,var(--c-accent) 20%,var(--c-line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-accent) 5%,var(--c-surface)),var(--c-surface) 60%);overflow:hidden}.community-game-card>header{margin-bottom:14px}.community-game-kicker{font-size:10px;letter-spacing:1.25px;font-weight:800;color:var(--c-accent)}.community-game-card h2{font-size:17px;line-height:1.35;margin:5px 0 0}.community-game-card header p,.game-login-note{margin:5px 0 0;color:var(--c-muted);font-size:12px}.community-game-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.community-game-options form{min-width:0}.community-game-option{width:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--c-line);border-radius:13px;background:var(--c-raised);color:var(--c-ink);cursor:pointer;font:inherit;transition:border-color .18s,transform .18s,background .18s}.community-game-option:not(:disabled):hover{border-color:var(--c-accent);transform:translateY(-2px)}.community-game-option.is-selected{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 9%,var(--c-raised))}.community-game-option img{width:100%;max-height:150px;object-fit:cover;border-radius:8px}.community-game-option>strong{text-align:center;font-size:14px}.community-game-option>small{color:var(--c-muted);font-size:11px}.community-game-option:disabled{cursor:default;opacity:1}.game-vote-result{width:100%;height:5px;background:var(--c-line);border-radius:8px;overflow:hidden}.game-vote-result i{display:block;height:100%;background:var(--c-accent);border-radius:inherit;transition:width .35s}.game-login-note a{color:var(--c-accent)}.community-bracket{display:grid;gap:12px}.community-bracket>[data-bracket-start]{justify-self:start}.bracket-match{padding:14px;border:1px solid var(--c-line);border-radius:13px;background:var(--c-raised)}.bracket-match>[data-bracket-round]{display:block;margin-bottom:10px;color:var(--c-muted);font-size:11px;font-weight:700}.bracket-match>[data-bracket-pair]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bracket-candidate{min-width:0;min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-surface);color:var(--c-ink);font:inherit;cursor:pointer}.bracket-candidate:hover,.bracket-candidate.is-selected{border-color:var(--c-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-accent) 12%,transparent)}.bracket-candidate img{width:100%;height:90px;object-fit:cover;border-radius:8px}.bracket-match>[data-bracket-next]{margin-top:12px;padding:9px 13px;border:1px solid var(--c-line);border-radius:10px;background:var(--c-surface);color:var(--c-ink);font:inherit;font-weight:700;cursor:pointer}.bracket-match>[data-bracket-next]:disabled{opacity:.5;cursor:not-allowed}.bracket-complete{padding:13px;border-radius:12px;background:var(--c-raised)}.bracket-complete p{color:var(--c-muted);font-size:12px}.bracket-complete button{border:0;background:none;color:var(--c-accent);font:inherit;font-weight:700;cursor:pointer}.bracket-results{border-top:1px solid var(--c-line);padding-top:10px}.bracket-results summary{cursor:pointer;color:var(--c-muted);font-size:12px}.bracket-results ol{padding-left:23px}.bracket-results li{padding:5px 0;color:var(--c-ink);font-size:12px}.bracket-results li strong{float:right;color:var(--c-accent)}
@media(max-width:560px){.game-create-fields{grid-template-columns:1fr;padding:13px}.game-options-fields{grid-column:auto;grid-template-columns:1fr}.game-bracket-field,.game-create-hint{grid-column:auto}.community-game-card{padding:13px}.community-game-option{min-height:70px;padding:9px}.community-game-option img{max-height:105px}.bracket-candidate img{height:70px}}
@media(prefers-reduced-motion:reduce){.community-game-option,.game-vote-result i{transition:none}}
.composer-game [hidden],.game-create-fields [hidden],[data-bracket-match][hidden],[data-bracket-submit][hidden],[data-bracket-start][hidden]{display:none!important}