.host-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin:1rem 0}.host-settings,.host-public form{margin:1.5rem 0}.host-settings label,[data-host-entry] label,[data-host-result] label,[data-host-grant] label{display:block;margin:.8rem 0}.host-settings input:not([type=checkbox]),.host-settings textarea,.host-settings select,[data-host-entry] input,[data-host-entry] textarea,[data-host-result] input,[data-host-grant] select{display:block;width:100%;max-width:100%;padding:.7rem;background:#101014;color:#f2f2f2;border:1px solid #666}.host-cover{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.host-logo{width:100px;height:100px;object-fit:contain}.host-bracket{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0}.host-bracket>section{min-width:270px;max-width:340px;flex:1}.host-bracket article{margin:1rem 0}[data-host-result] button{margin-top:.5rem}[data-feedback]{overflow-wrap:anywhere}
.host-brand-editor{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:8px}.host-brand-editor small{display:block;color:var(--muted);margin-top:6px}.host-brand-editor img{max-height:220px;object-fit:contain}.host-brand-editor [hidden],[data-host-link][hidden]{display:none!important}

.host-event-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start}.host-event-grid .host-cover{aspect-ratio:16/9;object-fit:contain;background:#08080a}.host-event-grid>article{min-width:0}.host-public>.host-cover{height:auto;max-height:none}
.host-visual-bracket{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:18px 0;background:#0d0f14}.host-bracket-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;background:#161922;border-bottom:1px solid #323743}.host-bracket-toolbar strong{display:block;color:#eff4f8}.host-bracket-toolbar span{display:block;font-size:.8rem;color:#aab4c2;margin-top:5px}.host-bracket-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.host-bracket-tools button{padding:7px 11px;border:1px solid #4b5362;border-radius:6px;background:#202631;color:#eef4f7;cursor:pointer;font:inherit;font-size:.8rem}.host-bracket-tools button:hover{background:#323d4c}.host-bracket-tools button:disabled{opacity:.45;cursor:default}.host-bracket-tools output{min-width:44px;text-align:center;color:#c1ccda;font-size:.8rem}.host-bracket-hint{padding:10px 18px;margin:0;font-size:.8rem;color:#aab4c2}.host-bracket-viewport{height:540px;max-height:70vh;overflow:auto;background-color:#0b0d12;background-image:radial-gradient(#292e3a 1px,transparent 1px);background-size:20px 20px;cursor:grab;overscroll-behavior:contain}.host-bracket-viewport.is-dragging{cursor:grabbing}.host-bracket-svg{display:block;max-width:none;user-select:none;overflow:visible}.host-round-label{fill:#c3ccd9;font-size:14px;font-weight:700;letter-spacing:.03em}.host-bracket-connector{fill:none;stroke:#515c6c;stroke-width:2}.host-match-card{fill:#171c25;stroke:#4a5465;stroke-width:1.5}.host-match-node{cursor:pointer;outline:none}.host-match-node:hover .host-match-card,.host-match-node:focus .host-match-card{stroke:#a5f4e9;stroke-width:2.5;fill:#202b35}.host-match-ready .host-match-card{stroke:#64caba}.host-match-completed .host-match-card{stroke:#688591}.host-match-bye .host-match-card{stroke:#3f4755;fill:#131820}.host-match-caption{fill:#9eaabc;font-size:10px;font-weight:600;letter-spacing:.04em}.host-match-name{fill:#e6edf5;font-size:13px}.host-match-score{fill:#dce7f3;font-size:14px;font-weight:700}.host-match-winner{fill:#8af0d1;font-weight:700}.host-match-divider{stroke:#333d4c;stroke-width:1}.host-match-dialog{position:fixed;width:min(520px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:30px;border:1px solid #607080;border-radius:12px;background:#151a23;color:#eef4f8;box-shadow:0 20px 90px #0009}.host-match-dialog::backdrop{background:#000b}.host-dialog-close{position:absolute;top:9px;right:12px;font-size:24px;background:transparent;border:0;color:#c6d4df;cursor:pointer}.host-match-dialog h2{margin-top:10px}.host-match-dialog label{display:block;margin:16px 0}.host-match-dialog input{display:block;width:100%;padding:11px;background:#090d13;border:1px solid #617081;border-radius:5px;color:#fff;font:inherit}.host-match-dialog p{line-height:1.6}.host-match-dialog form p{font-size:.85rem;color:#b5c2ce}.host-winner-note{color:#8af0d1}.host-match-dialog [data-feedback]{color:#ffce9d}@media(max-width:600px){.host-bracket-viewport{height:420px}.host-bracket-toolbar{padding:12px}.host-bracket-tools{gap:5px}.host-match-dialog{padding:24px}.host-bracket-tools button{min-height:36px}}

.host-details-panel{border:1px solid var(--line);border-radius:8px;padding:16px;margin:20px 0}.host-details-panel>summary{cursor:pointer;font-weight:700;color:#dbe7ef}
