.home-hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;min-height:calc(100vh - 60px);text-align:center;color:var(--text-color);background:radial-gradient(circle at center center,rgba(255,255,255,.04),var(--bg-color))}.home-hero-container h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem}.home-hero-container p{font-size:1.25rem;line-height:1.6;max-width:700px;margin-bottom:3rem}.home-hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.hero-button{text-decoration:none;font-size:1rem;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;min-width:150px;text-align:center;transition:transform .2s ease,opacity .2s ease}.hero-button.primary{background-color:var(--accent-color);color:#fff;border:none}.hero-button.secondary{background:none;border:1px solid var(--accent-color);color:var(--accent-color)}.hero-button:hover{transform:scale(1.05);opacity:.9}.hero-button:active{transform:scale(.98)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;justify-self:center;align-self:center}.auth-page{display:flex;flex-direction:column;align-items:center;padding:4rem 1rem;min-height:calc(100vh - 60px);background-color:var(--bg-color);color:var(--text-color)}.auth-page h1{font-size:2.2rem;margin-bottom:2rem}.auth-form{background-color:var(--card-bg);padding:2rem;border-radius:var(--radius);box-shadow:0 0 10px #0006;max-width:400px;width:100%}.auth-form label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-color)}.auth-form input{width:100%;padding:.5rem;margin-bottom:1.2rem;border:1px solid #444;border-radius:var(--radius);background-color:#2e2e2e;color:var(--text-color)}.auth-form input:focus{outline:none;border-color:var(--accent-color)}.auth-form button{width:100%;padding:.75rem;font-size:1rem;cursor:pointer;border-radius:var(--radius);background-color:var(--accent-color);color:#fff;border:none;transition:background-color .2s ease}.auth-form button:hover{background-color:#991b1b}.error{color:#f87171;margin-top:1rem;text-align:center}.info-text{margin-bottom:1.5rem;color:var(--muted-text);font-size:1rem;text-align:center}.success-message{background-color:#144620;color:#a3d9a5;padding:1rem;border-radius:var(--radius);margin-top:1rem;text-align:center;font-weight:600;font-size:1.1rem}.success{margin-top:1rem;margin-bottom:1rem;color:#4ade80;font-weight:600}.join-code-container{margin-top:1.5rem;text-align:center}.join-code-box{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem;max-width:250px;margin-left:auto;margin-right:auto}.join-code-box input{flex-grow:1;padding:.5rem 1rem;text-align:center;font-size:1.2rem;border-radius:var(--radius);border:2px solid var(--accent-color);background-color:var(--card-bg);color:var(--text-color);-webkit-user-select:all;user-select:all;max-width:130px}.join-code-box input:focus{outline:none;border-color:#4ade80;background-color:#1f2a1f}.copy-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.copy-button:hover{background-color:#991b1b}.copy-feedback{margin-top:.5rem;color:#4ade80;font-weight:600}.auth-form select{width:100%;padding:.5rem;border-radius:var(--radius);background-color:#2e2e2e;color:var(--text-color);border:1px solid #444;margin-bottom:1.2rem}.auth-form select:focus{outline:none;border-color:var(--accent-color)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-wrapper{display:flex;flex-direction:column;padding:20px 40px;margin:0 auto;gap:24px;overflow-y:auto;height:100%}.dashboard-header{text-align:center;margin-bottom:8px}.dashboard-title{font-size:2.5rem;color:var(--accent-color);margin-bottom:4px}.dashboard-subtitle{color:var(--muted-text);font-size:1rem}.dashboard-error{color:var(--accent-color);text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px}.loading-hint{color:var(--muted-text);font-size:.9rem;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.season-kpis{margin-bottom:8px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.kpi-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#ffffff08;border-radius:var(--radius);border:1px solid #2a2a2a}.kpi-value{font-size:1.8rem;font-weight:700;color:var(--text-color)}.kpi-label{font-size:.8rem;color:var(--muted-text);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;text-align:center}.zone-maps-section{margin-bottom:8px}.zone-maps-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start}.zone-map-wrapper{display:flex;flex-direction:column;align-items:center}.zone-map-title{font-size:1rem;color:var(--accent-color);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.zone-map-container{position:relative;width:100%;max-width:400px}.zone-map-img{width:100%;height:auto;display:block;border-radius:var(--radius);opacity:.7}.zone-map-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:var(--radius)}.games-slider-section{display:flex;justify-content:center;margin-bottom:8px}.slider-label{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-color);font-size:.95rem}.dual-range-slider{position:relative;width:200px;height:6px}.dual-range-slider:before{content:"";position:absolute;width:100%;height:6px;background:#2a2a2a;border-radius:3px}.dual-range-slider .active-range{position:absolute;height:6px;background:var(--accent-color);border-radius:3px}.dual-range-slider input[type=range]{position:absolute;width:100%;height:6px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;cursor:pointer}.dual-range-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0000004d}.dual-range-slider input[type=range]::-moz-range-thumb{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0000004d}.slider-value{color:var(--accent-color);font-weight:600;font-size:.85rem}.zone-mode-grid{display:flex;justify-content:center;gap:24px;padding:16px;border-radius:var(--radius)}.zone-mode-wrapper{display:flex;align-self:center;flex-direction:column;align-items:center;width:100%;background:#ffffff05;border-radius:calc(var(--radius) / 1.5);border:1px solid #333}.situation-row{display:flex;justify-content:center;gap:16px;padding:16px 12px 0;width:100%;max-width:480px;border-radius:calc(var(--radius) / 1.5)}.situation-row .mode-btn{min-width:58px;padding:6px 10px}.mode-column{display:flex;flex-direction:column;gap:8px}.mode-column-title{font-size:.75rem;color:var(--muted-text);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:4px}.mode-btn{padding:6px 12px;font-size:.8rem;background:#ffffff0d;border:1px solid #333;border-radius:var(--radius);color:var(--text-color);cursor:pointer;transition:all .15s ease}.mode-btn:hover{background:#ffffff1a;border-color:var(--accent-color)}.mode-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.dashboard-grid{display:flex;flex-direction:column;gap:32px}.dashboard-section{border-radius:var(--radius);padding:0}.section-title{font-size:1.1rem;color:var(--accent-color);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #333}.section-hint{font-size:.8rem;color:var(--muted-text);font-weight:400}.table-container{overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse;font-size:.9rem}.dashboard-table th,.dashboard-table td{padding:10px 8px;text-align:center;border-bottom:1px solid #2a2a2a}.dashboard-table th{background:transparent;color:var(--muted-text);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #333}.dashboard-table th:first-child,.dashboard-table td:first-child{text-align:left}.dashboard-table tbody tr:hover{background:#ffffff05}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease;white-space:nowrap}.sortable-header:hover{color:var(--accent-color-light)}.sortable-header.active{color:var(--accent-color)}.game-info{display:flex;flex-direction:column;gap:2px}.game-opponent{font-weight:600;color:var(--text-color)}.game-opponent.game-win{color:#4ade80}.game-opponent.game-loss{color:#f87171}.game-date{font-size:.75rem;color:var(--muted-text)}.game-date.game-win{color:#4ade80}.game-date.game-loss{color:#f87171}.dashboard-player-info{display:flex;align-items:center;gap:8px;font-weight:700}.dashboard-player-number{flex:0;color:var(--accent-color);font-weight:700;min-width:28px}.dashboard-player-name{font-weight:500;white-space:nowrap}.stat-positive{color:#4ade80}.stat-negative{color:#f87171}.totals-row{font-weight:700}.totals-row td{border-top:2px solid var(--accent-color);border-bottom:none;padding-top:12px}.totals-label{color:var(--accent-color)}.empty-row td{color:var(--muted-text)}.no-data{color:var(--muted-text);font-style:italic;padding:24px!important}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.zone-maps-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.dashboard-wrapper{padding:12px}.dashboard-title{font-size:1.8rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:1.4rem}.zone-maps-grid{grid-template-columns:1fr}.zone-map-container{max-width:300px}.dashboard-table{font-size:.8rem}.dashboard-table th,.dashboard-table td{padding:8px 4px}.dashboard-player-info{flex-direction:column;align-items:flex-start;gap:0}.dashboard-player-number{font-size:.75rem}.zone-maps-grid{grid-template-columns:1fr;gap:24px}.zone-mode-grid{order:3}}.scroll-container{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-container::-webkit-scrollbar{width:10px}.scroll-container::-webkit-scrollbar-track{background:#1e1d22;border-radius:8px}.scroll-container::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px;border:2px solid #1e1d22}.scroll-container{scrollbar-width:thin;scrollbar-color:var(--accent-color) #1e1d22}nav{box-shadow:0 1px 5px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--bg-color);padding:0 2rem 0 1rem;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000}.navbar-left{font-weight:700;color:var(--text-color);letter-spacing:.5px;display:flex;align-items:center}.navbar-left a{font-size:1.4rem}.navbar-right{display:flex;align-items:center;gap:1rem}ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}li{display:flex;align-items:center}a{color:var(--text-color);text-decoration:none;font-size:1rem;padding:.4rem .6rem;border-radius:4px;transition:background-color .2s ease}.active-link{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}a:hover{background-color:#ffffff1a}.hamburger{display:none;font-size:1.8rem;cursor:pointer;color:var(--text-color)}@media (max-width: 768px){.hamburger{display:block}.navbar-right{position:absolute;top:60px;right:0;width:100%;background-color:var(--bg-color);flex-direction:column;align-items:flex-start;display:none;padding:1rem 2rem}.navbar-right.open{display:flex}.navbar-right ul{flex-direction:column;gap:.75rem;width:100%}.navbar-right li{width:100%}.navbar-right a{width:100%;padding:.75rem 1rem;font-size:1rem}}.continue-to-teampage-button{background-color:transparent;color:#fff;border:1px solid transparent;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-size:1rem;margin-top:1rem;transition:border .2s,color .2s}.continue-to-teampage-button:hover{border:1px solid var(--accent-color)}.kaukalo-image-container{width:100%;position:relative;box-shadow:0 2px 12px #0000001f}.kaukalo-image-container:hover{box-shadow:0 4px 24px #b91c1c1f}.kaukalo-image{width:100%;height:auto;display:block;border-radius:var(--radius);box-shadow:0 1px 6px #0000001a}.kaukalo-canvas{position:absolute;cursor:pointer;top:0;left:0;pointer-events:auto;background-color:transparent;border-radius:var(--radius);transition:opacity .3s ease-in-out}.grid-question-text{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.grid-question-container{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;padding:2rem 1.5rem;background:var(--card-bg);border-radius:var(--radius);box-shadow:0 2px 12px #0000001f}.grid-question-text{font-size:1.6rem;font-weight:600;margin-bottom:2rem;color:var(--text-color);letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.12)}.grid-options{display:grid;gap:1.2rem;flex-grow:1;grid-template-columns:1fr 1fr}.single-grid-option{grid-template-columns:1fr}.grid-option-button{cursor:pointer;-webkit-user-select:none;user-select:none;padding:1rem 1.2rem;font-size:1.1rem;font-weight:500;color:var(--text-color);background:linear-gradient(90deg,var(--bg-color) 60%,var(--card-bg) 100%);border:2px solid var(--accent-color);border-radius:var(--radius);box-shadow:0 1px 6px #0000001a;transition:background .18s,border-color .18s,color .18s,transform .12s;outline:none}.grid-option-button:hover,.grid-option-button:focus{background:#b91c1c2e;color:var(--text-color);border-color:var(--accent-color);transform:translateY(-1px) scale(1.01)}.grid-option-button:active{background:#b91c1c47;color:var(--text-color);border-color:var(--accent-color);transform:scale(.98)}.player-box-btn{padding:8px 10px;margin:5px;border-radius:var(--radius);border:2px solid var(--bg-color);background:#444;color:var(--text-color);cursor:pointer;font-size:.95rem;font-weight:700;transition:background .18s,border-color .18s,transform .12s;width:100%;box-shadow:0 1px 6px #0000001a}.player-box-btn.forward,.player-box-btn.defense{flex:1}.player-box-btn:hover,.player-box-btn:focus{background:#166934;border-color:#fff;color:#fff;transform:translateY(-1px) scale(1.03)}.player-box-btn:active{background:#02b744;border-color:#fff;color:#fff;transform:scale(.98)}.shooter-wrapper{padding:2rem 1.5rem}.shooter-question-container{display:flex;flex-direction:row;background:var(--card-bg);border-radius:var(--radius);box-shadow:0 2px 12px #0000001f;margin-bottom:2rem}.shooter-question-text{font-size:1.6rem;font-weight:600;margin-bottom:2rem;color:var(--text-color);letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.12)}.shooter-left-column,.shooter-right-column{background-color:transparent;display:flex;flex-direction:column;padding:0}.shooter-left-column{flex:2;border-right:2px solid #222}.shooter-right-column{flex:3}.shooter-f-row{display:flex;flex-direction:row;padding:3px}.shooter-question-container p{font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem;letter-spacing:.5px}.create-game-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;background-color:var(--bg-color);height:100%;color:var(--text-color)}.create-game-form-wrapper{width:100%;display:flex;flex-direction:row;align-items:start;justify-content:center;gap:2rem}.create-game-container{display:flex;align-items:center;gap:1rem;width:100%}.special-teams-inputs{display:flex;gap:1rem;margin-top:1rem;width:100%;max-width:300px}.special-team-input{display:flex;flex-direction:column;align-items:start}.create-game-form-wrapper button{margin-bottom:1rem;width:100%;max-width:300px}.create-game-page h1{font-size:2.2rem;margin-bottom:2rem;text-align:center}.radio-group{display:flex;gap:20px}.radio-option{display:flex;align-items:center;gap:5px}.auth-form fieldset{border:1px solid #444;padding:.5rem;margin-bottom:1rem;border-radius:var(--radius);background-color:#2e2e2e}.auth-form legend{padding:0 .5rem;font-weight:600;font-size:1rem;color:var(--text-color)}.create-game-form-wrapper .muted-button{max-width:200px;margin-top:1rem}.muted-button{margin:1rem auto 0;background-color:transparent;padding:.5rem;color:var(--text-color);cursor:pointer;transition:border .2s,color .2s;border:1px solid transparent;width:100%;max-width:200px;border-radius:var(--radius);font-size:1rem}.muted-button:hover{color:#fff;border:1px solid var(--accent-color)}.muted-button:active{background-color:var(--card-bg);color:var(--muted-text)}.roster-selector-wrapper{margin:2rem 0;padding:1.5rem;background-color:#242222;border-radius:var(--radius);width:90vw;height:80vh;box-shadow:0 0 10px #0000004d;color:var(--text-color)}.roster-selector{display:flex;flex-direction:row;gap:1rem;height:100%}.lineup{flex:3;display:flex;flex-direction:column;gap:1rem}.skaters{flex:3;display:flex;flex-direction:row;gap:1rem}.left-roster-column,.right-roster-column{display:flex;flex-direction:column;gap:1rem}.left-roster-column{flex:2}.right-roster-column{flex:3}.positions-row{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:20px;background-color:inherit}.goalies-row{display:flex;flex-direction:row;justify-content:space-between}.player-in-roster-box{display:flex;position:relative;flex:1;justify-content:center;align-items:center;padding:.5rem;margin:.2rem;height:40px;border:1px solid #444;border-radius:var(--radius);background-color:#2e2e2e;color:var(--text-color);cursor:pointer;font-size:.9rem;transition:background-color .2s;-webkit-user-select:none;user-select:none}.roster-box-x{position:absolute;top:4px;right:4px;margin:0;background-color:transparent;border:none;color:var(--text-color);cursor:pointer;padding:0;font-size:1rem}.player-in-roster-box:hover{background-color:#3a3a3a}.player-in-roster-box.active{border:1px solid var(--accent-color);background-color:#3c1f1f}.player-list{flex:1;background-color:#1e1e1e;padding:.5rem;border-radius:var(--radius);color:var(--text-color)}.player-list details{margin-bottom:1rem;border:1px solid #333;border-radius:var(--radius);background-color:#2a2a2a;padding:.5rem 1rem}.player-list summary{font-weight:600;font-size:1.1rem;cursor:pointer;color:var(--text-color);margin-bottom:.5rem}.player-jersey-number{width:2em;flex-shrink:0}.player-list p{display:flex;padding:.4rem;margin-left:1rem;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s}.player-list p:hover{background-color:#333}.roster-controls{display:flex;width:100%;gap:.5rem;margin-top:1rem}.scraper-roster-input{width:100%;display:flex;gap:.5rem}.scraper-roster-input input{flex:1;padding:.5rem;border:1px solid #444;border-radius:var(--radius);background-color:#2e2e2e;color:var(--text-color)}.scraper-roster-input input[type=radio]{margin-right:0rem;width:auto;flex:none}.scraper-roster-input button{padding:.5rem 1rem;border:none;border-radius:var(--radius);background-color:var(--accent-color);color:#fff;cursor:pointer;transition:background-color .2s}.scraper-roster-input button:disabled{background-color:#555;cursor:not-allowed}.scraper-roster-input button:hover:enabled{background-color:var(--accent-color-dark)}.scraper-roster-input button:active:enabled{background-color:var(--accent-color)}.basic-button{background-color:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;margin:0rem;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:background-color .2s ease}.basic-button:hover{background-color:var(--accent-color-dark)}.basic-button:active{background-color:var(--accent-color)}.basic-button:disabled{cursor:not-allowed}.modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{max-width:90%;max-height:90%;box-shadow:0 0 15px #0006}.mini-roster-view{padding:2rem;background-color:var(--card-bg);border-radius:8px;width:400px}.forwards-row{display:flex;margin-bottom:4px}.defenders-row{display:flex;justify-content:space-around;margin-bottom:4px}.goalies-row{display:flex;justify-content:space-between;margin-bottom:4px}.player-number{flex:1;min-width:30px;text-align:center;padding:2px 4px;border-radius:4px;font-family:monospace}.mini-roster-title{font-weight:700;margin:12px;text-align:center}.question-container{display:flex;flex:1;flex-direction:column;height:100%}.tagging-area-column{position:relative;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.tagging-back-button{position:absolute;bottom:.3rem;right:.1rem;padding:.2rem .4rem;font-size:1rem;background-color:#ffffff0d;color:var(--text-color);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);cursor:pointer;transition:background-color .2s ease,transform .1s ease}.tagging-back-button:hover{background-color:#ffffff1a;transform:translateY(-1px)}.game-picker-container{display:flex;align-items:center;justify-content:center;height:100%}.game-picker-container h1{font-size:1.8rem;margin-bottom:.5rem}.game-picker-container p{color:var(--muted-text);font-size:1rem}.game-picker-card{background-color:var(--card-bg);padding:2rem;border-radius:var(--radius);text-align:center;box-shadow:0 0 10px #0006;max-width:400px;width:90%}.button-group{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.game-picker-card button{background-color:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;margin:0rem;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:background-color .2s ease}.game-picker-card button:hover{background-color:#a41414}.tagging-mode-picker-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.tagging-mode-picker-wrapper h1{font-size:1.8rem;margin-bottom:.5rem}.game-picker-container{padding:2rem;display:flex;margin:0 auto;flex-direction:column;align-items:center;justify-content:center;background-color:var(--container-bg);border-radius:var(--radius);box-shadow:0 0 16px #000c}.game-picker-container h2{margin-bottom:1rem;color:var(--text-color);font-family:var(--font-family);font-size:1.5rem;text-align:center}.table-wrapper{width:100%;max-width:1100px;max-height:calc(100vh - 220px);border:1px solid #444;border-radius:var(--radius)}.game-table{width:100%;border-collapse:collapse;font-family:var(--font-family);table-layout:auto}.game-table thead{background-color:#1e1d22;color:var(--text-color)}.game-table thead th{position:sticky;top:0;z-index:2}.game-table th,.game-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #333;background-color:#222123;color:var(--text-color)}.game-table tbody tr:nth-child(2n){background-color:#2a282d}.game-table tbody tr:hover{background-color:#3a383f}.select-button{background-color:var(--accent-color);color:#fff;border:none;padding:.4rem .8rem;border-radius:var(--radius);cursor:pointer;font-weight:700;transition:background-color .2s}.select-button:hover{background-color:#8e1515}.continue-game-container{display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;height:100%;max-width:800px;margin-top:2rem}.continue-game-container{max-height:calc(100vh - 180px);overflow:hidden}.participant-box{flex:1;padding:8px 10px;margin:5px;border-radius:var(--radius);border:2px solid #444;background-color:#666;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .12s;box-shadow:0 1px 6px #0000001a}.participant-box.on-ice.green{background-color:#476c47;border-color:#8cb48d}.participant-box.participated.green{background-color:#0c0;border-color:#4caf50}.participant-box.on-ice.red{background-color:#924c4c;border-color:#b91c1c}.participant-box.participated.red{background-color:red;border-color:#b91c1c}.participant-box:focus,.participant-box:hover{outline:none;box-shadow:0 2px 8px #b91c1c2e;transform:translateY(-1px) scale(1.03)}.participant-wrapper{padding:2rem 1.5rem}.participant-question-container{display:flex;flex-direction:row}.participant-question-text{font-size:1.6rem;font-weight:600;margin-bottom:2rem;color:var(--text-color);letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.12)}.participant-left-column{background-color:inherit;display:flex;flex-direction:column;flex:2}.participant-right-column{background-color:inherit;display:flex;flex-direction:column;flex:3}.participant-d-row,.participant-f-row{display:flex;flex-direction:row;padding:3px}.participant-summary{margin-top:2rem;padding:1rem;background-color:var(--card-bg);border-radius:var(--radius);color:var(--text-color);box-shadow:0 2px 8px #0003}.participant-summary h3{font-size:1.2rem;margin-top:1rem;margin-bottom:.5rem;color:var(--muted-text)}.participant-summary ul{list-style:none;padding-left:0;min-height:2.5rem;transition:min-height .2s ease}.participant-summary li{margin-bottom:4px;font-size:1rem;padding-left:.5rem;border-left:3px solid var(--muted-text)}.confirm-button{margin-top:1rem;width:100%;padding:.8rem 1.6rem;font-size:1.1rem;font-weight:700;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color .2s ease,transform .1s ease;box-shadow:0 2px 10px #0006;align-self:center;display:block}.confirm-button:hover{background-color:#8e1515}.confirm-button:active{transform:scale(.97)}.tagging-page{display:flex;flex-direction:row;box-sizing:border-box;height:100%;background:var(--bg-color);border-radius:var(--radius);box-shadow:0 4px 24px #0000002e;overflow:hidden}.tagging-area-column{flex:5;padding:0;background:linear-gradient(135deg,var(--bg-color) 0%,var(--card-bg) 100%);min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;border-right:2px solid #222}.tagging-summary-column{background-color:var(--card-bg);flex:2;border-left:2px solid #444;padding:2rem 1.5rem;min-width:320px;box-shadow:-2px 0 12px #0000001f;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.tagging-summary-column,.player-tagging-summary,.tagging-summary{scrollbar-width:thin;scrollbar-color:var(--accent-color) #1e1d22}.tagging-summary-column::-webkit-scrollbar,.player-tagging-summary::-webkit-scrollbar,.tagging-summary::-webkit-scrollbar{width:10px}.tagging-summary-column::-webkit-scrollbar-track,.player-tagging-summary::-webkit-scrollbar-track,.tagging-summary::-webkit-scrollbar-track{background:#1e1d22;border-radius:8px}.tagging-summary-column::-webkit-scrollbar-thumb,.player-tagging-summary::-webkit-scrollbar-thumb,.tagging-summary::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px;border:2px solid #1e1d22}.player-tagging-summary{display:flex;flex-direction:column;padding:1rem;overflow-y:auto;height:100%;background-color:var(--bg-color);width:100%;border-radius:var(--radius);box-shadow:0 2px 12px #0000001a;margin-bottom:1rem}.player-summary-row{border-bottom:1px solid #333;padding:.5rem 0;cursor:pointer}.player-summary-header{display:flex;gap:1rem;cursor:pointer;font-weight:500;padding:.4rem 0;transition:background .2s}.player-summary-index{width:1.5rem;flex-shrink:0}.player-summary-result{width:3.5rem;flex-shrink:0;color:var(--accent-color)}.player-summary-result-plus{color:#00cb00}.player-summary-type{width:7rem;flex-shrink:0;color:var(--text-color)}.player-summary-header:hover{background-color:#ffffff0d}.player-summary-details{margin-top:.5rem;font-size:.9rem;color:var(--muted-text);padding-left:1rem}.player-summary-actions{margin-top:.5rem}.player-summary-actions button{margin-right:.5rem;padding:.3rem .6rem;font-size:.8rem;background-color:var(--accent-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;transition:background-color .2s ease}.player-summary-actions button:hover{background-color:#8e1515}.tagging-summary{padding:1rem;overflow-y:auto;height:100%;background-color:var(--bg-color);width:100%;border-radius:var(--radius);box-shadow:0 2px 12px #0000001a}.summary-row{border-bottom:1px solid #333;padding:.5rem 0;cursor:pointer}.summary-header{display:flex;gap:1rem;cursor:pointer;font-weight:500;padding:.4rem 0;transition:background .2s}.summary-index{width:1.5rem;flex-shrink:0}.summary-result{width:3.5rem;flex-shrink:0;color:var(--accent-color)}.summary-result-plus{color:#00cb00}.summary-type{width:3.5rem;flex-shrink:0;color:var(--text-color)}.summary-header:hover{background-color:#ffffff0d}.summary-details{margin-top:.5rem;font-size:.9rem;color:var(--muted-text);padding-left:1rem}.summary-actions{margin-top:.5rem}.summary-actions button{margin-right:.5rem;padding:.3rem .6rem;font-size:.8rem;background-color:var(--accent-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;transition:background-color .2s ease}.summary-actions button:hover{background-color:#8e1515}.tag-details-list{margin:0;list-style:none;font-size:.9rem;color:var(--muted-text);display:flex;flex-direction:column;gap:.3rem}.tag-details-list li{margin-bottom:.3rem}.admin-wrapper{display:flex;flex-direction:row;padding:20px;gap:20px}.reset-db-wrapper{flex:1;background-color:var(--card-bg)}.create-code-wrapper,.change-team-wrapper{display:flex}.team-change-message{color:green;margin-top:10px;font-weight:700;font-size:1.1em}.two-column-layout{display:flex;flex-direction:row;margin:0 auto;height:100%;padding:1rem}.left-column{flex:1;display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:var(--radius);padding:1rem;box-shadow:0 0 10px #0006;min-height:0;overflow-y:auto}.right-column{flex:1;display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:var(--radius);padding:1rem;box-shadow:0 0 10px #0006;min-height:0}.separator{width:1px;background-color:#444;margin:0 1rem}.export-selector{display:flex;flex-direction:column;gap:1rem}.selector-title{font-size:1.3rem;color:var(--muted-text);border-bottom:1px solid #444;padding-bottom:.5rem;margin-bottom:.5rem}.export-card{background-color:var(--card-bg);border:1px solid transparent;border-radius:var(--radius);padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 0 4px #0000004d}.export-card:hover{border-color:var(--accent-color);background-color:#262626}.export-card.selected{border-color:var(--accent-color);background-color:#1f1f1f}.export-card h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-color)}.export-card p{margin:0;font-size:.95rem;color:var(--muted-text)}.games-selector-wrapper{display:flex;flex-direction:column;align-items:center;background:var(--background-color);height:100%}.date-selectors{display:flex;align-items:flex-end;justify-content:center;gap:2rem;margin-bottom:1rem;max-width:700px;margin-left:auto;margin-right:auto;height:auto}.date-section{display:flex;flex-direction:column;min-width:160px}.date-section label{color:var(--accent-color);font-weight:500;margin-bottom:.25rem}.date-section input[type=date]{background:var(--card-bg);color:var(--text-color);border:1px solid var(--muted-text);border-radius:var(--radius);padding:.5rem 1rem;font-size:1rem}.date-selectors button{background:var(--accent-color);color:var(--text-color);border:none;border-radius:var(--radius);padding:.5rem 1.25rem;font-size:1rem;cursor:pointer;transition:background .2s;margin-bottom:.2rem}.date-selectors button:hover{background:#991b1b}.game-location-radio{display:flex;gap:2rem;margin-bottom:1rem;justify-content:center}.game-location-radio label{color:var(--text-color);font-weight:500;cursor:pointer;display:flex;align-items:center;font-size:1rem}.game-location-radio input[type=radio]{accent-color:var(--accent-color);margin-right:.5em}.game-selector-excel-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.selection-controls{display:flex;gap:1rem;justify-content:center;margin-top:.5rem;width:100%}.selection-controls button,.game-selector-excel-buttons>button{background:var(--accent-color);color:var(--text-color);border:none;border-radius:var(--radius);padding:.5rem 1.25rem;font-size:1rem;cursor:pointer;transition:background .2s}.game-selector-excel-buttons{margin:auto 0 0;height:auto}.selection-controls button:hover,.game-selector-excel-buttons>button:hover{background:#991b1b}.games-sorting-th{-webkit-user-select:none;user-select:none}.games-table .active-sort{background-color:var(--card-bg);font-weight:700}.games-table-scroll{width:100%;flex:1 1 auto;overflow-y:auto;min-height:0}.games-table{width:100%;background:var(--card-bg);color:var(--text-color);border-radius:var(--radius);border-collapse:separate;border-spacing:0;margin-bottom:2rem;font-family:var(--font-family);max-width:700px;margin-left:auto;margin-right:auto;box-shadow:0 2px 12px #0002}.games-table thead{position:sticky;top:0;background:var(--card-bg);z-index:1}.games-table th,.games-table td{padding:.9rem 1.5rem;border-bottom:1px solid var(--muted-text);text-align:left}.games-table th{background:var(--bg-color);color:var(--accent-color);font-weight:600;cursor:pointer;font-size:1.05rem;letter-spacing:.03em}.games-table tr:last-child td{border-bottom:none}.game-row{cursor:pointer}.game-row td input[type=checkbox]{accent-color:var(--accent-color);width:1em;height:1em}.game-row td p{margin:0;font-size:1rem;color:var(--text-color)}.game-row td{vertical-align:middle}.left-column .auth-page{padding:0;height:100%;min-height:auto;background-color:transparent}.left-column .auth-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;height:100%;padding:0;box-shadow:none;background-color:transparent}.left-column .auth-form label{font-size:1rem;color:var(--muted-text)}.left-column .auth-form button{background-color:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:background-color .2s ease}.left-column .auth-form button:hover{background-color:#a41414}.player-sections-scroll{flex-grow:1;margin-top:1rem}.player-section h2{font-size:1.2rem;border-bottom:1px solid #444;padding-bottom:.25rem;margin-bottom:.75rem;color:var(--muted-text)}.player-section{margin-bottom:2rem}.player-item{padding:.5rem;border-radius:var(--radius);cursor:pointer;transition:background-color .2s ease}.player-item:hover{background-color:#333}.add-player-btn{width:100%;padding:.5rem;margin-bottom:1rem;font-size:1rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color .2s ease;margin:0}.add-player-btn:hover{background-color:#991b1b}.form-title{font-size:1.5rem;margin:0;padding-bottom:.5rem;border-bottom:1px solid #444;color:var(--muted-text)}.roster-action-buttons{display:flex;justify-content:space-between;gap:1rem}.delete-button{background-color:#991b1b}.delete-button:hover{background-color:#7f1d1d}.analysis-page{padding:8px;background:var(--bg-color);color:var(--text-color)}.card{background:var(--card-bg);padding:10px;border-radius:var(--radius);box-shadow:0 0 8px #00000059}.hint{text-align:center;color:var(--muted-text)}.ana-grid{display:flex;flex-direction:column;gap:12px;width:100%;max-width:1400px;margin:0 auto}.ana-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.analysis-loading{display:flex;justify-content:center;align-items:center;padding:1.25rem;max-width:900px;margin:24px auto}.analysis-loading .loading-inner{display:flex;gap:1rem;align-items:center}.analysis-loading h3{margin:0 0 4px;font-size:1.05rem;color:var(--text-color)}.analysis-loading .hint{margin:0;color:var(--muted-text);font-size:.95rem}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.kpi{background:var(--card-bg);padding:7px;border-radius:var(--radius);text-align:center;border:1px solid #444}.kpi-value{font-size:20px;font-weight:700}.kpi-label{color:var(--muted-text)}.bars{display:flex;flex-direction:column;gap:6px}.bar-row{display:grid;grid-template-columns:1fr 5fr auto;gap:8px;align-items:center}.bar-track{background:#3a3838;height:8px;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:var(--accent-color)}.muted{color:var(--muted-text)}.controls.slim{padding:8px}.toggle-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chk{display:inline-flex;align-items:center;gap:6px}.chk input{accent-color:var(--accent-color)}.pill-wrap{display:flex;flex-wrap:wrap;gap:6px}.pill-wrap.tight{gap:6px}.pill{background:#2e2e2e;border:1px solid #444;border-radius:999px;padding:6px 12px;color:var(--text-color);cursor:pointer}.pill:hover{border-color:var(--accent-color)}.pill-active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pill.sm{padding:4px 10px;font-size:.9rem}.pill.xs{padding:3px 8px;font-size:.85rem}.resultbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px}.rb-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.rb-label{color:var(--muted-text);margin-right:4px;font-size:.95rem}.accordion{margin-bottom:8px}.accordion-toggle{width:100%;text-align:left;background:#252525;color:var(--text-color);border:1px solid #444;border-radius:var(--radius);padding:8px 10px;cursor:pointer}.accordion-toggle:hover{border-color:var(--accent-color)}.accordion-body{background:var(--card-bg);border:1px solid #444;border-radius:var(--radius);margin-top:6px;padding:8px}.accordion-actions{display:flex;justify-content:flex-end;margin-top:8px}.btn{background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius);padding:8px 12px;cursor:pointer}.btn:hover{background:#991b1b}.section-title{font-size:.95rem;color:var(--muted-text);margin-bottom:6px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-col.compact>div{min-width:0}.heat-wrap{position:relative;width:100%}.heat-img{width:100%;height:auto;display:block;border-radius:var(--radius)}.heat-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:var(--radius)}.rb-results{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rb-side{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.rb-side-label{font-weight:700;margin-right:2px}.rb-divider{width:1px;height:22px;background:#444;margin:0 6px;opacity:.7}.pill-ghost{background:transparent;border:1px dashed #555}.pill-ghost:hover{border-color:var(--accent-color)}:root{--main-color: #eadfdf;--accent-color: #b91c1c;--accent-color-dark: #7f1515;--accent-color-darker: #5c0f0f;--accent-color-light: #e25858;--bg-color: #161519;--text-color: #eadfdf;--card-bg: #2c2828a6;--muted-text: #bebaba;--font-family: "Segoe UI", sans-serif;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}html,body,#root{height:100%;min-height:100%;margin:0;background-color:var(--bg-color);color:var(--text-color)}.coming-soon-wrapper{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-color);color:var(--text-color);text-align:center;padding:2rem;animation:fadeIn .6s ease-in-out}.coming-soon-h1{font-size:5rem;color:var(--accent-color);text-shadow:0 0 4px rgba(185,28,28,.6);font-family:var(--font-family);letter-spacing:1px;animation:pulse 2s infinite ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{text-shadow:0 0 8px rgba(185,28,28,.6)}50%{text-shadow:0 0 16px rgba(185,28,28,.9)}to{text-shadow:0 0 8px rgba(185,28,28,.6)}}