:root{--bg-dark: #0A1628;--bg-card: #1A1A1A;--bg-hover: #252525;--color-primary: #00D9FF;--color-features: #00D9FF;--color-flops: #00D9FF;--color-data: #00FF88;--color-funding: #FFD700;--color-capability: #A855F7;--color-safety: #F8F9FA;--color-advantage: #FF3366;--text-primary: #F8F9FA;--text-secondary: #A0AEC0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden}#app{display:flex;flex-direction:column;min-height:100vh}.hud{background:linear-gradient(180deg,#0f1c2e,#0a1628);border-bottom:2px solid var(--color-primary);padding:var(--spacing-md)}.hud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.hud-header h1{font-family:JetBrains Mono,monospace;font-size:1.5rem;letter-spacing:2px;color:var(--color-primary)}.hud-time{font-family:Roboto Mono,monospace;color:var(--text-secondary);display:flex;gap:var(--spacing-md)}.settings-icon-btn{background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:8px;color:var(--color-primary);font-size:1.5rem;width:48px;height:48px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-icon-btn:hover{background:#00d9ff33;box-shadow:0 0 15px #00d9ff4d;transform:scale(1.05)}.hud-metrics{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap}.metric{display:flex;gap:var(--spacing-sm);align-items:center}.metric-label{color:var(--text-secondary);font-size:.875rem}.metric-value{font-family:Roboto Mono,monospace;font-weight:700;font-size:1rem}.status-good{color:#0f8}.status-warning{color:gold}.status-danger{color:#f36}.status-neutral{color:var(--text-secondary)}.resources{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.resource{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border-radius:4px;cursor:help}.resource-label{color:var(--color-primary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-right:.25rem}.resource-value{font-family:Roboto Mono,monospace;font-weight:700}.main-content{flex:1;padding:var(--spacing-xl)}.minigame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.minigame-card{background:var(--bg-card);border:2px solid transparent;border-radius:8px;padding:var(--spacing-lg);cursor:pointer;transition:all .3s ease;position:relative}.minigame-card:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-4px)}.minigame-card.locked{opacity:.5;cursor:not-allowed}.minigame-card.locked:hover{transform:none;border-color:transparent}.minigame-card.active{border-color:var(--color-primary);box-shadow:0 0 20px #00d9ff4d;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #00d9ff4d}50%{box-shadow:0 0 30px #00d9ff80}}.minigame-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.minigame-name{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm)}.minigame-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;margin-bottom:var(--spacing-sm)}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.good{background:#0f8}.status-indicator.warning{background:gold}.status-indicator.critical{background:#f36}.minigame-production{font-family:Roboto Mono,monospace;color:var(--text-secondary);font-size:.875rem}.minigame-card.automated{border-color:#00d9ff4d;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(0,217,255,.05) 100%)}.minigame-card.automated:hover{border-color:var(--color-primary)}.minigame-stats{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(0,217,255,.2)}.automation-bar{position:relative;background:#0000004d;height:24px;border-radius:12px;overflow:hidden;margin-bottom:var(--spacing-sm)}.automation-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success) 100%);transition:width .3s ease;border-radius:12px}.automation-text{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.production-stat{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:#0003;border-radius:4px;margin-bottom:var(--spacing-xs);font-family:Roboto Mono,monospace;font-size:.875rem}.production-stat.active{background:#00d9ff1a;animation:production-pulse 2s ease-in-out infinite}@keyframes production-pulse{0%,to{box-shadow:inset 0 0 8px #00d9ff33}50%{box-shadow:inset 0 0 12px #00d9ff66}}.prod-icon{font-size:1.25rem}.prod-value{color:var(--color-success);font-weight:700}.status-manual{display:block;text-align:center;padding:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;opacity:.7}.minigame-lock-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:.875rem;color:var(--text-secondary)}.minigame-view{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:100;display:flex;flex-direction:column}.minigame-view.hidden{display:none}.minigame-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:2px solid var(--color-primary);background:linear-gradient(180deg,#0f1c2e,#0a1628)}.back-button,.settings-button{background:#00d9ff1a;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;cursor:pointer;font-family:inherit;font-size:1rem;transition:all .2s}.back-button:hover,.settings-button:hover{background:#00d9ff33}.minigame-content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.news-ticker{background:#000;border-top:1px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);display:flex;gap:var(--spacing-md);font-size:.875rem;align-items:center}.news-label{color:var(--color-primary);font-weight:700;white-space:nowrap}#news-text{color:var(--text-secondary);flex:1;overflow:hidden;display:flex;align-items:center;gap:var(--spacing-sm)}.news-item{white-space:nowrap}.news-separator{color:var(--color-primary);opacity:.5}.tutorial{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:200;display:flex;align-items:center;justify-content:center}.tutorial.hidden{display:none}.tutorial-content{background:var(--bg-card);border:2px solid var(--color-primary);border-radius:8px;padding:var(--spacing-xl);max-width:500px;position:relative}.tutorial-button{background:var(--color-primary);color:#000;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:4px;cursor:pointer;font-weight:700;font-size:1rem;margin-top:var(--spacing-md);transition:all .2s}.tutorial-button:hover{transform:scale(1.05)}.hidden{display:none!important}.code-sprint-game{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.sprint-content-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}@media (min-width: 1024px){.sprint-content-grid{grid-template-columns:2fr 1fr}}.sprint-main,.sprint-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sprint-timer{font-family:Roboto Mono,monospace;font-size:3rem;color:var(--color-primary)}.word-display{font-family:JetBrains Mono,monospace;font-size:3rem;min-height:100px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:#00d9ff1a;border:2px solid var(--color-primary);border-radius:8px;letter-spacing:4px}.streak-display{font-size:1.5rem;color:gold}.sprint-button{background:var(--color-primary);color:#000;border:none;padding:var(--spacing-md) var(--spacing-xl);font-size:1.25rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s}.sprint-button:hover{transform:scale(1.05)}.sprint-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.click-type-button{background:#00d9ff33;color:var(--color-primary);border:2px solid var(--color-primary);padding:var(--spacing-lg) var(--spacing-xl);font-size:1.5rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s;min-width:250px;min-height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto}.click-type-button:hover{background:#00d9ff4d;transform:scale(1.05)}.click-type-button:active{transform:scale(.95);background:#00d9ff66}.click-controls{text-align:center}.production-summary{font-family:Roboto Mono,monospace;color:var(--text-secondary)}.compute-cluster{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg);max-width:900px;margin:0 auto}.cluster-intro{background:linear-gradient(135deg,#00d9ff1a,#00d9ff0d);border:2px solid var(--color-primary);border-radius:12px;padding:var(--spacing-xl);text-align:center}.cluster-intro h3{color:var(--color-primary);margin:0 0 var(--spacing-md) 0;font-size:1.5rem}.intro-highlight{color:var(--color-funding);font-size:1.125rem;margin:var(--spacing-md) 0}.intro-details{color:var(--text-secondary)}.cluster-section,.chip-selector{background:#0000004d;border:1px solid rgba(0,217,255,.2);border-radius:12px;padding:var(--spacing-lg)}.chip-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md)}.chip-button{background:var(--bg-card);border:2px solid rgba(0,217,255,.3);padding:var(--spacing-md);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary);position:relative;display:flex;flex-direction:column;align-items:center}.chip-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00d9ff4d}.chip-button.selected{border-color:var(--color-funding);background:#ffd7001a;box-shadow:0 0 20px #ffd70066}.chip-button:disabled{opacity:.4;cursor:not-allowed}.chip-icon{font-size:2.5rem;margin-bottom:var(--spacing-xs)}.chip-name{font-weight:700;margin-bottom:var(--spacing-xs);text-align:center}.chip-description{color:var(--text-secondary);font-size:.75rem;text-align:center;margin-bottom:var(--spacing-xs);min-height:2.5em}.chip-cost{color:var(--color-funding);font-size:.875rem;font-weight:700}.chip-production{color:var(--color-flops);font-size:.75rem;margin-top:var(--spacing-xs)}.locked-badge{position:absolute;top:4px;right:4px;font-size:1.5rem}.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);max-width:700px;margin:0 auto}.grid-cell{aspect-ratio:1;background:var(--bg-card);border:2px solid rgba(0,217,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;min-height:120px}.grid-cell:hover.empty{border-color:var(--color-primary);background:#00d9ff1a;transform:scale(1.02)}.chip-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-sm)}.chip-slot.empty{color:var(--text-secondary)}.chip-slot.filled{color:var(--text-primary)}.chip-slot-icon{font-size:3rem;margin-bottom:var(--spacing-xs)}.chip-slot-label{font-size:.625rem;font-weight:700;text-align:center;color:var(--color-primary)}.slot-number{font-size:1.5rem;color:var(--color-primary);opacity:.5;margin-bottom:var(--spacing-xs)}.slot-label{font-size:.75rem;opacity:.7}.grid-cell.empty{cursor:pointer;opacity:.5}.grid-cell.empty:hover{opacity:1;background:var(--bg-hover);transform:scale(1.05)}.grid-cell.filled{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-hover) 100%);box-shadow:0 0 10px #00d9ff33}.data-pipelines{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.sources-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.source-card{background:var(--bg-card);border:2px solid var(--color-primary);border-radius:8px;padding:var(--spacing-md);transition:all .3s}.source-card.active{border-color:var(--color-data);box-shadow:0 0 20px #00ff884d}.source-card.locked{opacity:.5}.source-header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.source-icon{font-size:2.5rem}.source-info{flex:1}.source-name{font-weight:700;font-size:1.1rem;margin-bottom:var(--spacing-xs)}.source-description{font-size:.875rem;color:var(--text-secondary)}.source-stats{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff0d;border-radius:4px}.source-cost{color:var(--color-funding);font-weight:700}.source-production{color:var(--color-data);font-weight:700}.toggle-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:4px;color:#000;font-weight:700;cursor:pointer;transition:all .2s}.toggle-button.active{background:var(--color-data)}.toggle-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00d9ff66}.toggle-button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-hover);color:var(--text-secondary)}.unlock-requirements{padding:var(--spacing-sm);background:#ffffff0d;border-radius:4px;text-align:center}.locked-text{font-weight:700;margin-bottom:var(--spacing-xs)}.req{font-size:.875rem;color:var(--text-secondary)}.investor-pitches{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.cooldown-notice{background:#ffa5001a;border:2px solid orange;border-radius:8px;padding:var(--spacing-md);text-align:center}.cooldown-icon{font-size:2rem;margin-bottom:var(--spacing-xs)}.cooldown-text{font-weight:700;margin-bottom:var(--spacing-sm)}.cooldown-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.cooldown-progress{height:100%;background:linear-gradient(90deg,orange,gold);transition:width .3s}.investors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.investor-card{background:var(--bg-card);border:2px solid var(--color-primary);border-radius:8px;padding:var(--spacing-lg);transition:all .3s;text-align:center}.investor-card:not(.locked):hover{border-color:var(--color-funding);transform:translateY(-4px);box-shadow:0 8px 24px #ffd7004d}.investor-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.investor-icon-large{font-size:4rem;margin-bottom:var(--spacing-md)}.investor-name{font-weight:700;font-size:1.2rem;margin-bottom:var(--spacing-xs)}.investor-description{font-size:.875rem;color:var(--text-secondary)}.investor-context{text-align:center;padding:var(--spacing-lg);background:#ffffff0d;border-radius:8px;margin-bottom:var(--spacing-lg)}.pitch-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.pitch-option{background:var(--bg-card);border:2px solid var(--color-primary);border-radius:8px;padding:var(--spacing-lg);transition:all .3s;position:relative}.pitch-option:not(.disabled):hover{border-color:var(--color-funding);transform:translate(4px);box-shadow:0 4px 16px #ffd7004d}.pitch-option.disabled{opacity:.5;cursor:not-allowed!important}.pitch-text{font-size:1.1rem;font-weight:700;margin-bottom:var(--spacing-md)}.pitch-stats{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;font-size:.875rem}.pitch-success{color:var(--color-data)}.pitch-cost{color:var(--color-advantage)}.pitch-reward{color:var(--color-funding);font-weight:700}.insufficient-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:#f003;border:1px solid red;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;font-size:.75rem;font-weight:700;color:red}.back-to-selection{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-card);border:2px solid var(--color-primary);color:var(--text-primary);border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.back-to-selection:hover{background:var(--bg-hover);transform:translate(-4px)}.model-training{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.training-in-progress{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,#a855f71a,#00d9ff1a);border:2px solid var(--color-capability);border-radius:12px}.training-model-icon{font-size:5rem;margin-bottom:var(--spacing-md)}.training-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.progress-container{margin:var(--spacing-xl) 0}.progress-bar{height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-capability),var(--color-primary));transition:width .3s;box-shadow:0 0 20px #a855f780}.progress-text{font-family:Roboto Mono,monospace;font-weight:700;color:var(--color-capability)}.training-reward{margin-top:var(--spacing-lg);font-size:1.2rem;font-weight:700;color:var(--color-capability)}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.model-card{background:var(--bg-card);border:2px solid var(--color-primary);border-radius:8px;padding:var(--spacing-lg);transition:all .3s;text-align:center}.model-card:not(.locked):not(.unaffordable):hover{border-color:var(--color-capability);transform:translateY(-4px);box-shadow:0 8px 24px #a855f74d}.model-card.unaffordable{opacity:.6}.model-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.model-name{font-weight:700;font-size:1.2rem;margin-bottom:var(--spacing-xs)}.model-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.model-costs{background:#ffffff0d;border-radius:4px;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.cost-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:.875rem}.cost-label{color:var(--text-secondary)}.cost-value{font-weight:700}.cost-value.insufficient{color:var(--color-advantage)}.model-reward{background:linear-gradient(90deg,#a855f733,#00d9ff33);border-radius:4px;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.reward-icon{font-size:1.5rem}.reward-text{font-weight:700;color:var(--color-capability)}.model-duration{font-size:.875rem;color:var(--text-secondary)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--bg-card);border:2px solid var(--color-primary);border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00d9ff4d;z-index:1001}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-primary)}.modal-header h2{margin:0}.close-button{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{color:var(--color-primary);transform:scale(1.1)}.modal-body{padding:var(--spacing-lg)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section h3{color:var(--color-primary);margin-bottom:var(--spacing-md)}.settings-btn{display:block;width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--bg-hover);border:2px solid var(--color-primary);color:var(--text-primary);border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.settings-btn:hover{background:var(--color-primary);color:#000;transform:translateY(-2px)}.settings-btn.danger{border-color:#f36}.settings-btn.danger:hover{background:#f36;color:#fff}.settings-note{font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-md)}@keyframes counter-roll{0%{transform:translateY(0) scale(1);filter:blur(0px);color:inherit}30%{transform:translateY(-8px) scale(1.15);filter:blur(2px);color:var(--color-funding)}60%{transform:translateY(4px) scale(1.05);filter:blur(1px)}to{transform:translateY(0) scale(1);filter:blur(0px);color:inherit}}@keyframes resource-flash{0%{background:#ffffff0d;box-shadow:none}50%{background:#ffd70040;box-shadow:0 0 15px #ffd70080,inset 0 0 15px #ffd7004d}to{background:#ffffff0d;box-shadow:none}}.explanation-content{max-width:600px}.explanation-content .modal-body{font-size:1rem;line-height:1.8}.tutorial-highlight{position:relative;z-index:9999!important;box-shadow:0 0 0 4px var(--color-primary),0 0 20px #00d9ff99,0 0 40px #00d9ff66!important;animation:tutorial-pulse 2s ease-in-out infinite;background:var(--bg-dark)!important}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 4px var(--color-primary),0 0 20px #00d9ff99,0 0 40px #00d9ff66}50%{box-shadow:0 0 0 4px var(--color-primary),0 0 30px #00d9ffcc,0 0 60px #00d9ff99}}.tutorial-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tutorial-modal{animation:tutorial-modal-in .3s ease-out}@keyframes tutorial-modal-in{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.upgrade-card{background:#00d9ff0d;border:2px solid rgba(0,217,255,.2);border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex;gap:var(--spacing-md);align-items:center;transition:all .3s ease}.upgrade-card:hover{border-color:var(--color-primary);background:#00d9ff1a;transform:translate(4px)}.upgrade-card.unaffordable{opacity:.5;cursor:not-allowed!important}.upgrade-card.unaffordable:hover{transform:none}.upgrade-icon{font-size:2rem;flex-shrink:0}.upgrade-info{flex:1}.upgrade-name{font-weight:700;font-size:1rem;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.upgrade-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.upgrade-cost{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;font-family:Roboto Mono,monospace;font-size:.75rem}.cost-item{padding:2px 8px;background:#0000004d;border-radius:4px;color:var(--color-success)}.cost-item.insufficient{color:var(--color-danger)}@keyframes milestonePopIn{0%{transform:translate(-50%,-50%) scale(0) rotate(-180deg);opacity:0}60%{transform:translate(-50%,-50%) scale(1.1) rotate(10deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes milestonePopOut{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{box-shadow:0 0 20px currentColor}50%{box-shadow:0 0 40px currentColor}}.milestone-celebration{animation:milestonePopIn .5s cubic-bezier(.68,-.55,.265,1.55)}.milestone-celebration button:hover{transform:scale(1.05)}.milestone-celebration button:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInScale{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.offline-welcome-modal{animation:fadeIn .3s ease-out}