*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,sans-serif;background:#0a0a0f;color:#e8e8f0;min-height:100vh}header{background:#0f0f1a;border-bottom:1px solid #1e1e3a;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,Inter,sans-serif;font-size:1.2rem;font-weight:700;color:#fff}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#5b4bff,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem}.badge-live{font-size:11px;background:#ff3b3b22;color:#ff5f5f;border:1px solid #ff3b3b44;padding:2px 10px;border-radius:20px;font-weight:600;letter-spacing:.5px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.selecao-hero{text-align:center;padding:3rem 2rem 2rem;background:linear-gradient(180deg,#0f0f1a,#0a0a0f);border-bottom:1px solid #1e1e3a}.selecao-hero h1{font-family:Space Grotesk,Inter,sans-serif;font-size:2rem;font-weight:700;background:linear-gradient(90deg,#a78bfa,#818cf8,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem}.selecao-hero p{color:#666;font-size:1rem}.selecao-form{max-width:700px;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.passo{background:#0f0f1a;border:1px solid #1e1e3a;border-radius:14px;padding:1.25rem 1.5rem;transition:opacity .3s}.passo.bloqueado{opacity:.35;pointer-events:none}.passo-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.passo-num{width:26px;height:26px;background:#5b4bff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.passo-label{font-size:.95rem;font-weight:600;color:#c8c8e0}.opcoes{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.chip{background:#1a1a2e;border:1px solid #2a2a4a;color:#a0a0c0;padding:8px 18px;border-radius:30px;font-size:.875rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.chip:hover{border-color:#5b4bff;color:#a78bfa}.chip.selecionado{background:#5b4bff22;border-color:#5b4bff;color:#a78bfa;font-weight:600}.input-data{background:#1a1a2e;border:1px solid #2a2a4a;color:#a0a0c0;padding:8px 14px;border-radius:30px;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s}.input-data:hover{border-color:#5b4bff;color:#a78bfa}.input-data::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.btn-ver{background:linear-gradient(135deg,#5b4bff,#a855f7);border:none;color:#fff;padding:14px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s;letter-spacing:.3px}.btn-ver:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-ver:not(:disabled):hover{opacity:.85;transform:translateY(-1px)}.replays-header{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#0f0f1a;border-bottom:1px solid #1e1e3a;flex-wrap:wrap}.btn-voltar{background:transparent;border:1px solid #2a2a4a;color:#888;padding:7px 14px;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-voltar:hover{border-color:#5b4bff;color:#a78bfa}.replays-info{font-size:.9rem;color:#666}.replays-info strong{color:#a78bfa}.container{padding:2rem;max-width:1200px;margin:0 auto}#loading{text-align:center;padding:4rem;color:#444}.spinner{width:36px;height:36px;border:3px solid #1e1e3a;border-top-color:#5b4bff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}#empty{text-align:center;padding:4rem;color:#444}.empty-icon{font-size:2.5rem;opacity:.2;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.card{background:#0f0f1a;border:1px solid #1e1e3a;border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);border-color:#5b4bff66;box-shadow:0 8px 32px #5b4bff22}.card-thumb{width:100%;height:160px;background:#13132a;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-thumb video{width:100%;height:100%;object-fit:cover;opacity:.6;pointer-events:none}.card-thumb-placeholder svg{width:40px;height:40px;opacity:.25}.play-btn{position:absolute;width:48px;height:48px;background:#5b4bffcc;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.card:hover .play-btn{transform:scale(1.1);background:#5b4bff}.play-triangle{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:16px solid #fff;margin-left:3px}.card-badge{position:absolute;top:10px;left:10px;background:#0009;color:#d0d0e8;font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.3px}.card-body{padding:.9rem 1.1rem}.card-title{font-size:.9rem;font-weight:600;color:#d0d0e8;margin-bottom:.3rem}.card-meta{font-size:.78rem;color:#555;display:flex;gap:.75rem}.live-toast{position:fixed;top:78px;left:50%;transform:translate(-50%) translateY(-14px);background:#0f0f1a;border:1px solid #2dd4bf55;color:#5eead4;padding:10px 20px;border-radius:30px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:200;box-shadow:0 8px 24px #0006}.live-toast.visivel{opacity:1;transform:translate(-50%) translateY(0)}.live-toast-dot{width:8px;height:8px;background:#2dd4bf;border-radius:50%;animation:pulse 1.4s infinite;flex-shrink:0}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:1000;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:18px;width:100%;max-width:780px;overflow:hidden;animation:fadeUp .25s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #1e1e3a}.modal-header h2{font-size:1rem;font-weight:600;color:#d0d0e8}.btn-close{background:#1e1e3a;border:none;color:#888;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-close:hover{background:#2a2a4a;color:#fff}.modal video{width:100%;display:block;background:#000;max-height:440px}.modal-footer{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.modal-info{font-size:.82rem;color:#555}.modal-info strong{color:#888}.btn-download{background:#5b4bff;border:none;color:#fff;padding:8px 18px;border-radius:8px;font-size:.875rem;cursor:pointer;font-weight:600;transition:background .2s;text-decoration:none;display:inline-block}.btn-download:hover{background:#7c6bff}@media (max-width: 600px){.selecao-hero h1{font-size:1.5rem}.selecao-form{padding:1.5rem 1rem 2rem}header{padding:0 1rem}.container{padding:1rem}}