.nav-user{color:#b5b5b8;border:1px solid var(--line-strong);text-overflow:ellipsis;white-space:nowrap;background:#ffffff08;border-radius:10px;align-items:center;max-width:150px;padding:9px 13px;font-size:12px;font-weight:600;transition:color .15s,background .15s;display:inline-flex;overflow:hidden}.nav-user:hover{color:#fff;background:#ffffff12}.nav-actions{align-items:center;gap:8px;display:flex}.match-wrap{flex-direction:column;gap:8px;display:flex}.match-wrap>.match-card{flex:1}.predict-bar{border:1px solid var(--line);background:#ffffff05;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.predict-bar>span{color:#66666b;letter-spacing:.08em;text-transform:uppercase;margin-right:2px;font-size:10px;font-weight:700}.predict-btn{color:#9a9a9f;border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;background:#ffffff06;border-radius:999px;min-width:0;max-width:100%;padding:6px 11px;font-size:11px;font-weight:600;transition:color .15s,background .15s;overflow:hidden}.predict-btn:hover{color:#fff;background:#ffffff12}.predict-btn.on{color:#0a0a0a;background:#efefef;border-color:#0000}.community-panel{flex-direction:column;gap:14px;display:flex}.panel-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.community-card{gap:12px;min-height:0}.card-title{color:#ececee;letter-spacing:-.02em;font-size:15px;font-weight:600;line-height:1.4}.card-sub{color:#77777c;font-size:12px}.card-body{color:#9a9a9f;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.65}.card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.card-actions .hub-button{padding:8px 13px;font-size:12px}.hub-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-card{border:1px solid var(--line);background:var(--card-bg);border-radius:15px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:16px;display:grid}.hub-input{color:#eee;border:1px solid var(--line-strong);background:#ffffff08;border-radius:10px;outline:0;width:100%;min-width:0;padding:11px 13px;font-size:13px;transition:border-color .15s,background .15s}.hub-input:focus{background:#ffffff0d;border-color:#ffffff40}.hub-input::placeholder{color:#55555a}select.hub-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hub-input.wide{resize:vertical;grid-column:1/-1}.form-error{color:#ff8587;margin:0;font-size:12px}.avatar-row{display:flex}.avatar{color:#a5a5aa;background:#1a1a1c;border:2px solid #0b0b0c;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:inline-grid;overflow:hidden}.avatar-row .avatar+.avatar{margin-left:-7px}.avatar img{object-fit:cover;width:100%;height:100%}.comments{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.comments p{color:#9a9a9f;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.55}.comments p b{color:#d5d5d8;font-weight:600}.comment-form{gap:8px;display:flex}.bracket{border-top:1px solid var(--line);gap:14px;padding-top:14px;display:flex;overflow-x:auto}.bracket-note{color:#77777c;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.bracket-round{flex-direction:column;flex:0 0 190px;justify-content:space-around;gap:10px;display:flex}.bracket-round>small{color:#66666b;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.bracket-match{border:1px solid var(--line);background:#ffffff05;border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:flex}.bracket-match.ready{border-color:#d6a85c59}.bracket-side{color:#77777c;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.bracket-side span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bracket-side.won{color:#fff;font-weight:600}.bracket-report{gap:6px;margin-top:4px;display:flex}.bracket-report .hub-input{padding:6px 8px;font-size:12px}.bracket-report .hub-button{padding:6px 10px;font-size:11px}.leaderboard{flex-direction:column;gap:6px;display:flex}.leader-row{border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.leader-row>b{width:22px;color:var(--accent);text-align:center;font-size:13px}.leader-name{color:#e5e5e7;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.leader-stat{color:#77777c;font-size:12px}@media (max-width:600px){.nav-user{display:none}.panel-actions{flex-direction:column;align-items:flex-start}.leader-stat{display:none}}