.team-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.team-logo img{width:100%;height:100%;object-fit:contain}@media (max-width: 768px){.team-logo{width:24px;height:24px}}.matchup{background:#222;border:1px solid #333;border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.team-box{display:flex;align-items:center;gap:.5rem;padding:.4rem;background:transparent;border-radius:2px;border:1px solid transparent;transition:all .1s ease;position:relative}.team-box.clickable{cursor:pointer}.team-box.clickable:hover{border-color:#444}.team-box.selected{background:#333;border-color:#555}.team-box.selected:after{content:"<";position:absolute;right:.5rem;color:#fff;font-family:JetBrains Mono,monospace;font-size:.8rem}.team-box.disabled{opacity:.4;cursor:not-allowed}.team-name{flex:1;font-size:.85rem;font-weight:500;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-seed{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#666;min-width:20px}.vs-divider{display:none}@media (max-width: 768px){.team-name{font-size:.8rem}}.bracket-container{max-width:450px;margin:0 auto;padding:.25rem;display:flex;flex-direction:column;gap:1rem}.conference-tabs{display:flex;border:1px solid #333;border-radius:4px;overflow:hidden}.tab-button{flex:1;padding:.5rem;border:none;background:transparent;color:#666;font-family:JetBrains Mono,monospace;font-size:.85rem;cursor:pointer;text-transform:lowercase}.tab-button.active{background:#222;color:#fff}.tab-button.completed:after{content:"*";margin-left:4px;color:#4caf50}.conference-section{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.conference-title{display:none}.round-navigation{display:flex;justify-content:space-between;align-items:center}.back-button{background:transparent;border:1px solid #333;color:#888;padding:.25rem .5rem;border-radius:2px;font-size:.7rem;font-family:JetBrains Mono,monospace;cursor:pointer}.round-indicator{display:flex;gap:.3rem}.round-dot{width:4px;height:4px;border-radius:1px;background:#333}.round-dot.active{background:#fff}.round-dot.completed{background:#4caf50}.round-title{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#888;margin-bottom:.5rem}.matchups-container{display:flex;flex-direction:column;gap:.75rem}.super-bowl-section{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-height:200px;justify-content:center}.super-bowl-title{font-family:JetBrains Mono,monospace;font-size:1.2rem;color:#fff;margin-bottom:1rem}.bracket-actions{display:flex;gap:.5rem;margin-top:1rem}.submit-button{flex:2;padding:.75rem;background:#fff;color:#000;border:none;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:600;cursor:pointer;text-transform:lowercase}.submit-button:disabled{background:#333;color:#666;cursor:not-allowed}.reset-button{flex:1;padding:.75rem;background:transparent;border:1px solid #333;color:#666;border-radius:4px;font-family:JetBrains Mono,monospace;cursor:pointer;text-transform:lowercase}.submit-round-button{margin-top:1rem;padding:.6rem;background:#222;color:#fff;border:1px solid #444;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.85rem;cursor:pointer;text-transform:lowercase}.submit-round-button:hover{background:#333}@media (max-width: 768px){.bracket-container{padding:.5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.email-form h2,.message-display h2{font-family:JetBrains Mono,monospace;font-size:1.2rem;margin-bottom:1.5rem;color:#fff}.email-form{display:flex;flex-direction:column;gap:1rem}.email-form input{padding:.75rem;background:#222;border:1px solid #333;color:#fff;border-radius:4px;outline:none;margin-bottom:.5rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.preferred-button{padding:.75rem;background:#fff;color:#000;border:none;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:600;cursor:pointer;text-transform:lowercase;transition:all .2s}.preferred-button:hover:not(:disabled){background:#f0f0f0}.preferred-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{padding:.75rem;background:transparent;color:#aaa;border:1px solid #555;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:600;cursor:pointer;text-transform:lowercase;transition:all .2s}.secondary-button:hover:not(:disabled){background:#333;color:#fff;border-color:#666}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.generate-button,.copy-button{padding:.75rem;background:#fff;color:#000;border:none;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:600;cursor:pointer;text-transform:lowercase}.copy-button.copied{background:#4caf50;color:#fff}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.share-buttons{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.share-button{padding:.75rem;background:#333;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex:1;min-width:44px}.share-button svg{width:20px;height:20px}.share-button:hover{background:#444;border-color:#666}.share-button.whatsapp{background:#25d366;border-color:#25d366;color:#fff}.share-button.whatsapp:hover{background:#20ba5a}.share-button.sms{background:#34c759;border-color:#34c759;color:#fff}.share-button.sms:hover{background:#2fb04a}.share-button.facebook{background:#1877f2;border-color:#1877f2;color:#fff}.share-button.facebook:hover{background:#166fe5}.copy-button{width:100%;margin-bottom:1rem}.message-box{background:#000;border:1px solid #333;border-radius:4px;padding:1rem}.message-box pre{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#aaa;white-space:pre-wrap;word-wrap:break-word;margin:0;text-transform:lowercase}.error-message{color:#f44;font-size:.8rem;font-family:JetBrains Mono,monospace}.success-message{color:#4caf50;font-size:.8rem;font-family:JetBrains Mono,monospace}@media (max-width: 768px){.modal-content{padding:1.5rem}}.app{min-height:100vh;background:#121212;padding:1rem}.app-header{text-align:left;max-width:450px;margin:0 auto 2rem;padding-top:2rem}.app-header h1{font-family:JetBrains Mono,monospace;font-size:1.5rem;margin:0 0 .5rem;color:#fff;letter-spacing:-1px}.prize-text{font-size:.9rem;margin:0;color:#888;font-weight:400;font-family:Inter,sans-serif}@media (max-width: 768px){.app-header{padding-left:.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#121212;color:#d1d1d1;min-height:100vh;text-transform:lowercase}#root{min-height:100vh}
