/* Void Arena - telas publicas de inicio, times e eventos */
.va-home-spotlight { position: relative; overflow: hidden; min-height: 260px; background: radial-gradient(circle at 12% 12%, rgba(34, 211, 238, .14), transparent 28%), linear-gradient(145deg, rgba(18, 20, 38, .92), rgba(10, 14, 35, .82)); }
.va-home-spotlight::after { content: ''; position: absolute; inset: auto -12% -42% 40%; height: 260px; background: radial-gradient(circle, rgba(139, 92, 246, .28), transparent 68%); pointer-events: none; }
.va-home-card p, .va-home-flow p, .va-events-hero p, .va-team-create-card p { color: var(--va-muted); }
.va-flow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.va-flow-grid div { padding: 14px; border: 1px solid rgba(255,255,255,.10); border-radius: 18px; background: rgba(255,255,255,.045); }
.va-flow-grid strong { width: 34px; height: 34px; border-radius: 999px; display: grid; place-items: center; margin-bottom: 10px; background: linear-gradient(135deg, rgba(139,92,246,.9), rgba(34,211,238,.46)); color: white; }
.va-flow-grid span { color: #d8d0ff; font-weight: 800; line-height: 1.45; }
.va-flow-grid.mini { margin-top: 0; }
.va-flow-grid.mini div { padding: 12px; }
.va-checklist.compact span { font-size: 12px; }
.va-form-grid .wide, .va-actions.wide { grid-column: 1 / -1; }
.va-form-grid.flat { margin-top: 0; }
.va-collapsible-form { margin-top: 16px; }
.va-team-create-card.compact { background: linear-gradient(135deg, rgba(139,92,246,.10), rgba(34,211,238,.06)); }
.va-team-create-modal { max-width: 980px; width: min(980px, calc(100vw - 28px)); max-height: calc(100vh - 36px); overflow: auto; }
.va-logo-input-wrap { display: grid; grid-template-columns: 1fr 96px; gap: 10px; align-items: stretch; }
.va-logo-paste-box { border: 1px dashed rgba(34,211,238,.55); border-radius: 14px; background: rgba(34,211,238,.10); color: var(--va-text); font-weight: 900; cursor: pointer; }
.va-logo-paste-box:focus { outline: 2px solid rgba(34,211,238,.45); }
.va-logo-paste-box small { color: var(--va-muted); }
.va-logo-preview-row { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: rgba(255,255,255,.035); }
.va-team-logo.preview { width: 58px; height: 58px; font-size: 18px; }
.va-team-logo.preview img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.va-roster-editor { border: 1px solid rgba(255,255,255,.09); border-radius: 18px; padding: 14px; background: rgba(255,255,255,.035); }
.va-section-head.mini { margin-bottom: 10px; }
.va-section-head.mini h3 { margin: 0; }
.va-section-head.mini p { margin: 4px 0 0; color: var(--va-muted); }
.va-player-editor-list { display: grid; gap: 10px; }
.va-roster-row { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; }
.va-btn.mini { padding: 10px 12px; }
.va-btn.danger { border-color: rgba(239,68,68,.35); background: rgba(239,68,68,.10); }
.va-connections-editor { border: 1px solid rgba(255,255,255,.09); border-radius: 18px; padding: 14px; background: rgba(255,255,255,.035); }
.va-connections-editor h3 { margin: 0 0 4px; }
.va-connections-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 10px 0; }
.va-connection-card { padding: 12px; border: 1px solid rgba(255,255,255,.10); border-radius: 16px; background: rgba(255,255,255,.045); display: grid; gap: 6px; }
.va-connection-card strong { font-size: 13px; }
.va-connection-card a, .va-connection-card span { color: #d8d0ff; text-decoration: none; font-weight: 800; overflow-wrap: anywhere; }
.va-team-profile-hero { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 18px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); margin-bottom: 12px; }
.va-player-row.as-button { width: 100%; cursor: pointer; text-align: left; color: inherit; background: rgba(255,255,255,.04); }
.va-profile-public-grid { display: grid; grid-template-columns: 120px 1fr; gap: 18px; align-items: start; }
.va-public-profile-card{max-width:980px;width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto;padding:0;position:relative}.va-floating-close{position:absolute;right:18px;top:18px;z-index:5}.va-public-banner{height:178px;border-radius:28px 28px 0 0;background:radial-gradient(circle at 20% 30%,rgba(34,211,238,.20),transparent 30%),radial-gradient(circle at 80% 40%,rgba(139,92,246,.24),transparent 36%),linear-gradient(135deg,#10152d,#090914);background-size:cover;background-position:center;position:relative;overflow:hidden}.va-public-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,7,17,.92))}.va-team-public-banner{display:grid;place-items:center}.va-team-public-banner img{width:150px;height:150px;object-fit:cover;opacity:.24;filter:blur(1px);border-radius:30px}.va-public-head{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:end;padding:0 26px 18px;margin-top:-52px;position:relative;z-index:2}.va-public-head h2{margin:4px 0;font-size:clamp(34px,5vw,56px)}.va-public-avatar,.va-public-team-logo{width:112px;height:112px;border-radius:28px;border:1px solid rgba(139,92,246,.45);background:#0b0d1f;display:grid;place-items:center;overflow:hidden;font-size:36px;font-weight:1000;box-shadow:0 20px 60px rgba(0,0,0,.32)}.va-public-avatar img,.va-public-team-logo img{width:100%;height:100%;object-fit:cover}.va-public-section{padding:0 26px 22px}.va-public-section h3{margin:0 0 10px}.va-social-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.va-social-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);text-decoration:none;color:#f8f7ff;min-width:0;transition:.16s ease}.va-social-card:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.075)}.va-social-card-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.10);flex:0 0 34px}.va-social-card-body{min-width:0;display:grid;gap:2px}.va-social-card-body strong{font-size:13px;line-height:1}.va-social-card-body small{color:#d8d0ff;font-weight:800;overflow-wrap:anywhere}.va-social-card-arrow{margin-left:auto;color:#a5f3fc;font-weight:1000}.va-link-button{border:0;background:transparent;color:#d8d0ff;font:inherit;font-weight:900;padding:0;cursor:pointer}.va-link-button:hover{color:#67e8f9;text-decoration:underline}
.va-event-card { padding: 18px; border: 1px solid rgba(255,255,255,.10); border-radius: 24px; background: radial-gradient(circle at 8% 12%, rgba(245, 158, 11, .10), transparent 24%), rgba(255,255,255,.045); }
.va-event-topline, .va-event-main { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.va-event-main { justify-content: flex-start; margin-top: 12px; }
.va-event-main h3 { margin: 0 0 6px; }
.va-event-main p { margin: 0; color: var(--va-muted); line-height: 1.55; }
.va-event-icon { width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; flex: 0 0 58px; background: linear-gradient(135deg, rgba(245,158,11,.25), rgba(139,92,246,.2)); border: 1px solid rgba(255,255,255,.12); font-size: 28px; }
.va-event-team-strip { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: rgba(255,255,255,.035); overflow-x: auto; }
.va-event-team-strip.empty { color: var(--va-muted); font-weight: 850; }
.va-event-team-logo { width: 54px; height: 54px; flex: 0 0 54px; border-radius: 16px; border: 1px solid rgba(139,92,246,.38); background: rgba(6,8,22,.82); display: grid; place-items: center; position: relative; overflow: hidden; box-shadow: 0 10px 26px rgba(0,0,0,.22); }
.va-event-team-logo.ok { border-color: rgba(34,197,94,.48); }
.va-event-team-logo.warn { border-color: rgba(245,158,11,.48); }
.va-event-team-logo img { width: 100%; height: 100%; object-fit: cover; }
.va-event-team-logo > span { font-weight: 1000; color: #f8f7ff; font-size: 15px; }
.va-event-team-logo small { position: absolute; left: 4px; right: 4px; bottom: 3px; padding: 2px 4px; border-radius: 8px; background: rgba(0,0,0,.58); color: #fff; font-size: 9px; font-weight: 1000; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.va-event-settings-teams { margin-top: 6px; padding: 14px; border: 1px solid rgba(255,255,255,.10); border-radius: 18px; background: rgba(255,255,255,.035); }
.va-event-manage-teams { display: grid; gap: 10px; }
.va-event-manage-empty { color: var(--va-muted); font-weight: 850; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.04); }
.va-event-manage-team { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(2,6,23,.32); }
.va-event-manage-logo { width: 48px; height: 48px; border-radius: 14px; overflow: hidden; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.35); background: #080b19; font-weight: 1000; }
.va-event-manage-logo.ok { border-color: rgba(34,197,94,.48); }
.va-event-manage-logo.warn { border-color: rgba(245,158,11,.48); }
.va-event-manage-logo img { width: 100%; height: 100%; object-fit: cover; }
.va-event-manage-team strong, .va-event-manage-team span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.va-event-manage-team span { color: var(--va-muted); font-weight: 850; font-size: 13px; margin-top: 2px; }
.va-event-progress { height: 8px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; margin-top: 14px; }
.va-event-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--va-purple), var(--va-cyan)); }
.va-icon-btn { width: 38px; height: 38px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); background: rgba(139,92,246,.12); color: var(--va-text); cursor: pointer; font-size: 17px; margin-left: auto; }
.va-icon-btn:hover { background: rgba(139,92,246,.24); }
.va-event-settings-modal { max-width: 900px; width: min(900px, calc(100vw - 28px)); max-height: calc(100vh - 36px); overflow: auto; }
.va-btn[disabled] { opacity: .55; cursor: not-allowed; filter: grayscale(.35); }
@media (max-width: 980px) { .va-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .va-roster-row { grid-template-columns: 1fr; } .va-connections-grid,.va-social-card-grid { grid-template-columns: 1fr; } .va-profile-public-grid,.va-public-head { grid-template-columns: 1fr; } .va-public-head{margin-top:-72px} }
@media (max-width: 620px) { .va-flow-grid { grid-template-columns: 1fr; } .va-event-main { align-items: flex-start; } .va-logo-input-wrap { grid-template-columns: 1fr; } .va-event-manage-team { grid-template-columns: 42px 1fr; } .va-event-manage-team .va-btn { grid-column: 1 / -1; } }