body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top-navigation{background-color:#32323b!important}.top-navigation-container{align-items:center;background-color:#32323b;display:flex;max-width:none;padding:0;width:100%}.home-link{color:#fff;flex-shrink:0;text-decoration:none}.navigation-links{display:flex;flex:1 1;flex-wrap:wrap;gap:20px;justify-content:flex-start;padding-left:8px}.login-button-container{align-items:center;display:flex;margin-left:auto;padding-right:8px}.login-button{min-width:auto!important;padding:8px!important}.login-icon{filter:brightness(0) invert(1);height:40px;width:auto}.user-icon{border-radius:50%;height:46px;width:46px}.user-button{align-items:center;display:flex;gap:4px;padding:8px 12px!important}.user-button:hover{background-color:#ffffff1a!important}@media (max-width:768px){.login-button-container{display:none!important}}.navigation-button{color:#fff!important;font-size:1rem;padding:8px 16px;text-transform:none;white-space:nowrap}.navigation-button:hover{color:#e0e0e0!important}.admin-button{background-color:#ff6b35!important;color:#fff!important;font-weight:700!important}.admin-button:hover{background-color:#e55a2b!important;color:#fff!important}.mobile-menu-button{display:none!important}.desktop-navigation{display:flex}.mobile-drawer .MuiDrawer-paper{background-color:#32323b;color:#fff;width:280px}.mobile-menu-container{display:flex;flex-direction:column;height:100%}.mobile-menu-header{border-bottom:1px solid #555;display:flex;justify-content:flex-end;padding:16px}.close-button{color:#fff!important}.mobile-menu-list{flex:1 1;padding:0}.mobile-menu-item{border-bottom:1px solid #555;padding:0!important}.mobile-menu-text{cursor:pointer;padding:16px 24px!important;transition:background-color .2s}.mobile-menu-text:hover{background-color:#555!important}.mobile-menu-text .MuiListItemText-primary{color:#fff!important;font-size:1.1rem;font-weight:500}.admin-text .MuiListItemText-primary{color:#ff6b35!important;font-weight:700!important}@media (max-width:768px){.desktop-navigation{display:none!important}.mobile-menu-button{display:block!important;margin-left:auto!important}.top-navigation-container{justify-content:space-between}.navigation-links{display:none}.top-navigation-container .MuiToolbar-root{justify-content:space-between}}.user-dropdown-menu .MuiPaper-root{background-color:#32323b;border:1px solid #555;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:8px}.user-menu-item{color:#fff!important;font-size:1rem;padding:12px 20px!important;transition:background-color .2s}.user-menu-item:hover{background-color:#555!important}.user-menu-item:last-child{border-top:1px solid #555}.admin-menu-item{border-bottom:1px solid #555;color:#ff6b35!important;font-weight:700!important}.admin-menu-item:hover{background-color:#555!important;color:#ff6b35!important}.message{border-radius:4px;font-weight:500;margin-bottom:20px;padding:12px 16px}.message-error{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}.message-success{background-color:#e8f5e8;border-left:4px solid #2e7d32;color:#2e7d32}.message-warning{background-color:#fff3e0;border-left:4px solid #ef6c00;color:#ef6c00}.message-info{background-color:#e3f2fd;border-left:4px solid #1976d2;color:#1976d2}.notification-snackbar{align-items:center;background:linear-gradient(135deg,var(--blured-background-color) 0,#764ba2 100%);border-radius:12px;box-shadow:0 8px 24px #0000004d;color:#fff;display:flex;font-size:1.1em;gap:12px;min-width:300px;padding:16px 24px}.notification-icon{align-items:center;display:flex;font-size:2em;justify-content:center}.notification-content{flex:1 1;line-height:1.4}.notification-success{background:var(--confirmation-button-color)}.notification-error{background:var(--danger-button-color)}.notification-warning{background:var(--warning-button-color)}.notification-info{background:var(--notification-background-color)}@media (max-width:768px){.notification-snackbar{font-size:1em;min-width:250px;padding:14px 20px}.notification-icon{font-size:1.5em}}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.status-badge--small{font-size:10px;padding:2px 8px}.status-badge--large{font-size:14px;padding:6px 16px}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.card--hover:hover{box-shadow:0 4px 8px #00000026}.card--padding-small{padding:12px}.card--padding-medium{padding:20px}.card--padding-large{padding:32px}.card--no-padding{padding:0}.button{border-radius:12px;box-shadow:0 4px 6px #0003;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease-in-out}.button.contained{background-color:var(--main-button-color);border:none;color:var(--secondary-font-color)}.button.contained:hover{opacity:.6}.button.contained:active{background-color:var(--active-button-color);opacity:.9;transform:scale(.95)}.button.outlined{background-color:initial;border:2px solid var(--main-button-color);color:var(--primary-font-color)}.button.outlined:hover{opacity:.7}.button.outlined:active{background-color:var(--active-button-color);opacity:.9;transform:scale(.95)}.button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.button.contained:disabled{background-color:var(--main-button-color)}.button.outlined:disabled{border-color:var(--main-button-color);color:var(--primary-font-color)}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.loading-spinner__spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db}.loading-spinner--small .loading-spinner__spinner{border-width:2px;height:15px;width:15px}.loading-spinner--medium .loading-spinner__spinner{height:40px;width:40px}.loading-spinner--large .loading-spinner__spinner{border-width:4px;height:60px;width:60px}.loading-spinner__text{color:#666;font-size:14px;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.link-display{align-items:center;display:flex;gap:10px}.link-display__input{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:monospace;font-size:14px;padding:10px}@media (max-width:768px){.link-display{flex-direction:column}}.page-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.page-header__title{color:var(--secondary-font-color);font-size:28px;margin:0}.page-header__actions{align-items:center;display:flex;gap:10px}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:15px}.page-header__actions{justify-content:center}}.tab{background:var(--blured-background-color);border:none;border-radius:12px 12px 0 0;color:var(--secondary-font-color);cursor:pointer;font-size:16px;font-weight:500;min-width:120px;opacity:.4;padding:12px 24px;position:relative;text-align:center;transition:all .2s ease}.tab:hover:not(.tab--disabled){background-color:var(--blured-background-color)}.tab--active{border-bottom:none;opacity:1}.tab--disabled{color:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.tab{font-size:14px;min-width:100px;padding:10px 16px}}.tab-panel{min-height:400px;padding:24px 0}.tab-panel--no-padding{padding:0}.tab-panel--small{min-height:300px;padding:16px 0}.tab-panel--large{min-height:500px;padding:32px 0}.tabs{width:100%}.tabs__header{-ms-overflow-style:none;background-color:initial;border-bottom:2px solid #ccc;display:flex;overflow-x:auto;scrollbar-width:none}.tabs__header::-webkit-scrollbar{display:none}.tabs__content{position:relative}.tabs__panel{display:none}.tabs__panel--active{display:block}.tabs__panel[aria-hidden=true]{display:none}@media (max-width:768px){.tabs__header{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}}.generic-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.table-header h2{color:#111827;font-size:16px;font-weight:600;margin:0}.table-filters{align-items:center;display:flex;gap:12px}.table-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:var(--secondary-font-color);font-size:14px;min-width:200px;padding:8px 12px}.table-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.table-search-input::placeholder{color:#9ca3af}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:#f9fafb}.table-header-cell{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 24px;position:relative;text-align:left;text-transform:uppercase}.table-header-cell.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.table-header-cell.sortable:hover{background:#f3f4f6}.header-content{align-items:center;display:flex;gap:8px}.sort-indicator{color:#3b82f6;font-size:14px;font-weight:700}.table-cell{border-bottom:1px solid #f3f4f6;overflow:hidden;padding:16px 24px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.table-row{transition:background-color .2s}.table-row:hover{background:#f9fafb}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:#f3f4f6}.actions-header{min-width:200px;text-align:left}.actions-cell{text-align:left}.table-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.table-actions button{font-size:12px;min-width:auto;padding:6px 12px}.table-empty{color:#6b7280;padding:60px 20px;text-align:center}.table-empty h3{color:#111827;font-size:18px;font-weight:500;margin:0 0 8px}.table-empty p{font-size:14px;margin:0}@media (max-width:768px){.table-header{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.table-filters{flex-wrap:wrap;gap:8px;justify-content:space-between}.table-search-input{flex:1 1;min-width:150px}.table-cell,.table-header-cell{padding:12px 16px}.table-actions{flex-direction:column}.table-actions button{width:100%}}.table-cell .avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.table-cell .avatar.admin{background:linear-gradient(135deg,#667eea,#764ba2)}.table-cell .avatar.user{background:linear-gradient(135deg,#f093fb,#f5576c)}.table-cell .name-content{align-items:center;display:flex;gap:12px}.table-cell .name-text{color:#111827;font-size:14px;font-weight:500}.table-cell .date-text,.table-cell .email-text{color:#6b7280;font-size:14px}.table-cell.wrap-content{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.table-cell.truncate-content{max-width:0}.table-cell *,.table-cell.truncate-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell *{max-width:100%}.table-cell,.table-cell *{text-overflow:ellipsis!important}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:hsla(0,0%,100%,.726);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background-color:var(--modal-background-color);border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.modal-content.small{min-width:300px;width:400px}.modal-content.medium{min-width:400px;width:600px}.modal-content.large{min-width:600px;width:800px}.modal-content.fullscreen{height:95vh;max-height:none;max-width:none;width:95vw}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:var(--secondary-font-color);flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--secondary-font-color,#666);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-button:hover{background-color:#f0f0f0;background-color:var(--hover-background-color,#f0f0f0);color:#333;color:var(--primary-font-color,#333);transform:scale(1.1)}.modal-close-button:active{transform:scale(.95)}.modal-body{max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.modal-content{margin:20px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px)}.modal-content.large,.modal-content.medium,.modal-content.small{min-width:0;min-width:auto;width:100%}.modal-header{padding:16px 20px}.modal-title{font-size:1.25rem}.modal-body{max-height:calc(100vh - 100px);padding:20px}}@media (max-width:480px){.modal-content{margin:20px;max-height:calc(100vh - 140px);max-width:calc(100vw - 20px)}.modal-header{padding:12px 16px}.modal-title{font-size:1.125rem}.modal-body{max-height:calc(100vh - 80px);padding:16px}}@media (prefers-color-scheme:dark){.modal-content{background-color:#2d2d2d;background-color:var(--card-background-color,#2d2d2d);color:#fff;color:var(--primary-font-color,#fff)}.modal-header{background-color:#3d3d3d;background-color:var(--card-header-background-color,#3d3d3d);border-bottom-color:#4d4d4d;border-bottom-color:var(--border-color,#4d4d4d)}.modal-title{color:#fff;color:var(--primary-font-color,#fff)}.modal-close-button{color:#ccc;color:var(--secondary-font-color,#ccc)}.modal-close-button:hover{background-color:#4d4d4d;background-color:var(--hover-background-color,#4d4d4d);color:#fff;color:var(--primary-font-color,#fff)}}.password-reset-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-family:monospace;font-size:14px;padding:8px 12px}.password-reset-text{margin-bottom:16px}.password-reset-label,.password-reset-text{color:var(--secondary-font-color);font-size:14px}.password-reset-label{font-weight:600;margin-bottom:8px}.password-reset-password{font-weight:600}.password-reset-warning{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;margin-bottom:16px;padding:12px}.password-reset-warning p{color:#92400e;font-size:14px;margin:0}.mate-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.mate-list-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#111827;display:flex;justify-content:space-between;margin:0;padding:24px 24px 16px}.mate-filters{align-items:center;display:flex;gap:12px}.filter-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px}.filter-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-filters-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s}.add-filters-btn:hover{background:#f9fafb;border-color:#9ca3af}.plus-icon{font-size:16px;font-weight:600}.mate-table-container{overflow-x:auto}.mate-table{border-collapse:collapse;width:100%}.mate-table thead{background:#f9fafb}.mate-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 24px;text-align:left;text-transform:uppercase}.mate-table td{border-bottom:1px solid #f3f4f6;padding:16px 24px;vertical-align:middle}.mate-row:hover{background:#f9fafb}.mate-name-cell{min-width:200px}.mate-name-content{gap:12px}.avatar,.mate-name-content{align-items:center;display:flex}.avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.avatar.admin{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar.user{background:linear-gradient(135deg,#f093fb,#f5576c)}.mate-name{color:#111827;font-size:14px;font-weight:500}.mate-email-cell{color:#6b7280;font-size:14px;min-width:200px}.mate-updated-cell{color:#6b7280;font-size:14px;min-width:180px}.mate-actions-cell{min-width:200px}.mate-actions{display:flex;flex-wrap:wrap;gap:8px}.mate-actions button{font-size:12px;min-width:auto;padding:6px 12px}.no-mates{color:#6b7280;padding:60px 20px;text-align:center}.no-mates h3{color:#111827;font-size:18px;font-weight:500;margin:0 0 8px}.no-mates p{font-size:14px;margin:0}@media (max-width:768px){.mate-list-header{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.mate-filters{justify-content:space-between}.mate-table td,.mate-table th{padding:12px 16px}.mate-actions{flex-direction:column}.mate-actions button{width:100%}}.confirmation-modal-content{padding:1rem 0}.confirmation-message{color:var(--secondary-font-color);font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.confirmation-actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}@media (max-width:480px){.confirmation-actions{flex-direction:column;width:100%}.confirmation-actions button{width:100%}}.settings-container{align-items:center;display:flex;gap:16px;justify-content:center}.settings-dialog-title{color:var(--secondary-font-color)}.settings-dialog-content{gap:20px}.settings-dialog-content-label{color:var(--secondary-font-color);font-size:1.2em;font-weight:500}.settings-dialog-content-control{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:24px;padding:12px 24px}.settings-dialog-content-control-number{color:#fff;font-size:1.4em;font-weight:600;min-width:40px;text-align:center}.settings-dialog-content{align-items:center;display:flex;flex-direction:column;gap:12px}.leaderboard-title{color:var(--secondary-font-color);font-size:1.2em;font-weight:700;margin-bottom:16px;text-align:center}.leaderboard-players{display:flex;flex-direction:column;gap:12px}.leaderboard-player-emoji{align-items:center;border-radius:50%;display:flex;font-size:1.5em;font-weight:700;height:24px;justify-content:center;width:24px}.leaderboard-player-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.leaderboard-player-score{color:#ffffffb3;font-size:.8em}.mobile-leaderboard{align-items:center;bottom:0;display:flex;display:none;flex-direction:column;gap:12px;justify-content:flex-start;left:0;overflow-y:auto;padding:12px 0;pointer-events:none;position:fixed;scrollbar-width:none;top:140px;width:70px;z-index:0;@media (max-width:900px){display:flex}&>*{pointer-events:auto}&::-webkit-scrollbar{display:none}}.mobile-leaderboard-player{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:all .2s ease;&:hover{transform:scale(1.05)}}.mobile-leaderboard-player-score-indicator{background:linear-gradient(0deg,#fff3,#ffffff1a);bottom:0;height:100%;left:0;position:absolute;right:0}.mobile-leaderboard-player-score-text{color:var(--primary-font-color);font-size:11px;font-weight:700;opacity:.9;position:relative;text-shadow:0 2px 4px #0003;z-index:1}.score-table-header{align-items:center;color:var(--secondary-font-color);display:flex;font-size:28px;font-weight:700;gap:8px;text-align:center}.score-table-dice-icon{font-size:32px}.score-table-logo{height:120px;width:165px}.score-table-game-type{color:var(--secondary-font-color);font-size:20px;font-weight:700;text-align:center}.score-table{border-collapse:initial;border-spacing:0 8px;width:100%}.score-table-header-cell{color:var(--secondary-font-color);font-size:20px;padding:10px 0;text-align:center}.score-table-sum-row{border-top:1px solid #ffffff1a;font-weight:700;padding:15px 0}.score-table-sum-row-min-value{color:#ffffffb3;font-style:italic}.score-table-sum-row-score{font-weight:700;text-align:center}.score-table-bonus-row{font-weight:700}.score-table-bonus-value{color:#ffffffb3;font-style:italic}.score-table-bonus-score{text-align:center}.score-table-total-row{border-top:1px solid #ffffff1a;font-weight:700;padding:15px 0}.score-table-total-score{font-weight:700;text-align:center}.category-modal{background-color:#1a1625;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 4px 24px #0003;color:var(--primary-font-color);left:50%;max-width:400px;padding:32px;position:absolute;top:50%;transform:translate(-50%,-50%)}.category-modal-title{color:var(--secondary-font-color);font-weight:700;margin-bottom:8px;text-align:center}.category-modal-description{color:#ffffffe6;line-height:1.6em;margin:0 auto;max-width:300px;text-align:"center"}.category-modal-grid{margin-top:24px}.yatzy-root{background-color:var(--main-background-color);color:var(--primary-font-color);min-height:100vh;padding:20px;position:relative}.yatzy-background{height:100vh;left:0;opacity:.2;position:fixed;top:0;width:100vw;z-index:0}@media (max-width:900px){.yatzy-root{padding-left:90px;padding-top:110px}.yatzy-background{height:50%;padding-top:200px;width:100%}}@keyframes ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.score-field{align-items:center;background-color:var(--blured-background-color);border:1px solid #fff3;border-radius:14px;color:var(--secondary-font-color);cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;transition:all .2s ease;width:50px}.score-field:active{transform:scale(.95);transition:transform .1s ease-out}.score-field:after{background:radial-gradient(circle,#8b5cf64d 0,#8b5cf600 70%);content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease-out,opacity .3s ease-out;width:100%}.score-field:active:after{animation:ripple .5s ease-out}.gameover-modal{background-color:#1a1625;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 4px 24px #0003;color:#fff;left:50%;padding:32px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.category-name{color:var(--secondary-font-color);padding:8px 0}.category-max{color:#ffffff80;font-size:.9em}.category-action,.category-score{text-align:center}.icon-btn{color:#ffffff80;transition:color .2s}.icon-btn-remove:hover{color:#ef4444}.icon-btn-close{color:#ffffff80}.icon-btn-close:hover{color:#fff}.game-intro{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;margin-bottom:30px;padding:60px 40px;position:relative;text-align:center;z-index:2}.game-intro h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff,#c7d2fe);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 0 30px #8b5cf680}.game-intro ul{font-size:1.1rem;line-height:1.6;margin:20px auto;max-width:600px;text-align:left}.game-intro li{margin-bottom:10px}.start-game-button{background:linear-gradient(45deg,#8b5cf6,#ec4899,#3b82f6);border:none;border-radius:30px;box-shadow:0 8px 25px #8b5cf666;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin-top:30px;padding:18px 40px;text-transform:uppercase;transition:all .3s ease}.start-game-button:hover{background:linear-gradient(45deg,#7c3aed,#db2777,#2563eb);box-shadow:0 12px 35px #8b5cf699;transform:translateY(-3px)}@media (max-width:768px){.game-intro{margin-bottom:20px;padding:40px 20px}.game-intro h1{font-size:2.2rem;margin-bottom:15px}.game-intro ul{font-size:1rem;margin:15px auto;max-width:100%}.start-game-button{font-size:1.1rem;margin-top:25px;min-height:44px;padding:15px 30px}}@media (max-width:480px){.game-intro{padding:30px 15px}.game-intro h1{font-size:1.8rem}.game-intro ul{font-size:.9rem}.start-game-button{font-size:1rem;margin-top:20px;padding:12px 25px}}.game-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;justify-content:space-between;margin-bottom:30px;margin-top:80px;padding:25px;position:relative;z-index:2}.game-header,.header-actions{align-items:center;display:flex}.header-actions{gap:20px}.game-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff,#c7d2fe);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.points-display{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;font-size:1.2rem}.admin-link,.points-display{border:1px solid #fff3;border-radius:25px;color:#fff;font-weight:700;padding:12px 24px}.admin-link{background:linear-gradient(45deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d;text-decoration:none;transition:all .3s ease}.admin-link:hover{background:linear-gradient(45deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f680;transform:translateY(-2px)}.leaderboard-button{align-items:center;background:linear-gradient(45deg,#f59e0b,#d97706);border:1px solid #fff3;border-radius:25px;box-shadow:0 4px 15px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.leaderboard-button:hover{background:linear-gradient(45deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b80;transform:translateY(-2px)}.calculate-points-button{align-items:center;background:linear-gradient(45deg,#10b981,#059669);border:1px solid #fff3;border-radius:25px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.calculate-points-button:hover{background:linear-gradient(45deg,#059669,#047857);box-shadow:0 8px 25px #10b98180;transform:translateY(-2px)}@media (max-width:768px){.game-header{flex-direction:column;gap:15px;margin-top:60px;padding:20px;text-align:center}.game-header h1{font-size:1.5rem}.points-display{font-size:1rem;padding:10px 20px}.calculate-points-button,.leaderboard-button{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.game-header{margin-top:50px;padding:15px}.game-header h1{font-size:1.3rem}.points-display{font-size:.9rem;padding:8px 16px}.calculate-points-button,.leaderboard-button{font-size:.8rem;padding:8px 16px}}.phase-navigation{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;position:relative;z-index:2}.phase-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:15px 25px;transition:all .3s ease}.phase-tab:hover{background:#fff3;box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.phase-tab.active{background:linear-gradient(45deg,#8b5cf6,#ec4899);border:1px solid #ffffff4d;box-shadow:0 8px 25px #8b5cf680;color:#fff}.phase-tab.disabled{background:#ffffff0d;color:#ffffff4d;cursor:not-allowed;opacity:.5}.phase-tab.disabled:hover{background:#ffffff0d;box-shadow:none;transform:none}.phase-tab.locked{background:#ff00001a;border-color:#ff00004d;color:#ffffffb3}.phase-tab.locked:hover{background:#ff00001a;box-shadow:none;transform:none}.lock-icon,.unavailable-icon{font-size:.8rem;margin-left:8px}.unavailable-icon{opacity:.7}@media (max-width:768px){.phase-navigation{flex-direction:column;gap:10px;margin-bottom:20px}.phase-tab{align-items:center;display:flex;font-size:.85rem;justify-content:center;min-height:44px;padding:12px 20px;text-align:center}}@media (max-width:480px){.phase-navigation{gap:8px;margin-bottom:15px}.phase-tab{font-size:.8rem;min-height:40px;padding:10px 15px}}.phase-container{background:var(--blured-field-color)}.team-selection{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:25px 0}.team-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;padding:15px 20px;text-align:center;transition:all .3s ease}.team-button:hover{background:#fff3;border-color:#8b5cf680;box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.team-button.selected{background:linear-gradient(45deg,#8b5cf6,#ec4899);border-color:#ffffff4d;box-shadow:0 8px 25px #8b5cf680;color:#fff;transform:translateY(-2px)}.team-button.disabled{background:#ffffff0d;border-color:#ffffff1a;cursor:not-allowed;opacity:.5}.team-button.disabled:hover{background:#ffffff0d;border-color:#ffffff1a;box-shadow:none;transform:none}.save-guess-button{display:flex;margin-top:15px}.selection-confirmation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;color:#fff;margin-top:25px;padding:20px}@media (max-width:768px){.phase-container{margin-bottom:15px;padding:20px}.phase-container h3{font-size:1.4rem;margin-bottom:20px}.team-selection{gap:12px;grid-template-columns:1fr;margin:20px 0}.team-button{align-items:center;display:flex;font-size:.85rem;justify-content:center;min-height:44px;padding:12px 15px}.selection-confirmation{font-size:.9rem;margin-top:20px;padding:15px}}@media (max-width:480px){.phase-container{padding:15px}.phase-container h3{font-size:1.2rem}.team-selection{gap:10px}.team-button{font-size:.8rem;min-height:40px;padding:10px 12px}.selection-confirmation{font-size:.85rem;padding:12px}}.league-standing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:10px}.phase-container .standing-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:10px;padding:6px 0}.phase-container .standing-row:last-child{border-bottom:none}.phase-container .position{color:#fff;font-size:.9rem;font-weight:700;min-width:25px}.phase-container .standing-row select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;flex:1 1;font-size:.8rem;padding:6px 10px}.phase-container .standing-row select option{background:#1a1a3e;color:#fff}.phase-container .standing-row select:disabled{background:#ffffff0d;border-color:#ffffff1a;cursor:not-allowed;opacity:.5}.saved-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;color:#fff;margin-bottom:25px;padding:20px}.saved-status p{margin:0 0 10px}.saved-status p:last-child{font-style:italic;margin-bottom:0;opacity:.8}.save-guess-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;color:#fff;margin-top:20px;padding:20px;text-align:center}.save-guess-section p{font-size:1.1rem;margin:0 0 15px}.save-guess-button{align-items:center;background:linear-gradient(45deg,#10b981,#059669);border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.save-guess-button:hover{background:linear-gradient(45deg,#059669,#047857);box-shadow:0 8px 25px #10b98180;transform:translateY(-2px)}.phase-container .point-info{flex-shrink:0;font-size:.65rem;min-width:80px;text-align:right}.phase-container .top-8{color:#10b981;font-weight:700}.phase-container .playoff{color:#f59e0b;font-weight:700}.phase-container .out{color:#ef4444;font-weight:700}.point-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;margin-top:25px;padding:25px}.point-summary ul{margin:15px 0;padding-left:20px}.point-summary li{color:#fff;margin-bottom:8px}@media (max-width:768px){.phase-container{margin-bottom:15px;padding:20px}.phase-container h3{font-size:1.4rem;margin-bottom:20px}.standing-row{align-items:center;border-bottom:1px solid #ffffff1a;flex-direction:row;gap:10px;padding:10px 0}.position-header{align-items:center;display:flex;flex:1 1;gap:10px}.phase-container .position{color:#8b5cf6;font-size:1rem;font-weight:700;min-width:30px}.phase-container .standing-row select{flex:2 1;font-size:.9rem;min-height:44px;padding:10px}.phase-container .point-info{flex-shrink:0;font-size:.7rem;margin-top:0;min-width:auto;text-align:right}.point-summary{margin-top:20px;padding:15px}.point-summary ul{padding-left:15px}}@media (max-width:480px){.phase-container{padding:15px}.phase-container h3{font-size:1.2rem}.standing-row{gap:8px;padding:8px 0}.phase-container .position{font-size:.9rem;min-width:25px}.phase-container .standing-row select{font-size:.85rem;min-height:40px;padding:8px}.phase-container .point-info{font-size:.65rem}}.phase-container{border-radius:15px;padding:20px}.phase-container h3{border-bottom:2px solid #8b5cf680;font-size:1.5rem;margin-bottom:15px;padding-bottom:10px}.tournament-bracket{display:flex;gap:20px;min-height:400px;overflow-x:auto;padding:10px 0}.bracket-round{min-width:150px;position:relative}.bracket-matches,.bracket-round{align-items:center;display:flex;flex:1 1;flex-direction:column}.bracket-matches{gap:8px;justify-content:space-around}.bracket-match{align-items:center;display:flex;margin:5px 0;position:relative}@media (max-width:768px){.phase-container{margin-bottom:15px;padding:20px}.phase-container h3{font-size:1.4rem;margin-bottom:20px}.tournament-bracket{flex-direction:column;gap:20px;min-height:auto;overflow-x:visible}.bracket-round{min-width:100%;width:100%}.bracket-matches{gap:12px;justify-content:center}.bracket-match{margin:0 auto;max-width:400px;width:100%}}@media (max-width:480px){.phase-container{padding:15px}.phase-container h3{font-size:1.2rem}.tournament-bracket{gap:15px}.bracket-matches{gap:10px}.bracket-match{max-width:100%}}.match-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:8px;min-width:150px;padding:10px;position:relative;z-index:2}.match-teams{gap:5px;margin-bottom:5px}.match-teams,.team-section{display:flex;flex-direction:column}.team-section{gap:4px}.team-label{color:#fff9;font-size:.7rem;font-weight:500;letter-spacing:.5px;text-align:center;text-transform:uppercase}.match-teams .team-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 12px;text-align:center;transition:all .3s ease;width:100%}.match-teams .team-button:hover{background:#fff3;border-color:#8b5cf680;transform:translateY(-1px)}.match-teams .team-button.selected{background:linear-gradient(45deg,#8b5cf6,#ec4899);border-color:#ffffff4d;box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}.vs{color:#fff9;font-size:.7rem;font-weight:700;letter-spacing:1px;margin:4px 0;text-align:center;text-transform:uppercase}@media (max-width:768px){.match-container{min-width:100%;padding:15px;width:100%}.match-teams .team-button{align-items:center;display:flex;font-size:.85rem;justify-content:center;min-height:44px;padding:12px 15px}.team-label{font-size:.75rem;margin-bottom:6px}.vs{font-size:.8rem;margin:8px 0}}@media (max-width:480px){.match-container{padding:12px}.match-teams .team-button{font-size:.8rem;min-height:40px;padding:10px 12px}.team-label{font-size:.7rem}.vs{font-size:.75rem}}.round-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-bottom:8px;margin-left:auto;margin-right:auto;padding:8px 12px;text-align:center;width:fit-content}.round-header h4{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase}.round-header p{color:#fffc;font-size:.75rem;margin:0}@media (max-width:768px){.round-header{margin-bottom:12px;max-width:300px;padding:10px 15px;width:100%}.round-header h4{font-size:.85rem}.round-header p{font-size:.7rem}}@media (max-width:480px){.round-header{margin-bottom:10px;padding:8px 12px}.round-header h4{font-size:.8rem}.round-header p{font-size:.65rem}}.phase-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;margin-bottom:20px;padding:40px;position:relative;z-index:2}.phase-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff,#c7d2fe);-webkit-background-clip:text;background-clip:text;border-bottom:3px solid #8b5cf680;font-size:1.8rem;font-weight:700;margin-bottom:25px;padding-bottom:15px}.phase-container .final-prediction{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px dashed #8b5cf680;border-radius:15px;padding:40px;text-align:center}.phase-container .final-prediction .final-match{background:#0000!important;border:none!important;border-radius:0!important;display:flex!important;justify-content:center!important;margin-bottom:25px!important;margin-top:0!important;padding:0!important}.phase-container .final-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;color:#fff;margin-top:25px;padding:20px}@media (max-width:768px){.phase-container{margin-bottom:15px;padding:20px}.phase-container h3{font-size:1.4rem;margin-bottom:20px}.phase-container .final-prediction{padding:20px}.phase-container .final-prediction .final-match{margin:0 auto 25px!important;max-width:400px;width:100%}.phase-container .final-info{font-size:.9rem;margin-top:20px;padding:15px}}@media (max-width:480px){.phase-container{padding:15px}.phase-container h3{font-size:1.2rem}.phase-container .final-prediction{padding:15px}.phase-container .final-prediction .final-match{max-width:100%}.phase-container .final-info{font-size:.85rem;padding:12px}}.player-guesses{max-width:100%;padding:10px}.total-points-header{background:linear-gradient(135deg,#3b82f626,#10b98126);border:2px solid #3b82f64d;border-radius:12px;margin-bottom:20px;padding:15px 20px;text-align:center}.total-points-header h3{color:#ffffffe6;font-size:1.2rem;font-weight:600;margin:0}.points-highlight{color:#10b981;font-size:1.4rem;font-weight:700;margin-left:8px}.player-guesses-tabs{margin-top:10px}.guess-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.guess-section:hover{background:#ffffff14;border-color:#3b82f64d}.guess-section-title{border-bottom:2px solid #3b82f64d;color:#3b82f6;font-size:1.3rem;font-weight:700;margin:0 0 15px;padding-bottom:10px}.guess-content,.guess-item{color:#ffffffe6}.guess-item{font-size:1.1rem;margin:10px 0}.guess-item strong{color:#60a5fa}.guess-points{border-top:1px solid #ffffff1a;color:#10b981;font-size:1rem;font-weight:700;margin-top:10px;padding-top:10px}.no-guess{color:#ffffff80;font-style:italic;margin:0}.league-standing-display{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:10px}.standing-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;display:flex;padding:8px 12px;transition:all .2s ease}.standing-item:hover{background:#3b82f61a;border-color:#3b82f64d}.standing-item .position{color:#60a5fa;font-weight:700;margin-right:8px;min-width:30px}.standing-item .team-name{color:#ffffffe6;flex:1 1;font-size:.95rem}.standing-item .team-points{font-size:.95rem;font-weight:700;margin-left:8px;min-width:30px;text-align:right}.standing-item .team-points-positive{color:#10b981}.standing-item .team-points-zero{color:#ef4444}.round-title{color:#60a5fa;font-size:1.1rem;font-weight:600;margin:15px 0 10px}.knockout-predictions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.prediction-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;display:flex;justify-content:space-between;padding:10px 15px;transition:all .2s ease}.prediction-item:hover{background:#3b82f61a;border-color:#3b82f64d}.prediction-item .match-id{color:#9ca3af;font-size:.9rem}.prediction-item .winner{color:#10b981;font-weight:600}.round-predictions{margin-bottom:15px}.round-name{color:#60a5fa;font-weight:600;margin-bottom:8px;text-transform:capitalize}.total-points-section{background:linear-gradient(135deg,#3b82f633,#10b98133);border:2px solid #3b82f666;border-radius:12px;margin-top:20px;padding:20px;text-align:center}.total-points-section h3{color:#60a5fa;font-size:1.3rem;margin:0 0 10px}.total-points-value{color:#10b981;font-size:2rem;font-weight:700;margin:0}.overview-section{background:#ffffff08}.overview-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.overview-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.overview-item:hover{background:#3b82f61a;border-color:#3b82f64d;transform:translateX(5px)}.overview-label{color:#ffffffe6;font-size:1.05rem;font-weight:500}.overview-value{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;font-size:1.2rem;font-weight:700;padding:5px 15px}@media (max-width:768px){.league-standing-display{grid-template-columns:1fr}.guess-section{padding:15px}.guess-section-title{font-size:1.1rem}.total-points-value{font-size:1.5rem}.total-points-header h3{font-size:1rem}.points-highlight{font-size:1.2rem}.overview-item{flex-direction:column;gap:8px;text-align:center}.overview-label{font-size:.95rem}.overview-value{font-size:1.1rem}}.leaderboard-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:800px;padding:20px}.leaderboard-header{margin-bottom:30px;text-align:center}.header-top{align-items:center;justify-content:center;margin-bottom:10px;position:relative}.leaderboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff,#c7d2fe);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 10px}.leaderboard-header p{color:#fffc;font-size:1.1rem;margin:0}.player-count{color:#10b981e6!important;font-size:1rem!important;font-weight:600!important;margin-top:8px!important}.leaderboard-table-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden}.leaderboard-table{border-collapse:collapse;margin:0;width:100%}.leaderboard-table thead{background:var(--cl-table-header-color)}.leaderboard-table th{color:#fff;letter-spacing:.5px;padding:20px 15px;text-transform:uppercase}.rank-header{width:120px}.name-header,.rank-header{font-size:.8rem;text-align:center}.name-header{width:auto}.points-header{font-size:.8rem;text-align:right;width:150px}.leaderboard-row{border-bottom:1px solid #ffffff1a;position:relative;transition:all .3s ease}.leaderboard-row.clickable{cursor:pointer}.leaderboard-row:hover{background:#ffffff0d}.leaderboard-row.clickable:hover{background:var(--hover-button-color);box-shadow:0 0 15px #3b82f633}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.first-place{background-color:#ffd40e43;border-left:4px solid #ffd40e}.leaderboard-row.second-place{background-color:#bababa43;border-left:4px solid #bababa}.leaderboard-row.third-place{background-color:#b4662b43;border-left:4px solid #b4662b}.leaderboard-row.last-place{background-color:#cd2d2d8b}.leaderboard-row.regular{background:#ffffff05}.rank-cell{padding:20px 15px;text-align:center;vertical-align:middle}.rank-icon{display:inline-block;font-size:1.5rem;font-weight:700;min-width:40px}.name-cell{padding:20px 15px;vertical-align:middle}.player-name{color:#fff;display:block;font-size:1.1rem;font-weight:600}.points-cell{padding:20px 15px;text-align:right;vertical-align:middle}.points-value{color:#14fbae;display:block;font-size:1.3rem;font-weight:700}.points-label{color:#fff9;font-size:.9rem;margin-left:5px}@media (max-width:768px){.leaderboard-container{margin:10px;padding:15px}.leaderboard-header h1{font-size:2rem}.back-button{font-size:.9rem;padding:6px 12px}.leaderboard-table td,.leaderboard-table th{padding:15px 10px}.rank-header{width:80px}.points-header{width:100px}.rank-icon{font-size:1.2rem;min-width:30px}.player-name{font-size:1rem}.points-value{font-size:1.1rem}}@media (max-width:480px){.leaderboard-container{margin:5px;padding:10px}.leaderboard-header h1{font-size:1.8rem}.back-button{font-size:.8rem;padding:5px 10px}.leaderboard-table td,.leaderboard-table th{padding:12px 8px}.rank-header{width:60px}.points-header{width:80px}.rank-icon{font-size:1rem;min-width:25px}.player-name{font-size:.9rem}.points-value{font-size:1rem}.points-label{font-size:.8rem}}.champions-league-game{color:#fff;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;overflow-x:hidden;padding:20px;position:relative;z-index:1}.loading-container{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.game-loading-spinner{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}.champions-league-background{background-image:url(/static/media/uefaChampionsLeague.ee59cfb2dbdf1aaba125.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:0}.champions-league-background:before{background:linear-gradient(135deg,#0a0e27cc,#1a1a3eb3 25%,#2d1b6999 50%,#4a2c7ab3 75%,#6b46c1cc);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@media (max-width:768px){.champions-league-game{margin-bottom:20px;margin-top:10px;min-height:100vh;padding:10px}.phase-content{margin-top:15px}}@media (max-width:480px){.champions-league-game{padding:5px}}.tab-navigation{background:var(--blured-background-color);border-radius:8px;display:flex;gap:4px;padding:4px}.tab-button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.tab-button:hover{background:#e5e7eb;color:#374151}.tab-button.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#111827}.tab-button:disabled{cursor:not-allowed;opacity:.5}.new-link-container{margin:0 24px 24px}.new-link-card{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px}.new-link-card h5{color:#0c4a6e;font-size:16px;font-weight:600;margin:0 0 12px}.signup-links-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:40px;overflow:hidden}.signup-links-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.signup-links-header h2{color:#111827;font-size:24px;font-weight:600;margin:0}.signup-links-actions{align-items:center;display:flex;gap:12px}.signup-links-table-container{overflow-x:auto}.signup-links-table{border-collapse:collapse;width:100%}.signup-links-table thead{background:#f9fafb}.signup-links-table th{border-bottom:1px solid var(--blured-background-color);color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 24px;text-align:left;text-transform:uppercase}.signup-links-table td{border-bottom:1px solid #f3f4f6;padding:16px 24px;vertical-align:middle}.signup-link-row:hover{background:#f9fafb}.status-cell{min-width:100px}.token-cell{max-width:200px;min-width:200px;overflow:hidden}.token-code{color:#374151;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis!important;white-space:nowrap}.created-cell,.expires-cell{max-width:150px;min-width:150px}.created-cell,.expires-cell,.used-by-cell{color:#6b7280;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.used-by-cell{max-width:120px;min-width:120px}.actions-cell{min-width:200px}.link-actions{display:flex;flex-wrap:wrap;gap:8px}.link-actions button{font-size:12px;min-width:auto;padding:6px 12px}.no-links{color:#6b7280;padding:60px 20px;text-align:center}.no-links h3{color:#111827;font-size:18px;font-weight:500;margin:0 0 8px}.no-links p{font-size:14px;margin:0}.points-table-header-Position-cell{text-align:left}.points-table-header-Team-cell{text-align:center}.points-table-header-Points-cell{text-align:right}.points-table-header-Status-cell{text-align:center}.collapsible-section{background:var(--blured-background-color);border-radius:12px;margin-bottom:20px;padding:12px}.collapsible-header h4{border:none;color:var(--secondary-font-color);font-size:1.3rem;margin:0;padding:0}.collapsible-header{align-items:center;border-bottom:1px solid var(--blured-background-color);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.collapsible-header:hover{background:var(--blured-background-color);border-radius:12px}.collapse-icon{color:var(--secondary-font-color);font-size:1.2rem;font-weight:700;transition:transform .2s ease}.collapsible-header:hover .collapse-icon{color:#374151}.collapsible-content{animation:slideDown .3s ease-out}.champions-league-admin-extended{margin:0 auto;max-width:1200px;padding:20px}.admin-section-header{margin-bottom:30px;text-align:center}.admin-section-header h3{color:#1f2937;font-size:2rem;margin-bottom:10px}.admin-section-header p{color:#6b7280;font-size:1.1rem}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.admin-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.admin-card h4{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.3rem;margin-bottom:10px;padding-bottom:8px}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.admin-card p{color:#6b7280;line-height:1.5;margin-bottom:15px}.phase-control-item{border-bottom:1px solid #f3f4f6;padding:8px 0}.phase-control-item:last-child{border-bottom:none}.phase-control-item span{color:#374151}.points-table-container{margin-top:15px;overflow-x:auto}.points-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.points-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 8px;text-align:left}.points-table td{border-bottom:1px solid #f3f4f6;padding:10px 8px}.points-table tr:hover{background:#f9fafb}.points-table tr{cursor:move;transition:all .2s ease}.points-table tr.dragging{box-shadow:0 4px 8px #0003;opacity:.5;transform:rotate(2deg)}.points-table tr.drag-over{background:#dbeafe!important;border-top:3px solid #3b82f6;transform:scale(1.02)}.drag-handle{color:#9ca3af;cursor:grab;font-size:.8rem;margin-left:4px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.position-cell{align-items:center;display:flex;gap:4px;justify-content:center}.top-8-row{background:linear-gradient(90deg,#22c55e1a,#0000)}.playoff-row{background:linear-gradient(90deg,#3b82f61a,#0000)}.out-row{background:linear-gradient(90deg,#ef44441a,#0000)}.position-cell{text-align:center;width:60px}.position-number{background:#e5e7eb;border-radius:50%;color:#374151;font-size:.9rem;font-weight:600;padding:4px 8px}.team-cell{color:#1f2937;font-weight:500}.points-input{border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;padding:4px 8px;text-align:center;width:60px}.points-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.position-input-cell{text-align:center;width:80px}.position-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;padding:4px 8px;text-align:center;width:60px}.position-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.position-input.pending-change{background:#fef3c7;border-color:#f59e0b}.pending-indicator{color:#f59e0b;font-size:1.2rem;font-weight:700;margin-left:4px}.status-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.status-badge.top-8{background:#dcfce7;color:#166534}.status-badge.playoff{background:#dbeafe;color:#1e40af}.status-badge.out{background:#fecaca;color:#991b1b}.matches-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:15px}.match-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:15px}.match-header{color:#374151;font-weight:600;margin-bottom:10px;text-align:center}.match-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.team-select,.winner-select{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:.9rem;min-width:120px;padding:6px 8px}.team-select:focus,.winner-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.vs{color:#6b7280;font-size:.9rem;font-weight:600}.final-selection{margin-top:15px}.final-select{background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;max-width:300px;padding:10px 12px;width:100%}.final-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.api-key-section{margin-bottom:20px}.api-key-section label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.api-key-input{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;margin-right:10px;max-width:400px;padding:8px 12px;width:100%}.api-key-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.api-actions{margin-bottom:20px}.api-help{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;padding:15px}.api-help p{color:#1f2937;font-weight:600;margin-bottom:10px}.api-help ol{margin:0;padding-left:20px}.api-help li{color:#4b5563;line-height:1.4;margin-bottom:5px}.api-help a{color:#3b82f6;text-decoration:none}.api-help a:hover{text-decoration:underline}@media (max-width:768px){.champions-league-admin-extended{padding:15px}.admin-grid{gap:15px;grid-template-columns:1fr}.admin-card{padding:15px}.phase-control-item{align-items:flex-start;flex-direction:column;gap:8px}.match-inputs{align-items:stretch;flex-direction:column}.team-select,.winner-select{min-width:0;min-width:auto}.points-table-container{font-size:.9rem}.points-table td,.points-table th{padding:8px 4px}}@media (max-width:480px){.champions-league-admin-extended{padding:10px}.admin-section-header h3{font-size:1.5rem}.admin-card{padding:12px}.points-table{font-size:.8rem}.points-table td,.points-table th{padding:6px 2px}.points-input,.position-input{font-size:.8rem;width:50px}}.champions-league-teams-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin:0 auto;max-width:1200px;padding:20px}.champions-league-teams-admin h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;margin-bottom:30px;text-align:center}.admin-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:25px;padding:25px}.admin-section h3{border-bottom:2px solid #8b5cf680;color:#fff;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.active-teams-info{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#fff;padding:20px}.active-teams-info p{font-size:1.1rem;margin:8px 0}.edit-button{background:linear-gradient(45deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:15px;padding:10px 20px;transition:all .3s ease}.edit-button:hover{background:linear-gradient(45deg,#2563eb,#1e40af);transform:translateY(-2px)}.season-input{margin-bottom:25px}.season-input label{color:#fff;display:block;font-weight:700;margin-bottom:8px}.season-input input{background:#0000004d;border:2px solid #8b5cf64d;border-radius:8px;color:#fff;font-size:1rem;font-weight:700;padding:12px 16px;transition:all .3s ease;width:200px}.season-input input:focus{background:#00000080;border-color:#8b5cf6cc;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.season-input input:disabled{border-color:#ffffff1a;cursor:not-allowed;opacity:.5}.teams-input{margin-bottom:25px}.teams-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.teams-header h4{color:#fff;font-size:1.2rem;margin:0}.add-team-button{background:linear-gradient(45deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.add-team-button:hover{background:linear-gradient(45deg,#059669,#047857);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.teams-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:2px solid #8b5cf633;border-radius:12px;max-height:400px;overflow-y:auto;padding:15px}.teams-list::-webkit-scrollbar{width:8px}.teams-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.teams-list::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}.teams-list::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.team-input-row{align-items:center;background:#ffffff05;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:8px;transition:all .3s ease}.team-input-row:hover{background:#ffffff0d}.team-input{background:#0000004d;border:2px solid #8b5cf64d;border-radius:8px;color:#fff;flex:1 1;font-size:.9rem;padding:10px 14px;transition:all .3s ease}.team-input:focus{background:#00000080;border-color:#8b5cf6cc;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.team-input::placeholder{color:#fff9}.remove-team-button{align-items:center;background:linear-gradient(45deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.remove-team-button:hover:not(:disabled){background:linear-gradient(45deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #0000004d;transform:scale(1.15)}.remove-team-button:disabled{cursor:not-allowed;opacity:.3;transform:none}.admin-actions{gap:15px;justify-content:center;margin-top:25px}.create-new-button{background:linear-gradient(45deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px 24px;transition:all .3s ease}.create-new-button:hover{background:linear-gradient(45deg,#d97706,#b45309);transform:translateY(-2px)}.save-button{background:linear-gradient(45deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px 24px;transition:all .3s ease}.save-button:hover:not(:disabled){background:linear-gradient(45deg,#059669,#047857);transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.seasons-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.season-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;padding:15px;transition:all .3s ease}.season-item.active{background:#10b9811a;border-color:#10b98180}.season-item:hover{background:#ffffff1a;transform:translateY(-2px)}.season-info h4{color:#8b5cf6;font-size:1.2rem;margin:0 0 10px}.season-info p{font-size:.9rem;margin:5px 0;opacity:.8}.loading{color:#fff;font-size:1.2rem;padding:40px;text-align:center}@media (max-width:768px){.champions-league-teams-admin{padding:15px}.admin-section{padding:20px}.teams-header{align-items:stretch;gap:10px}.admin-actions,.teams-header{flex-direction:column}.seasons-list{grid-template-columns:1fr}}.graphql-explorer{margin:0 auto;max-width:1200px;padding:20px}.graphql-explorer-examples__line{background:#ddd;height:1px;margin:20px 0;width:100%}.graphql-explorer-header{margin-bottom:30px}.header-top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.graphql-explorer-header h2{color:#333;margin:0 0 10px}.graphql-explorer-header p{color:#666;margin:0}.environment-selector{align-items:flex-end;display:flex;flex-direction:column;gap:8px;min-width:300px}.environment-selector label{color:#333;font-size:14px;font-weight:600}.environment-select{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px}.environment-select:focus{border-color:#007bff;outline:none}.endpoint-url{color:#666;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12px;max-width:400px;text-align:right;word-break:break-all}.graphql-explorer-examples{background:#f5f5f5;border-radius:8px;margin-bottom:30px;padding:20px}.graphql-explorer-examples h3{color:#333;font-size:16px;margin:0 0 15px}.example-buttons{display:flex;flex-wrap:wrap;gap:10px}.graphql-explorer-editor{margin-bottom:30px}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.editor-header label{color:#333;font-weight:600}.editor-actions{display:flex;gap:10px}.graphql-query-input{background:#fafafa;border:2px solid #ddd;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:14px;line-height:1.5;min-height:300px;padding:15px;resize:vertical;width:100%}.graphql-query-input:focus{background:#fff;border-color:#007bff;outline:none}.graphql-explorer-loading{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:30px}.graphql-explorer-loading p{color:#666;margin:0}.graphql-explorer-error{background:#fee;border:2px solid #fcc;border-radius:8px;margin-bottom:20px;padding:20px}.graphql-explorer-error h3{color:#c00;margin:0 0 10px}.graphql-explorer-error pre{word-wrap:break-word;background:#fff;border-radius:4px;color:#c00;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap}.graphql-explorer-response{background:#f0f9ff;border:2px solid #b3d9ff;border-radius:8px;margin-bottom:20px;padding:20px}.response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.response-header h3{color:#06c;margin:0}.response-content{word-wrap:break-word;background:#fff;border-radius:4px;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;margin:0;max-height:600px;overflow-x:auto;overflow-y:auto;padding:15px;white-space:pre-wrap}@media (max-width:768px){.graphql-explorer{padding:15px}.header-top{align-items:flex-start;flex-direction:column}.environment-selector{align-items:flex-start;width:100%}.endpoint-url{max-width:100%;text-align:left}.editor-header{align-items:flex-start;flex-direction:column;gap:10px}.editor-actions{justify-content:flex-end;width:100%}.graphql-query-input{min-height:200px}}.admin-panel{background:var(--admin-panel-background-color);border-radius:12px;font-family:Arial,sans-serif;margin:80px auto 0;max-width:1200px;padding:20px}.admin-tabs{margin-top:20px}.admin-section-header h3{color:#333;font-size:24px;margin:0}.admin-actions{align-items:center;display:flex;gap:10px}.admin-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.admin-card{padding:20px}.admin-card h4{color:#333;font-size:18px;margin:0 0 10px}.admin-card p{color:#666;font-size:14px;line-height:1.4;margin:0 0 15px}.phase-controls{display:flex;flex-direction:column;gap:12px}.phase-control-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.phase-control-item span{color:#495057;font-size:14px;font-weight:500}@media (max-width:768px){.admin-grid{grid-template-columns:1fr}.admin-section-header{align-items:stretch;flex-direction:column;gap:15px}.admin-actions{flex-wrap:wrap;justify-content:center}.links-grid{grid-template-columns:1fr}.link-actions{flex-direction:column}.link-actions button{flex:none}.phase-controls{flex-direction:column}}.login-background{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;display:flex;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.login-container{background:#2a2a2a;border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;display:flex;flex-direction:column;max-width:90vw;min-width:320px;padding:40px 32px 32px}.login-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:left}.login-form{display:flex;flex-direction:column;gap:16px;width:100%}.profile-container{margin:80px auto 0;max-width:800px;padding:20px}.profile-header{margin-bottom:30px;text-align:center}.profile-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.profile-header p{color:#666;font-size:1.1rem}.profile-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin-bottom:30px}.profile-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1.1rem;font-weight:500;padding:15px 30px;position:relative;transition:all .3s ease}.profile-tab:hover{background-color:#f5f5f5;color:#333}.profile-tab.active{background-color:#f8f9fa;border-bottom-color:#1976d2;color:#1976d2}.profile-content{min-height:400px}.profile-card{border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:30px}.profile-card h2{border-bottom:2px solid #e0e0e0;color:#333;font-size:1.8rem;margin-bottom:25px;padding-bottom:10px}.profile-form{gap:20px}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:1rem;font-weight:600}.form-input{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.form-input.disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.form-input::placeholder{color:#999}.form-help{color:#666;font-size:.9rem;margin-top:4px}.profile-save-button{align-self:flex-start;background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:12px 30px;transition:background-color .3s ease,transform .2s ease}.profile-save-button:hover:not(:disabled){background-color:#1565c0;transform:translateY(-1px)}.profile-save-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.profile-save-button:disabled:hover{transform:none}@media (max-width:768px){.profile-container{margin-top:70px;padding:15px}.profile-header h1{font-size:2rem}.profile-tabs{flex-direction:column}.profile-tab{padding:12px 20px;text-align:left}.profile-card{padding:20px}.profile-card h2{font-size:1.5rem}.form-input{padding:10px 14px}.profile-save-button{padding:14px;width:100%}}@media (max-width:480px){.profile-container{padding:10px}.profile-header h1{font-size:1.8rem}.profile-header p{font-size:1rem}.profile-card{padding:15px}}.login-required-background{background:var(--blured-background-color);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:0}.login-required-container{align-items:center;display:flex;font-family:Arial,sans-serif;justify-content:center;margin-top:200px;padding:20px}.login-required-content{animation:fadeInUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:48px;text-align:center;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-required-icon{display:flex;justify-content:center;margin-bottom:24px}.login-required-icon img{border-radius:8px;height:auto;max-width:100%}.login-required-title{color:#1976d2;font-size:2.5rem;font-weight:700;margin:0 0 16px;text-shadow:0 2px 4px #1976d233}.login-required-message{color:#333;font-size:1.2rem;line-height:1.5;margin:0 0 12px}.login-required-submessage{color:#666;font-size:1rem;line-height:1.4;margin:0 0 32px}.login-required-button{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:8px;box-shadow:0 4px 12px #1976d24d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:24px;padding:16px 32px;transition:all .3s ease}.login-required-button:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);box-shadow:0 6px 16px #1976d266;transform:translateY(-2px)}.login-required-button:active{box-shadow:0 2px 8px #1976d24d;transform:translateY(0)}.login-required-footer{border-top:1px solid #e0e0e0;padding-top:20px}.login-required-footer p{color:#666;font-size:.95rem;margin:0}.login-required-link{color:#1976d2;cursor:pointer;font-weight:500;margin-left:4px;text-decoration:underline;transition:color .2s ease}.login-required-link:hover{color:#1565c0}@media (max-width:1024px){.login-required-content{max-width:600px;padding:40px}.login-required-icon img{max-width:300px}}@media (max-width:768px){.login-required-container{padding:16px}.login-required-content{max-width:100%;padding:32px 24px}.login-required-icon img{max-width:250px}.login-required-title{font-size:2rem}.login-required-message{font-size:1.1rem}.login-required-button{font-size:1rem;padding:14px 28px}}@media (max-width:480px){.login-required-container{padding:12px}.login-required-content{padding:24px 16px}.login-required-icon img{max-width:200px}.login-required-title{font-size:1.8rem}.login-required-message{font-size:1rem}.login-required-submessage{font-size:.9rem}.login-required-button{font-size:.95rem;padding:12px 24px}}.signup-background{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;display:flex;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.signup-container{background:#2a2a2a;border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;display:flex;flex-direction:column;max-width:90vw;min-width:320px;padding:40px 32px 32px}.signup-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:left}.signup-form{display:flex;flex-direction:column;gap:16px;width:100%}.input-container{position:relative;width:100%}input{background:#4a4a4a;border:none;border-radius:8px;box-sizing:border-box;color:#d0d0d0;font-size:1rem;outline:none;padding:14px 16px;transition:background-color .2s;width:100%}input:focus{background:#525252}input::placeholder{color:#a0a0a0}.reset-password-background{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;display:flex;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.reset-password-container{background:#2a2a2a;border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;display:flex;flex-direction:column;max-width:90vw;max-width:500px;min-width:320px;padding:40px 32px 32px}.reset-password-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:left}.reset-password-form{display:flex;flex-direction:column;gap:16px;width:100%}.error-message,.info-message,.loading-message{border-radius:8px;font-size:.9rem;padding:12px}.error-message{background:#ef44441a;border:1px solid #ef44444d}.info-message{background:#3b82f61a;border:1px solid #3b82f64d}.success-message{color:#d0d0d0;margin-bottom:16px}.success-message p{font-size:1rem;margin:0 0 16px}.password-display{margin-bottom:16px;position:relative;width:100%}.password-input{background:#4a4a4a;border:none;border-radius:8px;box-sizing:border-box;color:#d0d0d0;font-family:monospace;font-size:1.2rem;font-weight:600;letter-spacing:2px;outline:none;padding:14px 50px 14px 16px;width:100%}.password-input:focus{background:#525252}.password-hint{color:#a0a0a0;font-size:.9rem;font-style:italic;margin:0}.password-toggle{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#b0b0b0}.App{text-align:center}.App-header{align-items:center;background-color:#fff;color:#0d0f1c;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#5f65c1}:root{--main-background-color:#fff;--blured-background-color:#b1b1b14d;--blured-field-color:#1e1e1ecc;--notification-background-color:#000;--modal-background-color:#000000d7;--admin-panel-background-color:#32323b;--main-button-color:#32323b;--secondary-button-color:#9a9a9a88;--danger-button-color:#ff0008;--confirmation-button-color:#61fb01a6;--warning-button-color:#ffa726;--hover-button-color:#505060;--active-button-color:#282832;--primary-font-color:#32323b;--secondary-font-color:#fff;--tertiary-font-color:#e67e22;--cl-table-header-color:#33253ba6;--primary-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
/*# sourceMappingURL=main.51bc8587.css.map*/