*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-alt: #242836;--color-primary: #6c63ff;--color-primary-hover: #5a52e0;--color-text: #f0f0f5;--color-text-muted: #8b8fa3;--color-border: #2d3144;--nav-height: 64px;--radius: 14px;font-family:Inter,system-ui,-apple-system,sans-serif}html,body,#root{height:100%;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto}.page-content{flex:1;overflow-y:auto;padding:24px 20px calc(var(--nav-height) + 24px)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);display:flex;justify-content:space-around;align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--color-text-muted);font-size:.65rem;font-weight:500;transition:color .2s}.nav-tab.active{color:var(--color-primary)}.page{animation:fadeUp .25s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:28px}.page-header h1{font-size:1.6rem;font-weight:800}.page-header .subtitle{color:var(--color-text-muted);margin-top:4px;font-size:.9rem}.section{margin-top:32px}.section h2{font-size:1.05rem;font-weight:700;margin-bottom:12px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;color:var(--color-text-muted);text-align:center}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.action-card:hover{background:var(--color-surface-alt)}.action-card.primary{background:var(--color-primary);border-color:var(--color-primary)}.action-card.primary:hover{background:var(--color-primary-hover)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;max-width:380px;margin:0 auto;padding:24px;text-align:center;animation:fadeUp .35s ease}.login-hero{margin-bottom:48px}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:24px;background:var(--color-primary);color:#fff;margin-bottom:20px}.login-hero h1{font-size:2.2rem;font-weight:800;letter-spacing:-.5px}.tagline{color:var(--color-text-muted);margin-top:6px;font-size:1rem}.login-form{width:100%;display:flex;flex-direction:column;gap:14px}.login-form label{text-align:left;font-weight:600;font-size:.85rem}.login-form input{width:100%;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:1rem;outline:none;transition:border-color .2s}.login-form input:focus{border-color:var(--color-primary)}.login-form button{padding:14px;border:none;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.login-form button:hover:not(:disabled){background:var(--color-primary-hover)}.login-form button:disabled{opacity:.45;cursor:not-allowed}.login-error{color:#ef4444;font-size:.85rem;margin:0}.login-toggle{text-align:center;font-size:.85rem;color:var(--color-text-muted, #888);margin-top:4px}.link-btn{background:none;border:none;color:var(--color-primary, #6366f1);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.countdown-section{text-align:center}.countdown{display:flex;justify-content:center;gap:12px;margin:16px 0}.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:12px 8px;background:var(--color-surface, #1e1e2e);border-radius:12px}.countdown-value{font-size:1.8rem;font-weight:700;line-height:1;color:var(--color-primary, #6366f1)}.countdown-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;color:var(--color-text-muted, #888)}.countdown-date{font-size:.85rem;color:var(--color-text-muted, #888);margin-top:4px}.leaders-section{text-align:center}.leaders-label{font-size:.85rem;color:var(--color-text-muted, #888);margin-top:12px}.podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-top:16px}.podium-place{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:110px}.podium-medal{font-size:1.6rem}.podium-name{font-size:.85rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.podium-bar{width:100%;border-radius:10px 10px 0 0;transition:height .4s ease}.podium-first .podium-bar{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.podium-second .podium-bar{background:linear-gradient(180deg,#94a3b8,#64748b)}.podium-third .podium-bar{background:linear-gradient(180deg,#d97706,#b45309)}.live-banner{display:flex;flex-direction:column;gap:6px;padding:0 16px;margin-bottom:4px}.live-banner-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border:none;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:.85rem;cursor:pointer;animation:livePulse 2s ease-in-out infinite}.live-banner-go{margin-left:auto;font-weight:600;font-size:.8rem;opacity:.85}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.88}}.admin-section{margin-bottom:16px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:var(--color-surface, #1e1e2e);border:1px solid var(--color-border, #333);border-radius:12px;color:var(--color-text, #e4e4e7);cursor:pointer;transition:border-color .15s}.admin-section-header:hover{border-color:var(--color-primary, #6366f1)}.admin-section-header .section-title{margin-bottom:0}.participant-list{display:flex;flex-direction:column;gap:4px;padding:10px 14px;margin-top:6px;background:var(--color-surface, #1e1e2e);border-radius:12px}.participant-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .12s}.participant-item:hover{background:var(--color-surface-alt, #27273a)}.participant-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary, #6366f1);cursor:pointer}.live-game-list{display:flex;flex-direction:column;gap:6px}.live-game-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-surface, #1e1e2e);border-radius:12px}.live-game-name{font-size:.9rem;font-weight:600}.live-game-toggle{padding:6px 16px;border:1px solid var(--color-border, #333);border-radius:8px;background:var(--color-surface-alt, #27273a);color:var(--color-text-muted, #888);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.live-game-toggle.on{border-color:#22c55e;background:#22c55e1f;color:#22c55e}.bp-admin{display:flex;flex-direction:column;gap:20px}.bp-form{background:var(--color-surface, #1e1e2e);border-radius:14px;padding:16px}.bp-form-row{display:flex;align-items:center;gap:8px;margin-top:10px}.bp-form-row select,.bp-form-row label{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--color-border, #333);background:var(--color-surface-alt, #2a2a3e);color:inherit;font:inherit;font-size:.85rem}.bp-form-row label{display:flex;align-items:center;gap:8px;border:none;background:none;padding:0}.bp-form-row label select{flex:1}.bp-vs{font-weight:700;font-size:.85rem;color:var(--color-text-muted, #888)}.bp-add-btn{padding:8px 16px;border:none;border-radius:8px;background:var(--color-primary, #6366f1);color:#fff;font-size:.85rem;cursor:pointer;white-space:nowrap}.bp-add-btn:disabled{opacity:.4;cursor:not-allowed}.bp-bracket{display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.bp-round{min-width:200px;flex-shrink:0}.bp-round-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #888);margin-bottom:8px}.bp-matches{display:flex;flex-direction:column;gap:8px}.bp-match-card{background:var(--color-surface, #1e1e2e);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1px solid transparent}.bp-match-card.highlighted{border-color:var(--color-primary, #6366f1)}.bp-match-card.my-match{background:var(--color-surface-alt, #2a2a3e)}.bp-match-card.won{border-color:#22c55e}.bp-match-card.lost{border-color:#ef4444;opacity:.7}.bp-match-players{flex:1;display:flex;align-items:center;gap:6px;font-size:.85rem}.bp-player{flex:1;background:var(--color-surface-alt, #2a2a3e);border:1px solid var(--color-border, #333);color:inherit;padding:6px 10px;border-radius:8px;font-size:.85rem;cursor:pointer;text-align:center;transition:all .15s}.bp-player:hover{border-color:var(--color-primary, #6366f1)}.bp-player.winner{border-color:#22c55e;color:#22c55e;display:flex;align-items:center;justify-content:center;gap:4px}.bp-player-label{flex:1;font-size:.85rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.bp-player-label.winner{color:#22c55e;font-weight:600}.bp-player-label.me{color:var(--color-primary, #6366f1);font-weight:600}.bp-vs-small{font-size:.7rem;color:var(--color-text-muted, #888);font-weight:700}.bp-delete{background:none;border:none;color:var(--color-text-muted, #888);cursor:pointer;padding:4px;border-radius:6px;transition:color .15s}.bp-delete:hover{color:#ef4444}.bp-my-matches{margin-bottom:20px}.bp-match-info{flex:1;display:flex;align-items:center;gap:10px}.bp-round-badge{background:var(--color-primary, #6366f1);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px}.bp-opponent{font-size:.9rem}.bp-result{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:4px}.bp-result.win{color:#22c55e}.bp-result.loss{color:#ef4444}.bp-result.pending{color:var(--color-text-muted, #888)}.feed-composer{display:flex;gap:8px;margin-bottom:16px}.feed-composer textarea{flex:1;resize:none;padding:10px 14px;border-radius:12px;border:1px solid var(--color-border, #333);background:var(--color-surface, #1e1e2e);color:inherit;font:inherit;font-size:.95rem}.feed-composer button{align-self:flex-end;padding:10px 14px;border:none;border-radius:12px;background:var(--color-primary, #6366f1);color:#fff;cursor:pointer}.feed-composer button:disabled{opacity:.4;cursor:not-allowed}.feed-list{display:flex;flex-direction:column;gap:12px}.feed-card{background:var(--color-surface, #1e1e2e);border-radius:14px;padding:16px}.feed-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.feed-author{font-weight:600;font-size:.9rem}.feed-time{font-size:.75rem;color:var(--color-text-muted, #888)}.feed-body{font-size:.95rem;line-height:1.45;margin:0 0 10px;white-space:pre-wrap}.feed-actions{display:flex;gap:12px;border-top:1px solid var(--color-border, #333);padding-top:8px}.feed-react-btn,.feed-comment-btn{background:none;border:none;font-size:.9rem;cursor:pointer;color:var(--color-text-muted, #888);padding:4px 8px;border-radius:8px;transition:background .15s}.feed-react-btn:hover,.feed-comment-btn:hover{background:var(--color-surface-alt, #2a2a3e)}.feed-react-btn.reacted{color:var(--color-primary, #6366f1);font-weight:600}.feed-comments{margin-top:10px;padding-top:8px;border-top:1px solid var(--color-border, #333);display:flex;flex-direction:column;gap:8px}.feed-comment{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:.85rem}.feed-comment-author{font-weight:600}.feed-comment-body{flex:1}.feed-comment-time{font-size:.7rem;color:var(--color-text-muted, #888)}.feed-comment-form{display:flex;gap:6px;margin-top:4px}.feed-comment-form input{flex:1;padding:6px 10px;border-radius:8px;border:1px solid var(--color-border, #333);background:var(--color-surface-alt, #2a2a3e);color:inherit;font:inherit;font-size:.85rem}.feed-comment-form button{border:none;background:var(--color-primary, #6366f1);color:#fff;padding:6px 10px;border-radius:8px;cursor:pointer}.feed-comment-form button:disabled{opacity:.4;cursor:not-allowed}.packing-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.packing-item{background:var(--color-surface, #1e1e2e);border-radius:10px;padding:12px 16px}.packing-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:1rem}.packing-label.packed span{text-decoration:line-through;opacity:.5}.packing-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary, #6366f1);cursor:pointer}.admin-nav{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:.85rem;font-weight:500;white-space:nowrap;background:var(--color-surface, #1e1e2e);color:var(--color-text-muted, #888);text-decoration:none;transition:background .15s,color .15s}.admin-tab.active{background:var(--color-primary, #6366f1);color:#fff}.admin-content{flex:1}.section-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin-bottom:12px}.leaderboard{display:flex;flex-direction:column;gap:8px}.lb-row{display:flex;align-items:center;gap:12px;background:var(--color-surface, #1e1e2e);padding:12px 14px;border-radius:12px}.lb-rank{min-width:32px;font-size:1.1rem;text-align:center;font-weight:700}.lb-info{flex:1;display:flex;flex-direction:column;min-width:0}.lb-name{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-email{font-size:.75rem;color:var(--color-text-muted, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-points{font-weight:700;font-size:.95rem;color:var(--color-primary, #6366f1);white-space:nowrap}.lb-actions{display:flex;gap:4px}.lb-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;cursor:pointer;color:#fff}.lb-btn:disabled{opacity:.3;cursor:not-allowed}.lb-btn-plus{background:var(--color-primary, #6366f1)}.lb-btn-minus{background:#ef4444}.quiz-admin{display:flex;flex-direction:column;gap:20px}.quiz-controls{display:flex;flex-wrap:wrap;gap:8px}.quiz-ctrl-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.quiz-ctrl-btn.on{border-color:#22c55e;color:#22c55e}.quiz-ctrl-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quiz-ctrl-btn.primary:hover:not(:disabled){background:var(--color-primary-hover)}.quiz-ctrl-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.quiz-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-status{font-size:.9rem;font-weight:600;color:var(--color-primary);text-align:center;padding:8px;background:var(--color-surface);border-radius:10px}.quiz-status.error{color:#ef4444}.results-leaderboard{display:flex;flex-direction:column;gap:4px;margin-top:8px}.results-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-surface);border-radius:10px}.results-place{font-size:1rem;min-width:32px;text-align:center;font-weight:700}.results-name{font-size:.9rem;font-weight:600}.quiz-form{background:var(--color-surface);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.quiz-input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-alt);color:var(--color-text);font:inherit;font-size:.9rem;outline:none;transition:border-color .2s}.quiz-input:focus{border-color:var(--color-primary)}.quiz-submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.quiz-submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.quiz-submit-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-questions-list{display:flex;flex-direction:column;gap:10px}.quiz-q-card{background:var(--color-surface);border-radius:12px;padding:14px;border:1px solid transparent;transition:border-color .2s}.quiz-q-card.current{border-color:var(--color-primary)}.quiz-q-card.done{opacity:.6}.quiz-q-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quiz-q-number{background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px}.quiz-q-text{flex:1;font-size:.9rem;font-weight:600}.quiz-q-done-icon{color:#22c55e;flex-shrink:0}.quiz-q-admin-answer{font-size:.8rem;color:var(--color-text-muted);margin-bottom:8px}.quiz-q-admin-answer strong{color:#22c55e}.quiz-q-user-answers{display:flex;flex-direction:column;gap:6px;margin-top:8px}.quiz-ua-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--color-surface-alt);border:1px solid transparent}.quiz-ua-row.correct{border-color:#22c55e}.quiz-ua-row.incorrect{border-color:#ef4444;opacity:.7}.quiz-ua-name{font-size:.8rem;font-weight:600;min-width:60px}.quiz-ua-text{flex:1;font-size:.85rem;color:var(--color-text)}.quiz-ua-actions{display:flex;gap:4px}.quiz-ua-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;cursor:pointer;color:#fff}.quiz-ua-btn.correct{background:#22c55e}.quiz-ua-btn.incorrect{background:#ef4444}.quiz-q-answers-count{font-size:.75rem;color:var(--color-text-muted);margin-top:8px}.quiz-waiting-hint{font-size:.85rem;color:var(--color-text-muted)}.quiz-score{font-size:1.1rem;font-weight:700;color:var(--color-primary)}.quiz-player-card{background:var(--color-surface);border-radius:14px;padding:24px 20px;text-align:center}.quiz-player-card.answered{opacity:.85}.quiz-player-q-number{display:inline-block;background:var(--color-primary);color:#fff;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:8px;margin-bottom:12px}.quiz-player-q-text{font-size:1.1rem;font-weight:700;margin-bottom:20px}.quiz-player-form{display:flex;flex-direction:column;gap:10px}.quiz-player-submitted{font-size:.95rem;color:var(--color-primary);font-weight:500;padding:12px;background:#6c63ff14;border-radius:10px}.quiz-player-waiting{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:.85rem;color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.profile-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--color-surface);border-radius:var(--radius);margin-bottom:24px}.avatar{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--color-surface-alt);color:var(--color-primary);flex-shrink:0;position:relative;overflow:hidden}.avatar-upload{cursor:pointer}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;opacity:0;transition:opacity .2s}.avatar-upload:hover .avatar-overlay{opacity:1}.profile-info h2{font-size:1.15rem;font-weight:700}.profile-info .meta{color:var(--color-text-muted);font-size:.8rem;margin-top:2px}.btn-logout{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--color-border);border-radius:var(--radius);background:transparent;color:#ef4444;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-logout:hover{background:#ef444414}.results-list{display:flex;flex-direction:column;gap:8px}.result-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--color-surface);border-radius:10px}.result-placement{font-size:.95rem;font-weight:700}.result-game{font-size:.85rem;color:var(--color-text-muted)}.team-game-admin{display:flex;flex-direction:column;gap:16px}.team-game-hint{font-size:.8rem;color:var(--color-text-muted);margin-top:-8px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-grid-4{grid-template-columns:1fr 1fr}.team-card{background:var(--color-surface);border-radius:12px;padding:14px;border:1px solid transparent}.team-card.highlight{border-color:var(--color-primary)}.team-card.mini{padding:10px}.team-title-input{margin-bottom:8px}.team-name{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;margin-bottom:8px;color:var(--color-primary)}.team-members{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.team-member{font-size:.85rem;padding:6px 10px;background:var(--color-surface-alt);border-radius:8px}.team-member.me{color:var(--color-primary);font-weight:600}.team-game-player{display:flex;flex-direction:column;gap:12px}.vb-round-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.vb-match{display:flex;align-items:center;gap:12px;background:var(--color-surface);padding:12px 14px;border-radius:12px}.vb-match-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.85rem;font-weight:600}.vb-vs{font-size:.75rem;font-weight:700;color:var(--color-text-muted)}.vb-score-controls{display:flex;align-items:center;gap:8px}.vb-score-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-alt);color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .15s}.vb-score-btn:hover:not(:disabled){border-color:var(--color-primary)}.vb-score-btn:disabled{opacity:.3;cursor:not-allowed}.vb-score-value{font-size:1.2rem;font-weight:700;min-width:24px;text-align:center;color:var(--color-primary)}.vb-bracket-overview{display:flex;flex-direction:column;gap:8px;margin-top:8px}.vb-bracket-match{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:var(--color-surface);border-radius:10px;font-size:.9rem;font-weight:600}.vb-bracket-vs{color:var(--color-text-muted);font-size:.75rem;font-weight:700}.vb-bracket-me{color:var(--color-primary)}.bracket-match{display:flex;align-items:center;gap:10px;background:var(--color-surface);padding:10px 14px;border-radius:12px;margin-bottom:6px}.bracket-pick{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:2px solid var(--color-border);border-radius:10px;background:var(--color-surface-alt);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.bracket-pick:hover{border-color:var(--color-primary)}.bracket-pick.winner{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb, 99, 102, 241),.15);color:var(--color-primary)}.bracket-vs{font-size:.75rem;font-weight:700;color:var(--color-text-muted);flex-shrink:0}.bracket-match.highlighted{border:1px solid var(--color-primary)}.bracket-pick.me{color:var(--color-primary);font-weight:700}.bp-current-match{margin-bottom:16px}.taste-list{display:flex;flex-direction:column;gap:8px}.taste-row{display:flex;align-items:center;gap:12px;background:var(--color-surface);padding:12px 14px;border-radius:12px}.taste-name{flex:1;font-size:.9rem;font-weight:600}.taste-max{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.secret-mission-popup{display:flex;align-items:center;gap:6px;padding:0 16px;margin-bottom:4px;animation:missionSlideIn .4s ease-out}@keyframes missionSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.secret-mission-popup-content{flex:1;display:flex;align-items:center;gap:8px;padding:12px 14px;border:none;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.85rem;cursor:pointer;animation:livePulse 2s ease-in-out infinite}.secret-mission-popup-dismiss{background:#ffffff1a;border:none;border-radius:8px;color:var(--color-text-muted);padding:6px;cursor:pointer}.secret-mission-form{display:flex;flex-direction:column;gap:10px}.secret-mission-textarea{resize:vertical;min-height:60px;font-family:inherit}.secret-mission-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.secret-mission-card{background:var(--color-surface);border-radius:12px;padding:12px 14px;border:1px solid var(--color-border)}.secret-mission-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.secret-mission-player{font-weight:700;font-size:.9rem;color:var(--color-primary)}.secret-mission-status{font-size:.75rem;padding:2px 8px;border-radius:8px;background:#ef444426;color:#ef4444}.secret-mission-status.seen{background:#22c55e26;color:#22c55e}.secret-mission-header .bp-delete{margin-left:auto}.secret-mission-text{font-size:.85rem;color:var(--color-text);line-height:1.4}.secret-mission-reveal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:32px 16px}.secret-mission-icon{color:#f59e0b;animation:missionPulse 2s ease-in-out infinite}@keyframes missionPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.secret-mission-title{font-size:1.3rem;font-weight:800;color:var(--color-primary)}.secret-mission-description{font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-surface);border-radius:12px;padding:20px;border:1px solid var(--color-border);width:100%;max-width:400px}.secret-mission-hint{font-size:.85rem;color:var(--color-text-muted)}