@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#1a3a4a;background-color:#e8f4f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:#e8f4f8}#root{min-height:100vh;width:100%}.navbar{background-color:#0f172a;padding:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:none}.navbar-container{width:100%;display:flex;align-items:center;justify-content:space-between;height:55px;position:relative;padding:0 2rem;flex-direction:row-reverse}.navbar-logo{display:flex;align-items:center}.navbar-logo img{height:38px;width:auto}.navbar-center{display:flex;align-items:center;gap:.8rem;position:absolute;left:50%;transform:translate(-50%)}.navbar-title{color:#7a9eb8;font-size:1.1rem;font-weight:700;letter-spacing:1px}.tournament-logo{filter:drop-shadow(0 0 8px rgba(255,255,255,.3));transition:all .3s ease;background:transparent;border-radius:50%;margin-top:30px}.navbar-center:hover .tournament-logo{filter:drop-shadow(0 0 12px rgba(255,255,255,.5));transform:scale(1.05)}.navbar-links{display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#06b6d4;transition:width .3s ease}.nav-link:hover{color:#06b6d4}.nav-link:hover:after{width:100%}.logout-btn{background:none;border:none;cursor:pointer;font-family:inherit}.login-link{color:#06b6d4!important}.navbar-confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.navbar-confirm-popup{background:#f0f8fa;border:1px solid #d0e0e8;border-radius:16px;padding:2rem;max-width:400px;text-align:center;box-shadow:0 20px 60px #1a3a4a4d}.navbar-confirm-popup h3{color:#1a3a4a;font-size:1.3rem;margin:0 0 .5rem}.navbar-confirm-popup p{color:#5a7a8a;font-size:.95rem;margin:0 0 1.5rem}.navbar-confirm-buttons{display:flex;gap:1rem;justify-content:center}.navbar-cancel-btn{background:#1a3a4a;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}.navbar-cancel-btn:hover{background:#2a5a6a}.navbar-confirm-btn{background:transparent;border:2px solid #1a3a4a;color:#1a3a4a;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}.navbar-confirm-btn:hover{background:#1a3a4a;color:#fff}.navbar-confirm-btn.danger{background:#c0392b}.navbar-confirm-btn.danger:hover{background:#e74c3c}.hamburger-menu{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger-menu span{width:25px;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}.mobile-menu-overlay{display:none}@media(max-width:768px){.navbar-container{padding:0 1rem;height:60px}.navbar-logo img{height:30px}.navbar-center{position:absolute;left:50%;transform:translate(-50%)}.tournament-logo{margin-top:10px}.hamburger-menu{display:flex}.navbar-links{position:fixed;top:60px;right:-100%;width:250px;height:calc(100vh - 60px);background:#0f172a;flex-direction:column;padding:2rem 1rem;gap:1.5rem;transition:right .3s ease;border-left:1px solid #1E293B;z-index:1000}.navbar-links.mobile-open{right:0}.mobile-menu-overlay{display:block;position:fixed;inset:60px 0 0;background:#00000080;z-index:999}.nav-link{font-size:1rem;padding:.5rem 0;width:100%;text-align:left}.nav-link:after{display:none}.navbar-confirm-popup{max-width:90%;padding:1.5rem}.navbar-confirm-popup h3{font-size:1.1rem}.navbar-confirm-buttons{flex-direction:column;gap:.75rem}.navbar-cancel-btn,.navbar-confirm-btn{width:100%;padding:10px 20px;font-size:14px}}:root{--main-bg: #E2E8F0;--card-bg: #FFFFFF;--nav-bg: #0F172A;--accent-primary: #06B6D4;--accent-secondary: #10B981;--text-dark: #1E293B;--border-radius: 12px;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .05);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{background-color:var(--main-bg);color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.home-container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;min-height:100vh}.header{text-align:center;margin-bottom:1.5rem;padding:.5rem 0}.header h1{color:var(--text-dark);font-size:3rem;margin-bottom:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.header p{color:var(--text-dark);font-size:1.2rem;max-width:600px;margin:0 auto}.game-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1rem 0}.game-card{text-decoration:none;color:inherit;transition:var(--transition);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);background:var(--card-bg);border:none;border-top:3px solid var(--accent-primary);position:relative}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-secondary);opacity:0;transition:var(--transition)}.game-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.game-card:hover:before{opacity:1}.game-card-inner{padding:1.8rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:240px}.game-icon-container{width:70px;height:70px;border-radius:50%;background:#06b6d41a;border:none;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:var(--transition)}.game-card:hover .game-icon-container{background:#06b6d433;transform:scale(1.1)}.game-icon{font-size:1.8rem;color:var(--accent-primary)}.game-icon-svg{width:36px;height:36px;color:var(--accent-primary)}.game-card h3{color:var(--text-dark);font-size:1.2rem;margin:0 0 .5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.game-card p{color:var(--text-dark);font-size:.9rem;line-height:1.6;margin-bottom:1rem;flex-grow:1;opacity:.8}.cta-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:.9rem 2rem;border-radius:var(--border-radius);font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1.5px;margin-top:auto;min-width:140px}.cta-button:hover{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));transform:translateY(-2px);box-shadow:0 8px 25px -3px #06b6d480;filter:brightness(1.1)}@media(max-width:768px){.header h1{font-size:2rem}.game-modes{grid-template-columns:1fr;max-width:400px;margin:0 auto}.home-container{padding:2rem 1rem}}.americano-page{max-width:800px;margin:0 auto;padding:2rem;background-color:#e8f4f8;min-height:100vh}.americano-header{text-align:center;margin-bottom:2rem}.americano-icon{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(145deg,#c8d93033,#c8d9300d);border:2px solid #c8d930;border-radius:50%;display:flex;align-items:center;justify-content:center}.americano-icon svg{width:40px;height:40px;color:#c8d930}.americano-header h1{color:#1a3a4a;font-size:2.5rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:2px}.americano-header p{color:#5a7a8a;font-size:1.1rem}.americano-form-container{background:#f0f8fa;border:1px solid #d0e0e8;border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px #1a3a4a26}.americano-form-container h2{color:#1a3a4a;font-size:1.5rem;text-align:center;margin:0 0 2rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#1a3a4a;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:1rem;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#333;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c8d930;box-shadow:0 0 0 3px #c8d93033}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.start-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#1a3a4a,#2a5a6a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.start-button:hover{background:linear-gradient(135deg,#2a5a6a,#3a7a8a);transform:translateY(-2px);box-shadow:0 8px 20px #1a3a4a66}.form-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d0e0e8}.form-section h3{color:#1a3a4a;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.team-input-group{background:#fff;border:1px solid #d0e0e8;border-radius:8px;padding:1rem}.team-input-group h4{color:#1a3a4a;font-size:1rem;margin:0 0 .8rem;font-weight:600}.courts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.court-count-display{padding:1rem;background-color:#fff;border:2px solid #d0e0e8;border-radius:8px;font-size:1rem;color:#1a3a4a;font-weight:600}.player-input,.court-input{padding:.8rem;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;color:#333;transition:all .3s ease}.player-input:focus,.court-input:focus{outline:none;border-color:#c8d930;box-shadow:0 0 0 3px #c8d93033}.player-input::placeholder,.court-input::placeholder{color:#999}@media(max-width:768px){.americano-page{padding:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.americano-form-container,.americano-header{padding:1.5rem}.americano-header h1{font-size:1.8rem}.americano-header p{font-size:.9rem}.players-grid,.courts-grid{grid-template-columns:1fr;gap:.75rem}.start-button{width:100%;padding:1rem;font-size:1rem}.form-section h3{font-size:1.1rem}}.score-selector-display{display:flex;align-items:center;gap:.75rem}.score-btn{width:70px;height:55px;background:linear-gradient(180deg,#1a2a35,#0d1a22);border:2px solid #3a5060;border-radius:6px;color:#c8d930;font-size:2.2rem;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 2px 8px #00000080,0 4px 12px #0006}.score-btn:hover:not(.disabled){border-color:#c8d930;box-shadow:inset 0 2px 8px #00000080,0 0 15px #c8d93066}.score-btn.disabled{opacity:.7;cursor:not-allowed}.score-dash{color:#c8d930;font-size:2rem;font-weight:700}.score-overlay{position:fixed;inset:0;z-index:9998}.score-popup{position:fixed;top:100px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;padding:.5rem;background:#f0f8fa;border:1px solid #d0e0e8;border-radius:12px;box-shadow:0 10px 40px #1a3a4a4d;z-index:9999}.score-option{width:45px;height:45px;background:#1a3a4a;border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.score-option:hover{background:#2a5a6a;color:#fff;transform:scale(1.1)}.court-wrapper{position:relative;margin-bottom:0;isolation:isolate}.court-badge{position:absolute;top:-5%;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#1a2a35,#0d1a22);color:#c8d930;font-size:1.1rem;font-weight:700;font-family:Courier New,monospace;padding:.5rem 1.5rem;border-radius:6px;z-index:1;box-shadow:inset 0 2px 8px #00000080,0 4px 12px #0006}.court-bg-container{position:relative;width:100%;aspect-ratio:16/10;background-image:url(/padel-court.png);background-size:contain;background-position:center;background-repeat:no-repeat}.players-left,.players-right{position:absolute;top:18%;display:flex;flex-direction:column;gap:.2rem;background:#141e28f2;padding:.4rem .8rem;border-radius:4px;border:1px solid rgba(100,140,170,.3);box-shadow:0 2px 10px #00000080;z-index:10}.players-left{left:25%}.players-right{right:25%}.players-left span,.players-right span{color:#fff;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.score-display-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:1rem}.score-number{width:80px;height:65px;background:linear-gradient(180deg,#1a2a35,#0d1a22);border:none;border-radius:6px;color:#c8d930;font-size:2.8rem;font-weight:700;text-align:center;font-family:Courier New,monospace;box-shadow:inset 0 3px 10px #0009,0 4px 15px #00000080}.score-number::placeholder{color:#3a5060}.score-number:focus{outline:none;box-shadow:inset 0 3px 10px #0009,0 0 20px #c8d93066}.score-number:disabled{opacity:.7;cursor:not-allowed}.score-number::-webkit-inner-spin-button,.score-number::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.score-number[type=number]{-moz-appearance:textfield;appearance:textfield}.score-divider{color:#c8d930;font-size:2.5rem;font-weight:700}@media(max-width:600px){.players-left span,.players-right span{font-size:.75rem;max-width:70px}.players-left{left:12%}.players-right{right:12%}.score-number{width:60px;height:50px;font-size:2rem}.court-badge{font-size:.85rem;padding:.5rem 1.5rem}}.match-page{width:100%;max-width:100%;margin:0 auto;padding:.5rem 2rem;background-color:#e8f4f8;min-height:100vh}.match-header{text-align:center;margin-bottom:2rem}.match-header h1{color:#1a3a4a;font-size:2.5rem;margin:0;font-weight:600}.match-date{color:#c8d930;font-size:1.3rem;margin:.25rem 0}.match-venue{color:#b0b0b0;font-size:1rem;margin:0}.round-selector{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.round-nav-btn{background:#1a3a4a;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.round-nav-btn:hover:not(:disabled){background:#2a5a6a}.round-nav-btn:disabled{background:#ccc;color:#888;cursor:not-allowed}.round-indicator{color:#1a3a4a;font-size:1.1rem;font-weight:700;padding:0 1rem}.round-tab{background:transparent;border:1px solid #3a3a3a;color:#b0b0b0;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.round-tab:hover{border-color:#c8d930;color:#fff}.round-tab.active{background:#c8d930;color:#0a0a0a;border-color:#c8d930;font-weight:600}.round-tab.completed:not(.active){border-color:#4a6b2a;color:#7a9a4a}.round-dot{font-size:.6rem}.match-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.courts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin:0 auto;padding:0 2rem}.courts-grid.single-court{grid-template-columns:1fr;max-width:600px;margin:0 auto}@media(max-width:900px){.courts-grid{grid-template-columns:1fr}}.matches-section{width:100%;display:flex;flex-direction:column;align-items:center}.matches-section h2{color:#fff;font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #c8d930}.match-card{background:linear-gradient(145deg,#1a1a1a,#151515);border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.match-card.completed{opacity:.7;border-color:#c8d930}.court-name{color:#c8d930;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.match-teams{display:flex;align-items:center;justify-content:space-between;gap:1rem}.team{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.team-names{color:#fff;font-size:1rem;text-align:center}.score-input{width:70px;padding:.8rem;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;font-weight:700;text-align:center;color:#333}.score-input:focus{outline:none;border-color:#c8d930;box-shadow:0 0 0 3px #c8d93033}.score-input:disabled{background-color:#f0f0f0;color:#666}.vs{color:#b0b0b0;font-size:.9rem;font-weight:600}.points-info{text-align:center;color:#b0b0b0;font-size:.85rem;margin-top:1rem}.save-button{display:block;width:auto;padding:.8rem 2.5rem;margin:1rem auto 0;background:linear-gradient(135deg,#1a3a4a,#2a5a6a);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.save-button:hover{background:linear-gradient(135deg,#2a5a6a,#3a7a8a);transform:translateY(-2px);box-shadow:0 8px 20px #1a3a4a66}.standings-section{background:linear-gradient(145deg,#1a1a1a,#151515);border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:80px}.standings-table{width:100%;border-collapse:collapse}.standings-table th,.standings-table td{padding:.75rem .5rem;text-align:left}.standings-table th{color:#b0b0b0;font-size:.85rem;font-weight:600;border-bottom:1px solid #2a2a2a}.standings-table td{color:#fff;font-size:.95rem;border-bottom:1px solid #1a1a1a}.standings-table tr.top-1 td{color:#c8d930;font-weight:700}.standings-table tr.top-2 td{color:#d4e157}.standings-table tr.top-3 td{color:#e6ee9c}.tournament-complete{text-align:center;background:linear-gradient(145deg,#1a1a1a,#151515);border:2px solid #c8d930;border-radius:16px;padding:2rem;margin-top:2rem}.tournament-complete h2{color:#c8d930;font-size:1.8rem;margin-bottom:1rem}.tournament-complete p{color:#fff;font-size:1.2rem;margin-bottom:1.5rem}.tournament-complete strong{color:#c8d930}.new-tournament-button{padding:1rem 2rem;background:linear-gradient(135deg,#c8d930,#d4e157);color:#0a0a0a;border:none;border-radius:8px;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.new-tournament-button:hover{background:linear-gradient(135deg,#d4e157,#c8d930);transform:translateY(-2px)}.loading{text-align:center;color:#b0b0b0;font-size:1.2rem;padding:4rem}.standings-btn{background:transparent;border:2px solid #1a3a4a;color:#1a3a4a;padding:.6rem 1.5rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.standings-btn:hover{background:#1a3a4a;color:#fff}.standings-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.standings-popup{background:#f0f8fa;border:1px solid #d0e0e8;border-radius:16px;padding:2.5rem;min-width:400px;max-width:500px;box-shadow:0 20px 60px #1a3a4a4d}.standings-popup h3{color:#000;font-size:1.8rem;margin:0 0 1.5rem;text-align:center}.standings-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.standings-popup-header h2{color:#000;font-size:1.8rem;margin:0}.close-popup{background:none;border:none;font-size:2rem;cursor:pointer;color:#1a3a4a;padding:0;line-height:1}.close-popup:hover{color:#000}.standings-table-popup{width:100%;border-collapse:collapse}.standings-table-popup th,.standings-table-popup td{padding:.8rem 1rem;text-align:left;font-size:1.1rem}.standings-table-popup th{color:#000;border-bottom:1px solid #d0e0e8;font-weight:600}.standings-table-popup td{color:#000}.standings-table-popup tr.top-1 td{color:#000;font-weight:700}.standings-table-popup tr.top-2 td,.standings-table-popup tr.top-3 td{color:#000}.edit-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:.2rem;opacity:.5;transition:opacity .2s}.edit-btn:hover{opacity:1}.edit-name-input{background:#fff;border:1px solid #1a3a4a;border-radius:4px;color:#1a3a4a;padding:.2rem .4rem;font-size:.85rem;width:100px}.confirm-popup-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.confirm-popup{background:#f0f8fa;border:1px solid #d0e0e8;border-radius:16px;padding:2rem;max-width:400px;text-align:center;box-shadow:0 20px 60px #1a3a4a4d}.confirm-popup h3{color:#1a3a4a;font-size:1.3rem;margin:0 0 .5rem}.confirm-popup p{color:#5a7a8a;font-size:.95rem;margin:0 0 1.5rem}.confirm-buttons{display:flex;gap:1rem;justify-content:center}.cancel-btn{background:transparent;border:2px solid #1a3a4a;color:#1a3a4a;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn{background:#1a3a4a;border:none;color:#fff;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn:hover{background:#2a5a6a}.confirm-btn.danger{background:#c0392b}.confirm-btn.danger:hover{background:#e74c3c}.nav-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.nav-btn{background:transparent;border:1px solid #5a7a8a;color:#5a7a8a;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.nav-btn:hover{border-color:#1a3a4a;color:#1a3a4a}@media(max-width:900px){.match-content{grid-template-columns:1fr;gap:1rem}.standings-section{position:static}.match-teams{flex-direction:column;gap:.5rem}.team{width:100%}.courts-grid{grid-template-columns:1fr;gap:1rem}.match-header{padding:1rem}.match-header h1{font-size:1.5rem}.round-navigation{flex-direction:column;gap:.5rem}.round-info{font-size:.9rem}.standings-btn,.save-btn{padding:.6rem 1.2rem;font-size:.85rem}.standings-popup{max-width:95%;padding:1.5rem}.standings-table-popup{font-size:.85rem}.tournament-complete{padding:1.5rem}.tournament-complete h2{font-size:1.3rem}.new-tournament-button{padding:.7rem 1.5rem;font-size:.9rem}}.login-page{min-height:100vh;background-color:#e8f4f8;display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{background:#f0f8fa;border:1px solid #d0e0e8;border-radius:16px;padding:2.5rem;max-width:400px;width:100%;box-shadow:0 8px 32px #1a3a4a26}.login-container h1{color:#1a3a4a;font-size:2rem;margin:0 0 .5rem;text-align:center}.login-subtitle{color:#5a7a8a;text-align:center;margin-bottom:1.5rem}.error-message{background:#fee;color:#c00;padding:.8rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-size:.9rem}.login-container .form-group{margin-bottom:1rem}.login-container .form-group label{display:block;color:#1a3a4a;font-weight:600;margin-bottom:.5rem}.login-container .form-group input{width:100%;padding:.8rem 1rem;border:2px solid #d0e0e8;border-radius:8px;font-size:1rem;color:#1a3a4a;transition:border-color .2s}.login-container .form-group input:focus{outline:none;border-color:#1a3a4a}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#1a3a4a,#2a5a6a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:.5rem}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#2a5a6a,#3a7a8a);transform:translateY(-2px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-toggle{text-align:center;margin-top:1.5rem;color:#5a7a8a}.login-toggle button{background:none;border:none;color:#1a3a4a;font-weight:600;cursor:pointer;text-decoration:underline}.login-toggle button:hover{color:#2a5a6a}.back-link{display:block;text-align:center;margin-top:1.5rem;color:#5a7a8a;text-decoration:none}.back-link:hover{color:#1a3a4a}.history-page{min-height:100vh;background-color:#e8f4f8;padding:2rem}.history-container{max-width:800px;margin:0 auto}.history-container h1{color:#1a3a4a;font-size:2rem;margin-bottom:2rem;text-align:center}.no-tournaments{text-align:center;padding:3rem;background:#f0f8fa;border-radius:16px;border:1px solid #d0e0e8}.no-tournaments p{color:#5a7a8a;margin-bottom:1.5rem}.start-btn{background:linear-gradient(135deg,#1a3a4a,#2a5a6a);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a3a4a4d}.tournament-type-menu{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #d0e0e8;box-shadow:0 4px 12px #1a3a4a1a}.tournament-type-btn{background:transparent;border:2px solid #1a3a4a;color:#1a3a4a;padding:.9rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.tournament-type-btn:hover{background:#1a3a4a;color:#fff;transform:translate(5px)}.tournaments-section{margin-bottom:3rem}.tournaments-section h2{color:#1a3a4a;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #d0e0e8}.tournaments-list{display:flex;flex-direction:column;gap:1rem}.tournament-card{background:#f0f8fa;border:1px solid #d0e0e8;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #1a3a4a1a;transition:all .2s}.tournament-card.clickable{cursor:pointer}.tournament-card.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1a3a4a26;border-color:#1a3a4a}.tournament-info h3{color:#1a3a4a;margin:0 0 .5rem;font-size:1.2rem}.tournament-info p{color:#5a7a8a;margin:0;font-size:.9rem}.tournament-info .status{margin-top:.5rem;font-weight:600}.tournament-info .status.active{color:#c8d930}.tournament-info .status.completed{color:#2a5a6a}.tournament-actions{display:flex;gap:.5rem}.resume-btn{background:linear-gradient(135deg,#1a3a4a,#2a5a6a);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.resume-btn:hover{background:linear-gradient(135deg,#2a5a6a,#3a7a8a)}.delete-btn{background:transparent;border:2px solid #c0392b;color:#c0392b;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#c0392b;color:#fff}.loading{text-align:center;color:#5a7a8a;padding:4rem;font-size:1.2rem}@media(max-width:768px){.history-page{padding:1rem}.history-container h1{font-size:1.5rem;margin-bottom:1.5rem}.tournaments-section h2{font-size:1.2rem;margin-bottom:1rem}.tournament-card{flex-direction:column;gap:1rem;padding:1rem}.tournament-info h3{font-size:1rem}.tournament-info p{font-size:.85rem}.tournament-actions{width:100%;flex-direction:column;gap:.5rem}.resume-btn,.delete-btn{width:100%;padding:.8rem 1.2rem;font-size:.9rem}.no-tournaments{padding:2rem 1rem}.tournament-type-menu{padding:.75rem}.tournament-type-btn{padding:.8rem 1.2rem;font-size:.9rem}}.profile-page{min-height:100vh;background-color:#e8f4f8;padding:2rem}.profile-container{max-width:600px;margin:0 auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #1a3a4a1a}.profile-container h1{color:#1a3a4a;font-size:2rem;margin-bottom:2rem;text-align:center}.profile-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #d0e0e8}.profile-section:last-of-type{border-bottom:none}.profile-section h2{color:#1a3a4a;font-size:1.3rem;margin-bottom:.5rem}.profile-section p{color:#5a7a8a;font-size:.9rem;margin-bottom:1rem}.color-picker-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.color-picker{width:80px;height:50px;border:2px solid #d0e0e8;border-radius:8px;cursor:pointer}.color-value{font-family:monospace;color:#1a3a4a;font-size:1rem;font-weight:600}.color-preview{height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;border:2px solid #d0e0e8}.logo-preview{margin-bottom:1rem;padding:1rem;background:#f0f8fa;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-preview img{max-width:200px;max-height:100px;object-fit:contain}.remove-logo-btn{background:transparent;border:2px solid #c0392b;color:#c0392b;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.remove-logo-btn:hover{background:#c0392b;color:#fff}.upload-container{margin-top:1rem}.file-input{display:none}.upload-btn{display:inline-block;background:linear-gradient(135deg,#1a3a4a,#2a5a6a);color:#fff;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1a3a4a4d}.profile-actions{display:flex;gap:1rem;margin-top:2rem}.save-profile-btn{flex:1;background:linear-gradient(135deg,#1a3a4a,#2a5a6a);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.save-profile-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a3a4a4d}.save-profile-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-btn{background:transparent;border:2px solid #1a3a4a;color:#1a3a4a;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#1a3a4a;color:#fff}@media(max-width:768px){.profile-page{padding:1rem}.profile-container{padding:1.5rem}.profile-container h1{font-size:1.5rem}.profile-actions{flex-direction:column}.save-profile-btn,.cancel-btn{width:100%}}#root{width:100%;margin:0;padding:0}.app{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}