@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--color-background: #1a1a2e;--color-primary: #535360;--color-dark-primary: #3a3a45;--color-secondary: #f05454;--color-accent: #c6e100;--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--color-text-accent: #1a1a2e;--color-highlight-blue: #5555ff;--color-success: #00ff00;--color-danger: #ff5555;--team-primary: #535360;--team-primary-dark: #3a3a45;--team-primary-light: #6a6a78;--team-secondary: #f05454;--team-secondary-dark: #c94444;--team-accent: #c6e100;--team-background: #1a1a2e;--team-background-light: #252540;--team-text: #ffffff;--team-text-secondary: #b0b0b0;--min-text-size: 11px;--small-text-size: 13px;--normal-text-size: 14px;--large-text-size: 18px;--title-text-size: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",cursive,system-ui,-apple-system,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}.game-viewport{width:1980px;height:1080px;position:absolute;transform-origin:top left;background:var(--team-background, var(--color-background));overflow:hidden}.team-themed{background:var(--team-background)}.team-header{background:var(--team-primary);border-bottom-color:var(--team-primary-dark)}.team-footer{background:var(--team-primary);border-top-color:var(--team-primary-dark)}.team-accent{color:var(--team-accent)}.team-button-primary{background:var(--team-secondary);border-color:var(--team-secondary-dark)}.screen{width:100%;height:100%;display:none;flex-direction:column;padding:20px}.screen.active{display:flex}.screen.no-padding{padding:0}.container{width:100%;height:100%;position:relative}.retro-button{background:var(--color-primary);border:4px solid var(--color-dark-primary);color:var(--color-text-primary);padding:15px 30px;font-family:"Press Start 2P",cursive;font-size:12px;cursor:pointer;transition:all .1s ease;text-transform:uppercase}.retro-button:hover:not(:disabled){background:var(--color-dark-primary);transform:scale(1.02)}.retro-button:disabled{opacity:.5;cursor:not-allowed}.retro-button.primary{background:var(--color-accent);color:var(--color-text-accent)}.retro-button.danger{background:var(--color-secondary)}.screen-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--color-primary);border-bottom:4px solid var(--color-dark-primary)}.screen-title{font-size:18px;color:var(--color-text-primary)}.back-button{background:var(--color-secondary);border:3px solid var(--color-dark-primary);color:var(--color-text-primary);padding:10px 20px;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;transition:transform .1s}.back-button:hover{transform:scale(1.05)}.screen-footer{display:flex;justify-content:center;gap:20px;padding:20px;background:var(--color-primary);border-top:4px solid var(--color-dark-primary)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:15px}.pagination-btn{background:var(--color-primary);border:3px solid var(--color-dark-primary);color:var(--color-text-primary);padding:10px 20px;font-family:"Press Start 2P",cursive;font-size:12px;cursor:pointer;transition:all .1s}.pagination-btn:hover:not(:disabled){background:var(--color-dark-primary)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-size:13px;color:var(--color-text-primary)}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-size:11px;color:var(--color-text-primary);width:100px;flex-shrink:0}.stat-bar-container{flex:1;height:12px;background:var(--color-dark-primary);border:2px solid var(--color-primary);display:flex;overflow:hidden}.stat-bar{height:100%;background:var(--color-accent);transition:width .3s ease}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.runner-card-container{perspective:1000px;cursor:pointer}.runner-card{position:relative;width:100%;height:320px;transform-style:preserve-3d;transition:transform .6s}.runner-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:var(--color-primary);border:4px solid var(--color-dark-primary);display:flex;flex-direction:column}.card-back{transform:rotateY(180deg)}.card-body{flex:1;padding:15px;display:flex;flex-direction:column}.card-info-section{flex:1}.card-runner-name{font-size:12px;color:var(--color-text-primary);margin-bottom:5px}.card-info-badge{display:inline-block;background:var(--color-accent);color:var(--color-text-accent);padding:4px 10px;font-size:11px;margin-bottom:5px}.card-pr{font-size:10px;color:var(--color-text-secondary);margin-bottom:10px}.card-group-btn{padding:8px 12px;border:2px solid var(--color-dark-primary);font-family:"Press Start 2P",cursive;font-size:11px;cursor:pointer;transition:transform .1s}.card-group-btn:hover{transform:scale(1.05)}.card-headshot-section{width:100px;height:100px;display:flex;align-items:flex-end;justify-content:center}.card-headshot-section img{width:80px;height:80px;image-rendering:pixelated;object-fit:contain}.card-stats-section{margin-top:auto}.card-back-header{padding:10px;text-align:center}.card-back-title{font-size:10px;color:#000}.workout-ratings{display:flex;flex-direction:column;gap:8px}.workout-rating-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.workout-label{color:var(--color-text-primary)}.workout-value{font-weight:700}.workout-value.rating-great{color:#0f0}.workout-value.rating-good{color:#c6e100}.workout-value.rating-average{color:#ff0}.workout-value.rating-poor{color:#f80}.workout-value.rating-terrible{color:red}.workout-value.rating-unknown{color:#888}.timeline-container{display:flex;align-items:center;justify-content:center;padding:20px 40px;position:relative;gap:0}.timeline-line{position:absolute;height:4px;background:var(--color-dark-primary);left:60px;right:60px;top:50%;transform:translateY(-50%);z-index:0}.timeline-dot{width:20px;height:20px;border-radius:50%;background:var(--color-dark-primary);border:3px solid var(--color-primary);position:relative;z-index:1;margin:0 15px}.timeline-dot.race{width:30px;height:30px;background:var(--color-secondary)}.timeline-dot.current{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent)}.timeline-label{position:absolute;top:35px;left:50%;transform:translate(-50%);font-size:11px;color:var(--color-text-primary);white-space:nowrap}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:20px;max-width:1200px;margin:0 auto}.calendar-day{background:var(--color-primary);border:3px solid var(--color-dark-primary);padding:20px;text-align:center;font-size:10px;min-height:100px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.calendar-day.header{background:var(--color-dark-primary);min-height:auto;padding:10px;cursor:default}.calendar-day.workout{background:var(--color-highlight-blue)}.calendar-day.race{background:var(--color-secondary)}.calendar-day.rest{background:var(--color-dark-primary);opacity:.5;cursor:default}.calendar-day.completed{opacity:.6;border-color:var(--color-accent)}.calendar-day:hover:not(.rest):not(.header):not(.completed){transform:scale(1.05);border-color:var(--color-accent)}.info-button{width:40px;height:40px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-dark-primary);color:var(--color-text-accent);font-family:"Press Start 2P",cursive;font-size:14px;cursor:pointer;transition:transform .1s}.info-button:hover{transform:scale(1.1)}.debug-button{background:var(--color-secondary);border:2px solid var(--color-dark-primary);color:var(--color-text-primary);padding:8px 15px;font-family:"Press Start 2P",cursive;font-size:11px;cursor:pointer}.coins-display{font-size:12px;color:var(--color-text-primary)}.stats-box{background:var(--color-dark-primary);border:3px solid var(--color-primary);padding:15px 20px;font-size:13px}.team-selector-box{background:var(--color-primary);border:4px solid var(--color-dark-primary);padding:20px 40px;font-size:14px;cursor:pointer;text-align:center;transition:all .2s}.team-selector-box:hover{border-color:var(--color-accent)}.team-selection-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:20px;max-height:500px;overflow-y:auto}.team-button{background:var(--color-primary);border:3px solid var(--color-dark-primary);color:var(--color-text-primary);padding:15px;font-family:"Press Start 2P",cursive;font-size:11px;cursor:pointer;text-align:left;transition:all .1s}.team-button:hover{background:var(--color-dark-primary);border-color:var(--color-accent)}.team-button.selected{background:var(--color-accent);color:var(--color-text-accent)}.pr-badge{background:var(--color-accent);color:var(--color-text-accent);padding:4px 8px;font-size:11px;margin-left:8px}.workout-content{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px;overflow-y:auto}.group-selector-section{background:var(--color-primary);border:4px solid var(--color-dark-primary);padding:20px}.group-selector-section h3{font-size:12px;margin-bottom:15px;text-align:center}.group-selector-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.group-selector-btn{padding:15px 30px;border:4px solid var(--color-dark-primary);font-family:"Press Start 2P",cursive;font-size:12px;cursor:pointer;transition:all .2s}.group-selector-btn:hover{transform:scale(1.05)}.group-assignment-summary{display:flex;flex-direction:column;gap:10px}.group-assignment-box{padding:10px 15px;font-size:10px;text-align:center;border:2px solid var(--color-dark-primary)}.group-assignment-box.needs-workout{background:#f054544d;color:var(--color-secondary)}.workout-selector{background:var(--color-primary);border:4px solid var(--color-dark-primary);padding:20px}.workout-selector h3{font-size:14px;margin-bottom:20px;text-align:center}.workout-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workout-buttons{display:flex;flex-direction:column;gap:10px}.workout-btn{background:var(--color-dark-primary);border:3px solid var(--color-primary);color:var(--color-text-primary);padding:15px 20px;font-family:"Press Start 2P",cursive;font-size:11px;cursor:pointer;text-align:left;transition:all .2s}.workout-btn:hover{background:var(--color-primary);border-color:var(--color-accent)}.workout-btn.selected{background:var(--color-accent);color:var(--color-text-accent);border-color:var(--color-accent)}.workout-details{background:var(--color-dark-primary);border:3px solid var(--color-primary);padding:20px;font-size:10px;line-height:1.6}.workout-details h4{color:var(--color-accent);margin-bottom:10px}.workout-details .stat-boost{color:var(--color-accent);margin-top:10px}.intensity-selector{margin-top:20px;padding-top:15px;border-top:2px solid var(--color-primary)}.intensity-buttons{display:flex;gap:10px;margin-top:10px}.intensity-selector-btn{flex:1;padding:10px;background:var(--color-primary);border:2px solid var(--color-dark-primary);color:var(--color-text-primary);font-family:"Press Start 2P",cursive;font-size:11px;cursor:pointer;transition:all .2s}.intensity-selector-btn.selected{background:var(--color-accent);color:var(--color-text-accent)}.race-runner-result{display:grid;grid-template-columns:60px 1fr 150px 80px;gap:15px;padding:15px 20px;background:var(--color-primary);border:3px solid var(--color-dark-primary);margin-bottom:10px;align-items:center;font-size:11px}.race-result-place{font-size:14px;color:var(--color-accent)}.race-result-name{color:var(--color-text-primary)}.race-result-time{color:var(--color-text-secondary)}.race-result-points{text-align:right;color:var(--color-secondary)}.team-score-card{display:grid;grid-template-columns:60px 1fr 100px;gap:15px;padding:15px 20px;background:var(--color-primary);border:3px solid var(--color-dark-primary);margin-bottom:8px;align-items:center;font-size:13px}.team-score-card.your-team{background:var(--color-accent);color:var(--color-text-accent)}.team-score-rank{font-size:14px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-primary);border:6px solid var(--color-dark-primary);padding:30px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto}.modal-title{font-size:18px;margin-bottom:25px;text-align:center}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-accent)}50%{box-shadow:0 0 20px var(--color-accent),0 0 30px var(--color-accent)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-dark-primary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border:2px solid var(--color-dark-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}