@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-card: #16161f;--bg-card-hover: #1c1c28;--bg-purple: #1a1040;--bg-purple-light: #241860;--accent-green: #00e676;--accent-green-dim: #00c853;--accent-green-glow: rgba(0, 230, 118, .15);--accent-purple: #7c4dff;--accent-purple-dim: #5e35b1;--text-primary: #ffffff;--text-secondary: #9e9eb0;--text-muted: #5a5a70;--border: rgba(255,255,255,.08);--border-accent: rgba(0, 230, 118, .3);--font-display: "Montserrat", sans-serif;--font-body: "Montserrat", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition: .2s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:3px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;border:none;font-family:var(--font-body);font-weight:600;font-size:14px;letter-spacing:.5px;transition:all var(--transition);cursor:pointer;white-space:nowrap}.btn-primary{background:var(--accent-green);color:#000}.btn-primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 24px var(--accent-green-glow)}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--accent-green);color:var(--accent-green)}.btn-ghost{background:#ffffff0f;color:var(--text-primary);border:1.5px solid var(--border)}.btn-ghost:hover{background:#ffffff1a}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition)}.card:hover{border-color:#ffffff24}.section-title{font-family:var(--font-display);font-size:42px;font-weight:900;letter-spacing:1px;text-transform:uppercase;text-align:center}.section-sub{color:var(--text-secondary);text-align:center;font-size:15px;margin-top:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.3px}.badge-green{background:#00e67626;color:var(--accent-green);border:1px solid rgba(0,230,118,.3)}.badge-purple{background:#7c4dff26;color:#b39ddb;border:1px solid rgba(124,77,255,.3)}.badge-gray{background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--border)}.badge-orange{background:#ff98001f;color:#ffb74d;border:1px solid rgba(255,152,0,.3)}.team-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;position:relative}.team-card:hover{border-color:#fff3;background:var(--bg-card-hover);transform:translateY(-2px)}.team-card.selected{border-color:var(--accent-green);background:#00e67614;box-shadow:0 0 0 1px var(--accent-green) inset}.team-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.team-card.selected.disabled{opacity:.8;pointer-events:none}.team-card.auto-selected{border-color:var(--accent-purple);background:#7c4dff1a;box-shadow:0 0 0 1px var(--accent-purple) inset;cursor:default;pointer-events:none}.team-card.auto-selected .team-name{color:var(--text-primary)}.team-auto-badge{position:absolute;top:4px;right:4px;font-size:9px;line-height:1;opacity:.85}.team-card.result-correct{border-color:var(--accent-green);background:#00e67614;cursor:default;pointer-events:none}.team-card.result-wrong{border-color:#ff525299;background:#ff52520f;opacity:.75;cursor:default;pointer-events:none}.team-card.result-missed{border-color:#00e67666;border-style:dashed;cursor:default;pointer-events:none}.team-result-icon{position:absolute;top:3px;right:3px;font-size:11px;line-height:1;font-weight:700;color:var(--accent-green)}.team-result-wrong{color:#ff5252}.banner-results{background:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#64b5f6}.team-logo{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(255,255,255,.4))}.team-logo-placeholder{width:36px;height:36px;background:var(--bg-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--accent-green)}.team-name{font-size:11px;font-weight:600;text-align:center;color:var(--text-secondary);line-height:1.2;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.team-card.selected .team-name{color:var(--text-primary)}.progress-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-green);border-radius:2px;transition:width .4s ease}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:12px 40px 12px 16px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--transition)}.select-wrapper select:focus{outline:none;border-color:var(--accent-green)}.select-wrapper:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-muted);pointer-events:none}.tabs{display:flex;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:4px;gap:2px}.tab{flex:1;padding:10px 16px;border-radius:calc(var(--radius-xl) - 4px);border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all var(--transition);text-align:center;white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--accent-green);color:#000}.tab.locked{opacity:.5;cursor:default}.tab.locked:hover{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) rotateY(var(--ry, 0deg))}50%{transform:translateY(-8px) rotateY(var(--ry, 0deg))}}.animate-in{animation:fadeIn .4s ease both}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.container{padding:0 16px}.section-title{font-size:28px}}