:root{--bg-primary: #121829;--bg-secondary: #1a233d;--bg-tertiary: #25325c;--color-primary: #3b82f6;--color-accent: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--text-main: #f3f4f6;--text-muted: #9ca3af;--font-pixel: "Courier New", Courier, monospace}body{margin:0;background-color:var(--bg-primary);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.sports-app{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;background-color:var(--bg-primary);position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}.status-bar{background-color:var(--bg-secondary);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--bg-tertiary);z-index:10}.player-profile{display:flex;align-items:center;gap:10px}.avatar-box{width:40px;height:40px;background-color:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-primary)}.avatar-emoji{font-size:20px}.player-info{display:flex;flex-direction:column;gap:4px}.name-row{display:flex;align-items:center;gap:6px}.name-input{background:transparent;border:none;color:var(--text-main);font-weight:700;font-size:14px;width:80px;border-bottom:1px dashed var(--text-muted)}.name-input:focus{outline:none;border-bottom:1px solid var(--color-primary)}.level-badge{background-color:var(--color-primary);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700}.exp-bar-container{width:100px;height:12px;background-color:var(--bg-tertiary);border-radius:6px;position:relative;overflow:hidden}.exp-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease}.exp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:#fff;font-weight:700;white-space:nowrap}.resources{display:flex;gap:8px}.resource-item{display:flex;align-items:center;gap:4px;background-color:var(--bg-tertiary);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.resource-item.energy{color:#34d399}.resource-item.gold{color:#fbbf24}.resource-item.medals{color:#f472b6}.main-content{flex:1;overflow-y:auto;padding:16px 16px 80px}.train-pane{display:flex;flex-direction:column;gap:20px}.hero-section{display:flex;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:16px;padding:16px;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.05)}.character-display{flex:1;height:120px;background-color:#0003;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.character-sprite{font-size:48px}.equipped-indicators{position:absolute;bottom:8px;display:flex;gap:4px;background-color:#0006;padding:2px 6px;border-radius:10px}.stats-board{flex:1.2}.stats-board h3{margin:0 0 10px;font-size:14px;color:var(--text-muted)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-label{font-size:12px;color:var(--text-muted)}.stat-value-container{display:flex;align-items:center;gap:4px}.stat-val{font-weight:700;font-size:14px}.stat-bonus{font-size:10px;color:var(--color-accent);font-weight:700}.training-actions h3{margin:0 0 12px;font-size:14px;color:var(--text-muted)}.action-grid{display:flex;flex-direction:column;gap:10px}.btn-action{display:flex;align-items:center;gap:16px;background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;padding:12px 16px;color:var(--text-main);cursor:pointer;transition:all .2s ease;text-align:left}.btn-action:hover{transform:translateY(-2px);border-color:var(--color-primary)}.btn-action:active{transform:scale(.98)}.action-icon{font-size:24px}.action-info{display:flex;flex-direction:column}.action-title{font-weight:700;font-size:14px}.action-gain{font-size:12px;color:var(--color-accent)}.daily-tasks-section{margin-top:10px}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tasks-header h3{margin:0;font-size:14px;color:var(--text-muted)}.btn-text-refresh{background:none;border:none;color:var(--color-primary);font-size:12px;cursor:pointer}.tasks-list{display:flex;flex-direction:column;gap:10px}.task-card{background-color:var(--bg-secondary);border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bg-tertiary)}.task-card.completed{border-color:#10b9814d;background-color:#10b9810d}.task-info{display:flex;flex-direction:column;gap:4px;flex:1}.task-name{font-weight:700;font-size:14px}.task-desc{font-size:11px;color:var(--text-muted)}.task-progress-bar-container{width:80%;height:6px;background-color:var(--bg-tertiary);border-radius:3px;position:relative;margin-top:6px}.task-progress-bar{height:100%;background-color:var(--color-accent);border-radius:3px}.task-progress-text{position:absolute;right:-40px;top:-5px;font-size:10px;color:var(--text-muted)}.task-reward-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.task-rewards{display:flex;gap:6px;font-size:11px;font-weight:700}.btn-claim{background-color:var(--bg-tertiary);border:none;color:var(--text-muted);font-size:11px;padding:4px 10px;border-radius:6px;cursor:not-allowed}.btn-claim.ready{background-color:var(--color-warning);color:#000;cursor:pointer;font-weight:700}.claimed-badge{font-size:11px;color:var(--text-muted)}.pane-header{margin-bottom:16px}.pane-header h2{margin:0 0 4px;font-size:20px}.pane-header p{margin:0;font-size:12px;color:var(--text-muted)}.events-list{display:flex;flex-direction:column;gap:12px}.event-card{background-color:var(--bg-secondary);border-radius:16px;padding:16px;border:1px solid var(--bg-tertiary);display:flex;flex-direction:column;gap:12px}.event-header-row{display:flex;justify-content:space-between;align-items:center}.event-title{font-size:16px;font-weight:700}.energy-cost{font-size:12px;color:#34d399;font-weight:700}.event-desc{font-size:12px;color:var(--text-muted);margin:0}.event-reqs{font-size:12px;background-color:#0003;padding:6px 10px;border-radius:8px}.text-green{color:var(--color-accent)}.text-red{color:var(--color-danger)}.event-rewards{display:flex;gap:8px;flex-wrap:wrap}.reward-pill{display:flex;align-items:center;gap:4px;background-color:var(--bg-tertiary);padding:4px 8px;border-radius:8px;font-size:11px;font-weight:700}.medal-pill{border:1px solid rgba(244,114,182,.3)}.btn-challenge{background-color:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-card{background-color:var(--bg-secondary);border-radius:16px;padding:12px;border:1px solid var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.shop-item-emoji{font-size:36px;margin-bottom:8px}.shop-item-name{margin:0 0 4px;font-size:14px}.shop-item-bonus{font-size:12px;color:var(--color-accent);font-weight:700;margin-bottom:6px}.shop-item-desc{font-size:10px;color:var(--text-muted);margin:0 0 12px;height:30px;overflow:hidden}.shop-item-footer{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto}.shop-item-price{font-size:12px;font-weight:700;color:#fbbf24}.btn-buy{background-color:var(--color-primary);color:#fff;border:none;padding:4px 10px;border-radius:6px;font-size:11px;cursor:pointer}.btn-buy.owned{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.rarity-common{border-color:#9ca3af}.rarity-rare{border-color:#3b82f6}.rarity-epic{border-color:#a855f7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.empty-icon{color:var(--text-muted)}.bag-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bag-card{background-color:var(--bg-secondary);border-radius:16px;padding:12px;border:1px solid var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;text-align:center}.bag-card.equipped{border-color:var(--color-accent);background-color:#10b9810d}.bag-item-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bag-item-emoji{font-size:32px}.equipped-badge{font-size:9px;background-color:var(--color-accent);color:#fff;padding:2px 6px;border-radius:8px}.bag-item-name{margin:0 0 4px;font-size:14px}.bag-item-bonus{font-size:11px;color:var(--color-accent);margin-bottom:12px}.btn-equip{width:100%;background-color:var(--bg-tertiary);color:var(--text-main);border:none;padding:6px;border-radius:8px;font-size:12px;cursor:pointer}.btn-equip.active{background-color:var(--color-danger)}.trophy-stats{display:flex;gap:12px;margin-bottom:20px}.trophy-stat-card{flex:1;background-color:var(--bg-secondary);padding:16px;border-radius:12px;text-align:center;display:flex;flex-direction:column}.trophy-stat-card .num{font-size:24px;font-weight:700;color:var(--color-warning)}.trophy-stat-card .label{font-size:12px;color:var(--text-muted)}.medals-grid{display:flex;flex-direction:column;gap:10px}.medal-card{display:flex;align-items:center;gap:16px;background-color:var(--bg-secondary);padding:12px;border-radius:12px;border:1px solid var(--bg-tertiary)}.medal-card.locked{opacity:.5}.medal-icon{font-size:28px}.medal-name{margin:0;font-size:14px;font-weight:700}.medal-source{margin:4px 0 0;font-size:11px;color:var(--text-muted)}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background-color:var(--bg-secondary);border-radius:20px;padding:24px;width:100%;max-width:360px;box-shadow:0 10px 25px #00000080;border:2px solid var(--bg-tertiary)}.offline-modal{text-align:center}.offline-rewards{display:flex;justify-content:center;gap:12px;margin:16px 0}.level-up-modal{text-align:center}.sparkles-container{color:var(--color-warning);display:flex;justify-content:center;margin-bottom:12px}.level-num{font-size:24px;font-weight:700;color:var(--color-accent);margin:10px 0}.level-desc{font-size:14px;color:var(--text-muted);margin-bottom:20px}.challenge-modal{text-align:center}.challenge-desc{font-size:12px;color:var(--text-muted);margin-bottom:16px}.stat-comparison{display:flex;align-items:center;justify-content:space-around;background-color:#0003;padding:12px;border-radius:12px;margin-bottom:20px}.stat-compare-box{display:flex;flex-direction:column;font-size:12px}.stat-compare-box .stat-num{font-size:18px;font-weight:700;color:var(--color-primary)}.stat-compare-box.required .stat-num{color:var(--color-warning)}.vs-divider{font-weight:700;font-style:italic;color:var(--text-muted)}.qte-gameplay{margin-top:16px}.qte-tip{font-size:11px;margin-bottom:10px}.qte-tip .highlight{color:var(--color-accent);font-weight:700}.qte-bar-container{width:100%;height:24px;background-color:var(--bg-tertiary);border-radius:12px;position:relative;overflow:hidden;margin-bottom:20px;border:2px solid rgba(255,255,255,.1)}.qte-target-zone{position:absolute;top:0;bottom:0;background-color:#10b98166;border-left:2px dashed var(--color-accent);border-right:2px dashed var(--color-accent)}.qte-pointer{position:absolute;top:0;bottom:0;width:6px;background-color:#fff;box-shadow:0 0 8px #fff;transform:translate(-50%)}.btn-sprint{width:100%;background:linear-gradient(135deg,var(--color-danger),#f97316);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:700;cursor:pointer;font-size:16px}.challenge-result{display:flex;flex-direction:column;align-items:center;gap:12px}.result-icon{font-size:48px}.rewards-list{display:flex;gap:10px;margin:10px 0}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer;width:100%}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-main);border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer;width:100%}.tabbar{position:absolute;bottom:0;left:0;right:0;height:64px;background-color:var(--bg-secondary);border-top:2px solid var(--bg-tertiary);display:flex;justify-content:space-around;align-items:center;z-index:10}.tab-item{background:none;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:10px;flex:1;padding:8px 0}.tab-item.active{color:var(--color-primary)}