:root{--cf-bg-deep: #0B0D12;--cf-bg-primary: #11131A;--cf-bg-raised: #181B24;--cf-bg-surface: #1E222D;--cf-cyan: #5FB3B3;--cf-cyan-dim: #3D7A7A;--cf-cyan-glow: rgba(95, 179, 179, .15);--cf-lavender: #8B6F9C;--cf-lavender-dim: #5E4A6B;--cf-positive: #7CFF9E;--cf-positive-dim: #4A9960;--cf-warning: #E8B84A;--cf-negative: #E86A6A;--cf-text-primary: #E8E9ED;--cf-text-secondary: #9BA1B0;--cf-text-tertiary: #5C6170;--cf-text-disabled: #3D424F;--cf-divider: #2A2F3C;--cf-divider-light: #363C4D;--cf-space-xs: 4px;--cf-space-sm: 8px;--cf-space-md: 16px;--cf-space-lg: 24px;--cf-space-xl: 32px;--cf-space-2xl: 48px;--cf-font-mono: "IBM Plex Mono", "JetBrains Mono", "Consolas", monospace;--cf-font-size-xs: 10px;--cf-font-size-sm: 12px;--cf-font-size-md: 14px;--cf-font-size-lg: 18px;--cf-font-size-xl: 24px;--cf-font-size-2xl: 32px;--cf-tracking-tight: -.02em;--cf-tracking-normal: 0;--cf-tracking-wide: .08em;--cf-tracking-wider: .12em;--cf-leading-tight: 1.2;--cf-leading-normal: 1.5;--cf-leading-relaxed: 1.75;--cf-transition-fast: .1s ease-out;--cf-transition-normal: .2s ease-out;--cf-transition-slow: .4s ease-out;--cf-glow-cyan: 0 0 8px rgba(95, 179, 179, .4);--cf-glow-positive: 0 0 8px rgba(124, 255, 158, .3)}.cf-ui{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-md);color:var(--cf-text-primary);line-height:var(--cf-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cf-title{font-size:var(--cf-font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--cf-tracking-wider);color:var(--cf-text-tertiary);margin:0;padding:var(--cf-space-md) 0 var(--cf-space-sm) 0}.cf-label{font-size:var(--cf-font-size-sm);color:var(--cf-text-secondary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-value{font-size:var(--cf-font-size-lg);font-weight:400;color:var(--cf-text-primary);font-variant-numeric:tabular-nums}.cf-value-large{font-size:var(--cf-font-size-xl);font-weight:300}.cf-value-accent{color:var(--cf-cyan)}.cf-muted{color:var(--cf-text-tertiary)}.cf-disabled{color:var(--cf-text-disabled)}.cf-root{position:fixed;inset:0;pointer-events:none;z-index:100}.cf-panel{pointer-events:auto;background:transparent}.cf-overlay{position:fixed;inset:0;background:#0b0d12eb;pointer-events:auto;display:flex;align-items:center;justify-content:center}.cf-column{display:flex;flex-direction:column;max-width:480px;width:100%;padding:var(--cf-space-lg)}.cf-section{border-top:1px solid var(--cf-divider);padding-top:var(--cf-space-md);margin-top:var(--cf-space-md)}.cf-section:first-child{border-top:none;margin-top:0}.cf-nav{display:flex;align-items:center;gap:var(--cf-space-lg);padding:var(--cf-space-md) 0}.cf-nav-item{font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wider);color:var(--cf-text-tertiary);cursor:pointer;transition:color var(--cf-transition-fast);background:none;border:none;padding:0;font-family:inherit}.cf-nav-item:hover{color:var(--cf-text-secondary)}.cf-nav-item.active{color:var(--cf-text-primary)}.cf-nav-dot{width:3px;height:3px;background:var(--cf-text-tertiary);border-radius:50%}.cf-mode-switch{display:flex;flex-direction:column;gap:var(--cf-space-sm);padding:var(--cf-space-md)}.cf-mode-indicator{width:6px;height:6px;border:1px solid var(--cf-text-tertiary);border-radius:50%;transition:all var(--cf-transition-fast)}.cf-mode-indicator.active{background:var(--cf-cyan);border-color:var(--cf-cyan);box-shadow:var(--cf-glow-cyan)}.cf-vehicle-status{padding:var(--cf-space-md) 0}.cf-vehicle-name{font-size:var(--cf-font-size-md);font-weight:500;color:var(--cf-text-primary);margin-bottom:var(--cf-space-xs)}.cf-vehicle-condition{font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-vehicle-condition-value{color:var(--cf-cyan)}.cf-meter{display:flex;align-items:center;gap:2px;height:12px;margin-top:var(--cf-space-sm)}.cf-meter-segment{flex:1;height:100%;background:var(--cf-divider);transition:background var(--cf-transition-fast)}.cf-meter-segment.filled{background:var(--cf-cyan-dim)}.cf-meter-segment.filled.active{background:var(--cf-cyan)}.cf-meter.depleted .cf-meter-segment{animation:fuel-blink 1s ease-in-out infinite}@keyframes fuel-blink{0%,to{background:var(--cf-divider)}50%{background:var(--cf-warning)}}.cf-eq-meter{display:flex;align-items:flex-end;gap:2px;height:24px}.cf-eq-bar{width:4px;background:var(--cf-cyan-dim);transition:height var(--cf-transition-fast)}.cf-upgrade-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:baseline;gap:var(--cf-space-md);padding:var(--cf-space-md) 0;border-bottom:1px solid var(--cf-divider);cursor:pointer;transition:opacity var(--cf-transition-fast)}.cf-upgrade-row:hover{opacity:.85}.cf-upgrade-row.disabled{opacity:.4;cursor:not-allowed}.cf-upgrade-name{font-size:var(--cf-font-size-sm);color:var(--cf-text-secondary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-upgrade-level{font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary);min-width:48px}.cf-upgrade-stat{font-size:var(--cf-font-size-lg);color:var(--cf-text-primary);font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.cf-upgrade-cost{font-size:var(--cf-font-size-sm);color:var(--cf-text-tertiary);min-width:64px;text-align:right}.cf-upgrade-cost-value{color:var(--cf-positive-dim)}.cf-upgrade-row.expanded{padding-bottom:var(--cf-space-sm)}.cf-upgrade-description{grid-column:1 / -1;font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary);padding-top:var(--cf-space-sm);max-height:0;overflow:hidden;opacity:0;transition:max-height var(--cf-transition-normal),opacity var(--cf-transition-normal),padding var(--cf-transition-normal)}.cf-upgrade-row.expanded .cf-upgrade-description{max-height:48px;opacity:1;padding-top:var(--cf-space-sm)}.cf-button{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wider);color:var(--cf-text-secondary);background:transparent;border:1px solid var(--cf-divider);padding:var(--cf-space-sm) var(--cf-space-md);cursor:pointer;transition:all var(--cf-transition-fast)}.cf-button:hover{color:var(--cf-text-primary);border-color:var(--cf-divider-light)}.cf-button:active,.cf-button.primary{color:var(--cf-cyan);border-color:var(--cf-cyan-dim)}.cf-button.primary:hover{border-color:var(--cf-cyan);text-shadow:var(--cf-glow-cyan)}.cf-button:disabled{color:var(--cf-text-disabled);border-color:var(--cf-divider);cursor:not-allowed}.cf-divider{height:1px;background:var(--cf-divider);margin:var(--cf-space-md) 0}.cf-divider-dashed{height:1px;background:repeating-linear-gradient(90deg,var(--cf-divider) 0,var(--cf-divider) 4px,transparent 4px,transparent 8px);margin:var(--cf-space-md) 0}.cf-sep{display:inline-block;width:1px;height:1em;background:var(--cf-divider);margin:0 var(--cf-space-sm);vertical-align:middle}.cf-noise{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.cf-vhs-band{position:fixed;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(95,179,179,.05) 50%,transparent 100%);pointer-events:none;z-index:999;animation:cf-vhs-drift 8s linear infinite}@keyframes cf-vhs-drift{0%{top:-2px}to{top:100%}}.cf-scanlines{position:fixed;inset:0;pointer-events:none;z-index:998;background:repeating-linear-gradient(0deg,transparent 0,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px)}.cf-flash{animation:cf-flash-confirm .3s ease-out}@keyframes cf-flash-confirm{0%{filter:brightness(1)}30%{filter:brightness(1.3);text-shadow:0 0 12px rgba(95,179,179,.6)}to{filter:brightness(1)}}.cf-pulse{animation:cf-pulse-glow 2s ease-in-out infinite}@keyframes cf-pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.cf-cursor{display:inline-block;width:8px;height:2px;background:var(--cf-cyan);animation:cf-blink 1s step-end infinite}@keyframes cf-blink{0%,to{opacity:1}50%{opacity:0}}.cf-fade-in{animation:cf-fade .2s ease-out forwards}@keyframes cf-fade{0%{opacity:0}to{opacity:1}}.cf-slide-down{animation:cf-slide .2s ease-out forwards}@keyframes cf-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cf-flex{display:flex}.cf-flex-col{flex-direction:column}.cf-items-center{align-items:center}.cf-justify-between{justify-content:space-between}.cf-gap-sm{gap:var(--cf-space-sm)}.cf-gap-md{gap:var(--cf-space-md)}.cf-text-right{text-align:right}.cf-text-center{text-align:center}.cf-mt-sm{margin-top:var(--cf-space-sm)}.cf-mt-md{margin-top:var(--cf-space-md)}.cf-mb-sm{margin-bottom:var(--cf-space-sm)}.cf-mb-md{margin-bottom:var(--cf-space-md)}.cf-tabular{font-variant-numeric:tabular-nums}.cf-modal-overlay{position:fixed;inset:0;background:#0b0d12eb;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--cf-space-md)}.cf-modal{background:var(--cf-bg-primary);border:1px solid var(--cf-divider);max-width:420px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.cf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--cf-space-md) var(--cf-space-lg);border-bottom:1px solid var(--cf-divider);flex-shrink:0}.cf-modal-title{font-size:var(--cf-font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--cf-tracking-wider);color:var(--cf-text-tertiary);margin:0}.cf-modal-close{background:none;border:none;color:var(--cf-text-tertiary);font-size:20px;cursor:pointer;padding:0;line-height:1;transition:color var(--cf-transition-fast)}.cf-modal-close:hover{color:var(--cf-text-primary)}.cf-modal-body{padding:var(--cf-space-lg);overflow-y:auto;flex:1;touch-action:pan-y;-webkit-overflow-scrolling:touch}.cf-input{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-sm);padding:var(--cf-space-sm) var(--cf-space-md);background:var(--cf-bg-deep);color:var(--cf-text-primary);border:1px solid var(--cf-divider);width:100%;box-sizing:border-box;outline:none;transition:border-color var(--cf-transition-fast)}.cf-input:focus{border-color:var(--cf-cyan-dim)}.cf-input::placeholder{color:var(--cf-text-disabled)}.cf-input-mono{letter-spacing:var(--cf-tracking-wide);text-transform:uppercase}.cf-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--cf-space-sm) 0}.cf-toggle-label{font-size:var(--cf-font-size-sm);color:var(--cf-text-secondary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-toggle{position:relative;width:36px;height:18px;cursor:pointer}.cf-toggle input{opacity:0;width:0;height:0}.cf-toggle-track{position:absolute;inset:0;background:var(--cf-divider);transition:background var(--cf-transition-fast)}.cf-toggle input:checked+.cf-toggle-track{background:var(--cf-cyan-dim)}.cf-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--cf-text-tertiary);transition:all var(--cf-transition-fast)}.cf-toggle input:checked~.cf-toggle-thumb{left:20px;background:var(--cf-cyan)}.cf-slider-row{display:flex;flex-direction:column;gap:var(--cf-space-xs);padding:var(--cf-space-sm) 0}.cf-slider-label{font-size:var(--cf-font-size-sm);color:var(--cf-text-secondary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--cf-divider);outline:none;cursor:pointer}.cf-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--cf-cyan);cursor:pointer;border:none}.cf-slider::-moz-range-thumb{width:16px;height:16px;background:var(--cf-cyan);cursor:pointer;border:none}.cf-slider::-webkit-slider-runnable-track{height:6px;background:var(--cf-divider)}.cf-slider::-moz-range-track{height:6px;background:var(--cf-divider)}.cf-tabs{display:flex;border-bottom:1px solid var(--cf-divider);margin-bottom:var(--cf-space-md)}.cf-tab{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wider);color:var(--cf-text-tertiary);background:none;border:none;padding:var(--cf-space-sm) var(--cf-space-md);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--cf-transition-fast)}.cf-tab:hover{color:var(--cf-text-secondary)}.cf-tab.active{color:var(--cf-cyan);border-bottom-color:var(--cf-cyan)}.cf-tab-badge{color:var(--cf-warning);margin-left:4px}.cf-refresh-btn{margin-left:auto;font-size:var(--cf-font-size-md);padding:var(--cf-space-xs) var(--cf-space-sm);border-bottom:none!important;transition:transform .2s ease}.cf-refresh-btn:hover{color:var(--cf-cyan);transform:rotate(45deg)}.cf-refresh-btn:active{transform:rotate(180deg)}.cf-info-block{padding:var(--cf-space-md);background:var(--cf-bg-raised);border-left:2px solid var(--cf-cyan-dim);margin-bottom:var(--cf-space-md)}.cf-alert{padding:var(--cf-space-md);background:#e8b84a14;border-left:2px solid var(--cf-warning);margin-bottom:var(--cf-space-md)}.cf-alert-text{font-size:var(--cf-font-size-sm);color:var(--cf-warning);margin-bottom:var(--cf-space-xs)}.cf-alert-subtext{font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary)}.cf-error-text{font-size:var(--cf-font-size-xs);color:var(--cf-negative);margin-top:var(--cf-space-sm)}.cf-success-text{font-size:var(--cf-font-size-xs);color:var(--cf-positive);margin-top:var(--cf-space-sm)}.cf-data-row{display:flex;align-items:center;justify-content:space-between;padding:var(--cf-space-sm) 0}.cf-data-label{font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-data-value{font-size:var(--cf-font-size-md);color:var(--cf-text-primary);font-variant-numeric:tabular-nums}.cf-data-value-large{font-size:var(--cf-font-size-lg);letter-spacing:var(--cf-tracking-wide)}.cf-code-display{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-lg);letter-spacing:.25em;color:var(--cf-cyan)}.cf-list{display:flex;flex-direction:column}.cf-list-item{display:flex;align-items:center;padding:var(--cf-space-md) 0;border-bottom:1px solid var(--cf-divider);gap:var(--cf-space-md)}.cf-list-item:last-child{border-bottom:none}.cf-list-item-content{flex:1;min-width:0}.cf-list-item-primary{font-size:var(--cf-font-size-sm);color:var(--cf-text-primary);margin-bottom:2px}.cf-list-item-secondary{font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary);font-variant-numeric:tabular-nums}.cf-list-item-actions{display:flex;gap:var(--cf-space-sm);flex-shrink:0}.cf-leaderboard-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:var(--cf-space-sm) 0;border-bottom:1px solid var(--cf-divider);gap:var(--cf-space-md)}.cf-leaderboard-item:last-child{border-bottom:none}.cf-leaderboard-rank{font-size:var(--cf-font-size-sm);color:var(--cf-text-tertiary);text-align:center;font-variant-numeric:tabular-nums}.cf-leaderboard-rank.top-3{color:var(--cf-warning)}.cf-leaderboard-name{font-size:var(--cf-font-size-sm);color:var(--cf-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-leaderboard-miles{font-size:var(--cf-font-size-sm);color:var(--cf-cyan);font-variant-numeric:tabular-nums}.cf-leaderboard-item.current-user{background:var(--cf-bg-raised);margin:0 calc(-1 * var(--cf-space-md));padding-left:var(--cf-space-md);padding-right:var(--cf-space-md)}.cf-leaderboard-item.friend .cf-leaderboard-name:before{content:"";display:inline-block;width:4px;height:4px;background:var(--cf-positive);border-radius:50%;margin-right:var(--cf-space-sm);vertical-align:middle}.cf-sync-status{display:flex;align-items:center;gap:var(--cf-space-sm);font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary)}.cf-sync-dot{width:6px;height:6px;background:var(--cf-positive-dim);border-radius:50%}.cf-sync-dot.syncing{background:var(--cf-warning);animation:cf-pulse-glow 1s infinite}.cf-sync-dot.error{background:var(--cf-negative)}.cf-button-small{font-size:var(--cf-font-size-xs);padding:var(--cf-space-xs) var(--cf-space-sm)}.cf-button-danger{color:var(--cf-negative);border-color:#e86a6a4d}.cf-button-danger:hover{border-color:var(--cf-negative)}.cf-button-positive{color:var(--cf-positive);border-color:#7cff9e4d}.cf-button-positive:hover{border-color:var(--cf-positive)}.cf-button-full{width:100%}.cf-button-group{display:flex;gap:var(--cf-space-sm)}.cf-button-group .cf-button{flex:1}.cf-empty-state{text-align:center;padding:var(--cf-space-2xl) var(--cf-space-lg);color:var(--cf-text-tertiary)}.cf-empty-icon{font-size:32px;margin-bottom:var(--cf-space-md);opacity:.5}.cf-empty-text{font-size:var(--cf-font-size-sm)}.cf-loading{display:flex;align-items:center;justify-content:center;padding:var(--cf-space-2xl);color:var(--cf-text-tertiary);font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wider)}.cf-loading:after{content:"";width:4px;height:4px;background:var(--cf-cyan);margin-left:var(--cf-space-sm);animation:cf-blink 1s step-end infinite}.cf-modal-leaderboard{max-width:480px;height:calc(100vh - 80px);max-height:none}.cf-modal-leaderboard .cf-modal-body{display:flex;flex-direction:column;overflow:hidden}.cf-modal-leaderboard .cf-list{flex:1;max-height:none!important;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}@media (max-width: 600px){.cf-modal-leaderboard{max-width:none;width:100%;height:100%;max-height:none}.cf-modal-overlay:has(.cf-modal-leaderboard){padding:0}}.cf-car-overlay{position:fixed;inset:0;background:#0b0d12f0;backdrop-filter:blur(8px);z-index:200;pointer-events:auto;display:flex;align-items:center;justify-content:center;animation:cf-fade .2s ease-out forwards}.cf-car-overlay.cf-phone{background:var(--cf-bg-deep);backdrop-filter:none;align-items:stretch;justify-content:stretch}.cf-car-modal{background:var(--cf-bg-primary);border:1px solid var(--cf-divider);padding:var(--cf-space-lg);max-width:560px;width:72vw;height:80vh;font-family:var(--cf-font-mono);color:var(--cf-text-primary);position:relative;display:flex;flex-direction:column;overflow:hidden}.cf-phone .cf-car-modal{width:100%;max-width:100%;height:100%;border:none;padding:var(--cf-space-md)}.cf-car-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--cf-space-sm);padding-bottom:var(--cf-space-sm);border-bottom:1px solid var(--cf-divider);margin-bottom:var(--cf-space-sm);flex-shrink:0}.cf-car-tabs{display:flex;align-items:center;gap:var(--cf-space-lg)}.cf-car-tab{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wider);color:var(--cf-text-tertiary);background:none;border:none;padding:var(--cf-space-sm) 0;cursor:pointer;transition:color var(--cf-transition-fast);position:relative}.cf-car-tab:hover{color:var(--cf-text-secondary)}.cf-car-tab.active{color:var(--cf-text-primary)}.cf-car-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--cf-cyan)}.cf-car-tab-dot{width:3px;height:3px;background:var(--cf-text-tertiary);border-radius:50%}.cf-new-badge{background:#c89650e6;color:#000000d9;font-family:var(--cf-font-mono);font-size:9px;font-weight:700;padding:2px 5px;letter-spacing:.5px;text-transform:uppercase;animation:cf-pulse-glow 2s ease-in-out infinite;z-index:5;pointer-events:none}.cf-new-badge--tab{position:absolute;top:-8px;right:-8px}.cf-new-badge--menu{position:absolute;top:-6px;right:-6px}.cf-new-badge--item{position:absolute;top:-8px;right:8px}.cf-new-badge--slot{position:absolute;top:-6px;right:-1px}.cf-car-miles{text-align:right;margin-right:48px}.cf-car-miles-current{font-size:var(--cf-font-size-lg);color:var(--cf-positive);font-weight:400;font-variant-numeric:tabular-nums}.cf-car-miles-total{font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary);margin-top:2px}.cf-car-close{position:absolute;top:var(--cf-space-md);right:var(--cf-space-md);width:32px;height:32px;background:none;border:1px solid var(--cf-divider);color:var(--cf-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--cf-font-size-lg);transition:all var(--cf-transition-fast);font-family:var(--cf-font-mono)}.cf-car-close:hover{color:var(--cf-text-primary);border-color:var(--cf-divider-light)}.cf-car-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cf-car-scrollable{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:var(--cf-space-sm);touch-action:pan-y;-webkit-overflow-scrolling:touch}#inventory-content,#waves-content,#collection-content{flex:1;min-height:0;display:flex;flex-direction:column}#inventory-content{overflow:hidden}#waves-content{overflow-y:auto;overflow-x:hidden;padding-left:10px;padding-right:calc(var(--cf-space-sm) + 10px);touch-action:pan-y;-webkit-overflow-scrolling:touch}.cf-car-scrollable::-webkit-scrollbar,#inventory-content::-webkit-scrollbar,#waves-content::-webkit-scrollbar{width:4px}.cf-car-scrollable::-webkit-scrollbar-track,#inventory-content::-webkit-scrollbar-track,#waves-content::-webkit-scrollbar-track{background:var(--cf-bg-deep)}.cf-car-scrollable::-webkit-scrollbar-thumb,#inventory-content::-webkit-scrollbar-thumb,#waves-content::-webkit-scrollbar-thumb{background:var(--cf-divider-light)}.cf-car-banner{padding:var(--cf-space-xs) var(--cf-space-md) var(--cf-space-md);border-bottom:1px solid var(--cf-divider);margin-bottom:0;flex-shrink:0}.cf-car-banner-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cf-space-sm)}.cf-car-name{font-size:var(--cf-font-size-md);font-weight:500;color:var(--cf-text-primary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-car-prestige{font-size:var(--cf-font-size-xs);padding:2px var(--cf-space-sm);border:1px solid;letter-spacing:var(--cf-tracking-wide)}.cf-car-tier-meter{display:flex;align-items:center;gap:2px;height:12px;margin-bottom:var(--cf-space-sm)}.cf-car-tier-segment{flex:1;height:100%;background:var(--cf-divider);transition:background .15s ease-out,opacity .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out}.cf-car-tier-segment.active{box-shadow:0 0 8px var(--cf-cyan)}.cf-car-tier-segment.celebrating{animation:cf-segment-celebrate .5s ease-out}@keyframes cf-segment-celebrate{0%{transform:scaleY(1);filter:brightness(1)}50%{transform:scaleY(1.4);filter:brightness(1.5)}to{transform:scaleY(1);filter:brightness(1)}}.cf-car-tier-labels{display:flex;justify-content:space-between;align-items:center}.cf-car-tier-current{font-size:var(--cf-font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-car-tier-progress{font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary)}.cf-car-tier-next{font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide);opacity:.5}.cf-upgrade-list{display:flex;flex-direction:column}.cf-car-upgrade{display:grid;grid-template-columns:1fr 65px 110px auto;align-items:center;gap:var(--cf-space-md);padding:var(--cf-space-md) 0;border-bottom:1px solid var(--cf-divider);transition:opacity var(--cf-transition-fast)}.cf-car-upgrade:hover{opacity:.85}.cf-car-upgrade.maxed{opacity:.6}.cf-car-upgrade-info{min-width:0}.cf-car-upgrade-name-row{display:flex;align-items:center;gap:var(--cf-space-sm)}.cf-car-upgrade-name{font-size:var(--cf-font-size-sm);color:var(--cf-text-secondary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-car-desc-btn{width:16px;height:16px;border:1px solid var(--cf-divider);background:none;color:var(--cf-text-tertiary);font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cf-transition-fast);font-family:var(--cf-font-mono);padding:0;flex-shrink:0}.cf-car-desc-btn:hover{color:var(--cf-cyan);border-color:var(--cf-cyan-dim)}.cf-car-desc-tooltip{position:fixed;background:var(--cf-bg-deep);border:1px solid var(--cf-divider-light);padding:var(--cf-space-sm) var(--cf-space-md);z-index:1001;max-width:240px;font-family:var(--cf-font-mono);font-size:var(--cf-font-size-sm);color:var(--cf-text-secondary);line-height:1.4;display:none;animation:cf-fade .15s ease-out forwards}.cf-car-upgrade-level{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary);width:60px;text-align:right;flex-shrink:0}.cf-car-upgrade-stat{text-align:right}.cf-car-upgrade-value{font-size:var(--cf-font-size-md);color:var(--cf-text-primary);font-variant-numeric:tabular-nums}.cf-car-upgrade-value.maxed{color:var(--cf-warning)}.cf-car-info-btn{width:18px;height:18px;border:1px solid var(--cf-divider);background:none;color:var(--cf-text-tertiary);font-size:10px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all var(--cf-transition-fast);font-family:var(--cf-font-mono);padding:0}.cf-car-info-btn:hover{color:var(--cf-cyan);border-color:var(--cf-cyan-dim)}.cf-car-upgrade-btn{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide);padding:var(--cf-space-sm) var(--cf-space-md);border:1px solid;background:none;cursor:pointer;transition:all var(--cf-transition-fast);white-space:nowrap;width:90px;text-align:center;box-sizing:border-box}.cf-car-upgrade-btn.can-afford{color:var(--cf-positive);border-color:var(--cf-positive-dim)}.cf-car-upgrade-btn.can-afford:hover{border-color:var(--cf-positive);text-shadow:var(--cf-glow-positive)}.cf-car-upgrade-btn.cannot-afford{color:var(--cf-text-disabled);border-color:var(--cf-divider);cursor:not-allowed}.cf-car-upgrade-btn.maxed{color:var(--cf-warning);border-color:var(--cf-warning);opacity:.6;cursor:default}.cf-car-tooltip{position:fixed;background:var(--cf-bg-deep);border:1px solid var(--cf-divider-light);padding:var(--cf-space-md);z-index:1000;min-width:200px;max-width:280px;font-family:var(--cf-font-mono);animation:cf-fade .15s ease-out forwards}.cf-car-tooltip-title{font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wider);color:var(--cf-text-tertiary);padding-bottom:var(--cf-space-sm);border-bottom:1px solid var(--cf-divider);margin-bottom:var(--cf-space-sm)}.cf-car-tooltip-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--cf-space-xs) 0;font-size:var(--cf-font-size-sm)}.cf-car-tooltip-label{color:var(--cf-text-secondary)}.cf-car-tooltip-value{color:var(--cf-text-primary);font-variant-numeric:tabular-nums}.cf-car-tooltip-value.positive{color:var(--cf-positive)}.cf-car-tooltip-value.negative{color:var(--cf-negative)}.cf-car-tooltip-divider{height:1px;background:var(--cf-divider);margin:var(--cf-space-sm) 0}.cf-car-tooltip-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--cf-space-sm);border-top:1px solid var(--cf-divider);font-size:var(--cf-font-size-sm)}.cf-car-tooltip-total .cf-car-tooltip-label{color:var(--cf-text-primary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-car-tooltip-total .cf-car-tooltip-value{color:var(--cf-cyan);font-size:var(--cf-font-size-md)}.cf-car-ascend{display:flex;align-items:center;gap:var(--cf-space-sm);padding:var(--cf-space-sm) 0;border-bottom:1px solid var(--cf-divider);margin-top:var(--cf-space-sm)}.cf-car-ascend-label{font-size:var(--cf-font-size-sm);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide);color:var(--cf-text-tertiary);flex-shrink:0}.cf-car-ascend-name{font-size:var(--cf-font-size-sm);color:var(--cf-lavender);font-weight:500;flex:1}.cf-car-ascend-btn{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide);padding:var(--cf-space-xs) var(--cf-space-sm);border:1px solid;background:none;cursor:pointer;transition:all var(--cf-transition-fast);flex-shrink:0;white-space:nowrap}.cf-car-ascend-btn.can-afford{color:var(--cf-lavender);border-color:var(--cf-lavender-dim)}.cf-car-ascend-btn.can-afford:hover{border-color:var(--cf-lavender);text-shadow:0 0 8px rgba(139,111,156,.4)}.cf-car-ascend-btn.cannot-afford{color:var(--cf-text-disabled);border-color:var(--cf-divider);cursor:not-allowed}.cf-driver-header{display:flex;align-items:center;justify-content:center;padding:var(--cf-space-md) 0 var(--cf-space-sm);margin-top:var(--cf-space-md)}.cf-driver-label{font-family:var(--cf-font-mono);font-size:11px;color:var(--cf-text-tertiary);letter-spacing:.1em;text-transform:uppercase}.cf-dash-section{border-top:1px solid var(--cf-divider);padding-top:var(--cf-space-md);margin-top:var(--cf-space-md)}.cf-dash-section:first-child{border-top:none;margin-top:0}.cf-dash-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cf-space-md)}.cf-dash-title{font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wider);color:var(--cf-text-tertiary)}.cf-dash-sort{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);color:var(--cf-text-tertiary);background:none;border:1px solid var(--cf-divider);padding:var(--cf-space-xs) var(--cf-space-sm);cursor:pointer;transition:all var(--cf-transition-fast)}.cf-dash-sort:hover{color:var(--cf-text-secondary);border-color:var(--cf-divider-light)}.cf-dash-equipped{display:flex;align-items:center;justify-content:space-between;padding:var(--cf-space-md);border:1px solid var(--cf-divider);background:var(--cf-bg-raised)}.cf-dash-equipped-info{display:flex;align-items:center;gap:var(--cf-space-md)}.cf-dash-item-name{font-size:var(--cf-font-size-sm);color:var(--cf-text-primary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-dash-item-rarity{font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-dash-item-rarity.common{color:var(--cf-text-secondary)}.cf-dash-item-rarity.uncommon{color:var(--cf-cyan)}.cf-dash-item-rarity.rare{color:var(--cf-lavender)}.cf-dash-item-rarity.legendary{color:gold}.cf-dash-items{display:flex;flex-direction:column}.cf-dash-item{display:flex;align-items:center;justify-content:space-between;padding:var(--cf-space-sm) 0;border-bottom:1px solid var(--cf-divider)}.cf-dash-item:last-child{border-bottom:none}.cf-dash-item-btn{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide);color:var(--cf-text-secondary);background:none;border:1px solid var(--cf-divider);padding:var(--cf-space-xs) var(--cf-space-sm);cursor:pointer;transition:all var(--cf-transition-fast)}.cf-dash-item-btn:hover{color:var(--cf-cyan);border-color:var(--cf-cyan-dim)}.cf-waves-list{display:flex;flex-direction:column;padding-top:var(--cf-space-sm);margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.cf-waves-pack{border-bottom:1px solid var(--cf-divider);cursor:pointer;transition:opacity var(--cf-transition-fast)}.cf-waves-pack:hover{opacity:.85}.cf-waves-pack-header{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:var(--cf-space-md);padding:var(--cf-space-md) 0}.cf-waves-pack-name{font-size:var(--cf-font-size-sm);color:var(--cf-text-secondary);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-waves-pack-count{font-size:var(--cf-font-size-sm);color:var(--cf-text-tertiary)}.cf-waves-pack-rarity{font-size:var(--cf-font-size-xs);text-transform:uppercase;letter-spacing:var(--cf-tracking-wide)}.cf-waves-pack-chevron{color:var(--cf-text-tertiary);transition:transform var(--cf-transition-fast)}.cf-waves-pack.expanded .cf-waves-pack-chevron{transform:rotate(180deg)}.cf-waves-pack-details{max-height:0;overflow:hidden;opacity:0;transition:max-height var(--cf-transition-normal),opacity var(--cf-transition-normal),padding var(--cf-transition-normal);padding:0}.cf-waves-pack.expanded .cf-waves-pack-details{max-height:200px;opacity:1;padding:0 0 var(--cf-space-md) 0}.cf-waves-pack-stat{display:flex;justify-content:space-between;padding:var(--cf-space-xs) 0;font-size:var(--cf-font-size-sm)}.cf-waves-pack-stat-label{color:var(--cf-text-tertiary)}.cf-waves-pack-stat-value{color:var(--cf-cyan);font-variant-numeric:tabular-nums}.cf-waves-new-badge{width:6px;height:6px;background:var(--cf-warning);border-radius:50%;margin-left:var(--cf-space-sm)}.cf-action-btn{font-family:var(--cf-font-mono);font-size:10px;letter-spacing:.3px;padding:6px 10px;border:1px solid;border-radius:6px;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:all .15s ease;background:none}.cf-wave-btn{font-family:var(--cf-font-mono);font-size:12px;letter-spacing:.5px;padding:8px 16px;border:1px solid;border-radius:6px;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:all .15s ease;background:none}.cf-wave-btn.can-afford{background:#3c8c5ad9;color:#fffffff2;border-color:#78c89680}.cf-wave-btn.can-afford:hover{background:#46a064e6;border-color:#78c896b3;transform:translateY(-2px)}.cf-wave-btn.cannot-afford{background:#3c3c4699;color:#fff6;border-color:#ffffff26;cursor:not-allowed}.cf-wave-scrap-btn{font-family:var(--cf-font-mono);font-size:10px;padding:6px 10px;background:#503c28b3;color:#ffc864e6;border:1px solid rgba(255,180,80,.5);border-radius:6px;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:all .15s ease}.cf-wave-scrap-btn:hover{background:#644b32e6;border-color:#ffc864b3;transform:translateY(-2px)}.cf-bulk-scrap-btn{font-family:var(--cf-font-mono);font-size:10px;font-weight:700;padding:5px 10px;background:#8c5a32e6;color:#ffdc96;border:1px solid rgba(255,180,80,.7);border-radius:4px;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:all .15s ease}.cf-bulk-scrap-btn:hover{background:#a0643cf2;transform:translateY(-1px)}.cf-cancel-btn{font-family:var(--cf-font-mono);font-size:12px;width:24px;height:24px;padding:0;background:#3c3c46cc;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;touch-action:manipulation;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.cf-cancel-btn:hover{background:#50505ae6;border-color:#fff6}.cf-sort-btn{font-family:var(--cf-font-mono);font-size:10px;letter-spacing:.3px;padding:5px 10px;background:#3c3c5abf;color:#ffffffd9;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;touch-action:manipulation;transition:all .15s ease;white-space:nowrap}.cf-sort-option{font-family:var(--cf-font-mono);font-size:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;text-align:left;touch-action:manipulation;transition:all .15s ease;background:#28283799;color:#fff9}.cf-sort-option.active{background:#50508ccc;color:#fffffff2;border-color:#8c8cdc80}.cf-item-upgrade-btn{font-family:var(--cf-font-mono);font-size:9px;letter-spacing:.3px;padding:5px 8px;border:1px solid;border-radius:5px;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:all .15s ease;background:none}.cf-item-upgrade-btn.compact{font-size:8px;padding:2px 5px;border-radius:3px}.cf-item-upgrade-btn.can-afford{background:#3c8c5ad9;color:#fffffff2;border-color:#78c89680}.cf-item-upgrade-btn.can-afford:hover{background:#46a064e6;border-color:#78c896b3}.cf-item-upgrade-btn.cannot-afford{background:#3c3c4699;color:#fff6;border-color:#ffffff26;cursor:not-allowed}.cf-item-equip-btn{font-family:var(--cf-font-mono);font-size:9px;padding:5px 8px;background:#46648ccc;color:#ffffffe6;border:1px solid rgba(100,150,200,.5);border-radius:5px;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:all .15s ease}.cf-item-equip-btn:hover{background:#5078a0e6;border-color:#78aadcb3}.cf-item-scrap-btn{font-family:var(--cf-font-mono);font-size:9px;padding:5px 8px;background:#644632b3;color:#ffc896e6;border:1px solid rgba(200,150,100,.4);border-radius:5px;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:all .15s ease}.cf-item-scrap-btn:hover{background:#78553cd9;border-color:#dcaa7899}.cf-unequip-btn{font-family:var(--cf-font-mono);font-size:10px;padding:4px 8px;background:#643c3c99;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);border-radius:3px;cursor:pointer;touch-action:manipulation;transition:all .15s ease}.cf-unequip-btn:hover{background:#784646cc;border-color:#ffffff4d}@media (max-width: 600px){.cf-car-modal{width:100%;max-width:none;padding:var(--cf-space-md)}.cf-car-upgrade{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--cf-space-sm)}.cf-car-upgrade-info{flex:1;min-width:0}.cf-car-upgrade-name{font-size:11px}.cf-car-upgrade-desc{display:none}.cf-car-upgrade-level{min-width:auto;font-size:10px;flex-shrink:0}.cf-car-upgrade-stat{min-width:auto;flex-shrink:0}.cf-car-upgrade-value{font-size:var(--cf-font-size-sm)}.cf-car-upgrade-btn{padding:var(--cf-space-xs) var(--cf-space-sm);font-size:10px;flex-shrink:0}.cf-car-info-btn{width:16px;height:16px;font-size:9px;flex-shrink:0}.cf-car-header{margin-bottom:var(--cf-space-sm);padding-bottom:var(--cf-space-sm);flex-direction:column;align-items:flex-start;gap:var(--cf-space-xs)}.cf-car-tabs{padding-right:40px;gap:var(--cf-space-md)}.cf-car-tab{font-size:10px;letter-spacing:.05em}.cf-car-miles{display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;gap:2px;margin-right:0;text-align:right}.cf-car-miles-current{font-size:14px}.cf-car-wavedust{font-size:14px!important;margin-top:0!important}.cf-car-miles-total{margin-top:0}.cf-modal-overlay:has(.cf-fusion-modal){padding:0!important}.cf-fusion-modal{max-width:none!important;max-height:none!important;width:100%!important;height:100%!important;border:none!important}}.cf-tier-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:cf-fade .2s ease-out forwards}.cf-tier-modal{width:100%;max-width:440px;margin:var(--cf-space-lg);background:var(--cf-bg-primary);border:1px solid var(--cf-divider);font-family:var(--cf-font-mono);color:var(--cf-text-primary)}.cf-tier-modal-header{padding:var(--cf-space-lg);border-bottom:1px solid var(--cf-divider)}.cf-tier-modal-header .cf-title{font-size:var(--cf-font-size-lg);letter-spacing:2px;color:var(--cf-text-primary)}.cf-tier-modal-car{padding:var(--cf-space-lg);text-align:center;border-bottom:1px solid var(--cf-divider)}.cf-tier-modal-car .cf-vehicle-name{font-size:var(--cf-font-size-lg);letter-spacing:1px;margin-bottom:var(--cf-space-sm)}.cf-tier-transition{font-size:var(--cf-font-size-md)}.cf-tier-old{color:var(--cf-text-secondary)}.cf-tier-new{font-weight:500}.cf-tier-modal-stats-header{display:flex;justify-content:space-between;align-items:center;padding:var(--cf-space-md) var(--cf-space-lg);border-bottom:1px solid var(--cf-divider);font-size:var(--cf-font-size-sm);color:var(--cf-text-secondary)}.cf-tier-bonus{color:var(--cf-positive)}.cf-tier-modal-stats{padding:var(--cf-space-md) var(--cf-space-lg)}.cf-tier-stat-row{display:grid;grid-template-columns:1fr auto 70px;gap:var(--cf-space-sm);align-items:center;padding:var(--cf-space-xs) 0;font-size:var(--cf-font-size-sm)}.cf-stat-label{color:var(--cf-text-secondary)}.cf-stat-values{text-align:right;white-space:nowrap}.cf-stat-old{color:var(--cf-text-secondary)}.cf-stat-new{color:var(--cf-text-primary)}.cf-stat-unit{margin-left:4px}.cf-stat-change{text-align:right;color:var(--cf-positive)}.cf-stat-change.cf-muted{color:var(--cf-text-secondary)}.cf-tier-divider{height:1px;background:var(--cf-divider);margin:var(--cf-space-sm) 0}.cf-tier-modal-footer{padding:var(--cf-space-lg);border-top:1px solid var(--cf-divider);display:flex;justify-content:center}.cf-tier-continue{min-width:140px;padding:var(--cf-space-sm) var(--cf-space-lg);background:var(--cf-bg-secondary);border:1px solid var(--cf-cyan);color:var(--cf-cyan);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-sm);letter-spacing:1px;cursor:pointer;transition:background .15s ease,color .15s ease}.cf-tier-continue:hover{background:var(--cf-cyan);color:var(--cf-bg-deep)}.cf-tier-continue:focus{outline:2px solid var(--cf-cyan);outline-offset:2px}@media (max-width: 480px){.cf-tier-modal{margin:var(--cf-space-md);max-width:calc(100% - var(--cf-space-lg))}.cf-tier-modal-header,.cf-tier-modal-car,.cf-tier-modal-footer{padding:var(--cf-space-md)}.cf-tier-stat-row{grid-template-columns:1fr auto 55px;font-size:11px}.cf-tier-modal-stats-header{font-size:10px}.cf-car-tabs{gap:var(--cf-space-sm)}.cf-car-tab{font-size:9px}.cf-car-tab-dot{width:2px;height:2px}}@font-face{font-family:AlarmClock;src:url(../assets/fonts/alarm%20clock.ttf) format("truetype");font-weight:400;font-style:normal}#game-clock-container{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px}#game-clock-display{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-sm);font-weight:400;letter-spacing:var(--cf-tracking-wide);color:var(--cf-text-tertiary);background:#0009;padding:8px 12px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none}#time-compression-badge{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);font-weight:400;letter-spacing:var(--cf-tracking-wide);color:var(--cf-text-secondary);background:#0009;padding:4px 8px;border:1px solid rgba(255,255,255,.12);display:none;animation:cf-pulse-glow 2s ease-in-out infinite}@keyframes cf-pulse-glow{0%,to{opacity:.7}50%{opacity:1}}#drive-button-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);pointer-events:auto;display:flex;flex-direction:column;align-items:center}#drive-button{position:relative;font-family:"AlarmClock",var(--cf-font-mono);font-size:28px;font-weight:500;letter-spacing:var(--cf-tracking-wider);padding:8px 20px 8px 0;width:180px;text-align:right;background:#000000b3;color:var(--cf-text-secondary);border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .15s ease;overflow:hidden;touch-action:manipulation;backdrop-filter:blur(10px);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}#drive-button:hover{background:#000000d9;color:var(--cf-text-primary);border-color:#ffffff40;transform:translateY(-2px)}#drive-button:active{transform:translateY(0)}#drive-button.boost-mode{background:#000c;border-color:#fff3;color:var(--cf-text-primary)}#drive-button.boost-mode:hover{background:#000000e6;border-color:#ffffff4d}#drive-button.autopilot-active{background:#000c!important;border-color:#fff3;color:var(--cf-text-primary);cursor:not-allowed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}#drive-button.autopilot-active:hover{transform:none}#drive-button.autopilot-active .cf-progress-bar{display:none}#drive-button .cf-progress-bar{position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff6;transition:width .1s linear}#momentum-display{position:fixed;bottom:20px;left:120px;transform:none;font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);letter-spacing:var(--cf-tracking-wide);color:#fffffff2;background:#000000bf;padding:6px 12px;border:1px solid rgba(255,200,50,.3);border-radius:6px;white-space:nowrap;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(10px);overflow:hidden;pointer-events:none;z-index:100}#momentum-display.visible{opacity:1}#momentum-progress-bar{position:absolute;top:0;left:0;height:100%;width:0%;z-index:0;pointer-events:none;background:linear-gradient(90deg,#b48c1480,#c8a028b3,#dcb43c99);transition:width .15s ease-out}#momentum-text{position:relative;z-index:1;text-shadow:0 0 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.5)}#cruise-control-button{position:relative;overflow:hidden;font-family:var(--cf-font-mono);font-size:var(--cf-font-size-xs);font-weight:400;letter-spacing:var(--cf-tracking-wide);padding:6px 14px;margin-top:10px;background:#00000080;color:var(--cf-text-tertiary);border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:border-color .15s ease,color .15s ease;touch-action:manipulation;backdrop-filter:blur(10px);text-transform:uppercase}#cruise-progress-bar{position:absolute;top:0;left:0;height:100%;width:100%;z-index:0;pointer-events:none;transition:background .3s ease}#cruise-button-text{position:relative;z-index:1}#cruise-control-button:not(.active):not(.cooldown) #cruise-progress-bar{background:linear-gradient(90deg,#3cb43c4d,#50dc5080,#64ff6466)}#cruise-control-button:not(.active):not(.cooldown){border-color:#50c85066;color:var(--cf-text-secondary)}#cruise-control-button:not(.active):not(.cooldown):hover{border-color:#50ff5099;color:var(--cf-text-primary)}#cruise-control-button.active #cruise-progress-bar{background:linear-gradient(90deg,#3cb43c66,#50dc5099,#64ff6480)}#cruise-control-button.active{border-color:#50ff5080;color:var(--cf-text-primary)}#cruise-control-button.cooldown #cruise-progress-bar{background:linear-gradient(90deg,#50a0dc4d,#64b4f080,#8cc8ff66)}#cruise-control-button.cooldown{border-color:#64b4f066;color:var(--cf-text-secondary);cursor:not-allowed}#spend-miles-button{position:absolute;bottom:20px;right:20px;font-family:var(--cf-font-mono);font-size:11px;font-weight:400;letter-spacing:.5px;padding:6px 10px;background:#0009;color:var(--cf-text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;pointer-events:auto;transition:all .15s ease;touch-action:manipulation;backdrop-filter:blur(10px);overflow:visible}#spend-miles-button:hover{background:#000c;border-color:#fff3;color:var(--cf-text-primary);transform:translateY(-2px)}#skill-avail-badge{position:absolute;top:-5px;left:-5px;width:14px;height:14px;pointer-events:none;display:none;animation:cf-badge-pulse 1.5s ease-in-out infinite;opacity:.8}#pack-notification-badge{position:absolute!important;top:-5px!important;right:-5px!important;background:#c89650e6!important;color:#000000d9!important;font-family:var(--cf-font-mono)!important;font-size:8px!important;font-weight:700!important;padding:2px 4px!important;letter-spacing:.3px!important;text-transform:uppercase!important;white-space:nowrap!important;line-height:1!important;pointer-events:none!important;display:none;animation:cf-pulse-glow 2s ease-in-out infinite;z-index:100!important;box-sizing:border-box!important;min-width:auto!important;min-height:auto!important;width:auto!important;height:auto!important;overflow:visible!important}@keyframes cf-badge-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}#music-button{position:absolute;top:20px;left:20px;font-family:var(--cf-font-mono);font-size:18px;padding:0;background:#0009;color:var(--cf-text-tertiary);border:1px solid rgba(255,255,255,.08);width:44px;height:44px;cursor:pointer;pointer-events:auto;transition:all .15s ease;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;touch-action:manipulation}#music-button:hover{background:#000c;border-color:#ffffff26;color:var(--cf-text-secondary);transform:translateY(-2px)}#music-button.playing{border-color:#fff3;color:var(--cf-text-primary)}#music-button.playing:hover{border-color:#ffffff4d}#game-music-toggle{position:absolute;top:20px;left:72px;font-family:var(--cf-font-mono);font-size:18px;padding:0;background:#0009;color:var(--cf-text-tertiary);border:1px solid rgba(255,255,255,.08);width:44px;height:44px;cursor:pointer;pointer-events:auto;transition:all .15s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:manipulation;display:flex;align-items:center;justify-content:center}#game-music-toggle:before{content:"";width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--cf-text-tertiary);margin-left:3px;transition:border-color .15s ease}#game-music-toggle:hover:before{border-color:transparent transparent transparent var(--cf-text-secondary)}#game-music-toggle.playing:before{width:11px;height:11px;border:none;background:var(--cf-text-tertiary);margin-left:0}#game-music-toggle.playing:hover:before{background:var(--cf-text-secondary)}#game-music-toggle:hover{background:#000c;border-color:#ffffff26;color:var(--cf-text-secondary);transform:translateY(-2px)}#top-button-row{position:absolute;top:20px;left:20px;display:flex;flex-direction:row;gap:8px;pointer-events:auto}#top-button-row #music-button,#top-button-row #game-music-toggle,#top-button-row .cloud-button{position:relative;top:auto;left:auto}.cloud-button{position:absolute;width:44px;height:44px;font-size:18px;background:#0009;color:var(--cf-text-tertiary);border:1px solid rgba(255,255,255,.08);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:manipulation}#cloud-leaderboard-btn:not(#top-button-row *){top:20px;left:124px}#cloud-account-btn:not(#top-button-row *){top:20px;left:176px}#cloud-bug-btn:not(#top-button-row *){top:20px;left:228px}.cloud-button:hover{background:#000c;border-color:#ffffff26;color:var(--cf-text-secondary);transform:translateY(-2px)}@keyframes cf-drive-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}#drive-button.shake{animation:cf-drive-shake .2s ease-out}@media (max-width: 600px){#game-clock-display{font-size:var(--cf-font-size-xs);padding:6px 10px}#drive-button{font-size:24px;padding:12px 20px 12px 0;width:160px}#spend-miles-button{font-size:var(--cf-font-size-sm);padding:8px 16px;bottom:16px;right:16px}#music-button{width:40px;height:40px;font-size:16px;top:16px;left:16px}#game-music-toggle{width:40px;height:40px;font-size:16px;top:16px;left:64px}#game-music-toggle:before{border-width:6px 0 6px 9px}#game-music-toggle.playing:before{width:9px;height:9px}.cloud-button{width:40px;height:40px;font-size:14px}#cloud-leaderboard-btn:not(#top-button-row *){top:16px;left:112px}#cloud-account-btn:not(#top-button-row *){top:16px;left:160px}#cloud-bug-btn:not(#top-button-row *){top:16px;left:208px}#top-button-row{top:16px;left:16px}}@media (max-width: 600px){#momentum-display{bottom:130px;left:50%;transform:translate(-50%)}}@media (orientation: landscape) and (max-height: 500px){#momentum-display{bottom:16px;left:110px;transform:none}}.cf-milestone-tracker{width:100%;flex-shrink:0;padding:var(--cf-space-md, 12px);border-bottom:1px solid var(--cf-divider, rgba(255,255,255,.08))}.cf-milestone-tracker-count{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:10px}.cf-milestone-count-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:var(--cf-text-tertiary, #666);text-transform:uppercase;margin-right:2px}.cf-milestone-count-value{font-size:18px;font-weight:700;color:var(--cf-text-primary, #fff);line-height:1}.cf-milestone-count-separator{font-size:14px;font-weight:300;color:var(--cf-text-tertiary, #555);margin:0 1px}.cf-milestone-count-total{font-size:14px;font-weight:500;color:var(--cf-text-secondary, #888);line-height:1}.cf-milestone-bonus-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.cf-milestone-tracker-bonus{font-size:10px;color:var(--cf-positive, #50ff50);background:#50ff501a;padding:3px 8px;border-radius:3px;border:1px solid rgba(80,255,80,.2)}.cf-bonus-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.cf-bonus-row--centered{justify-content:center}.cf-bonus-row--left{justify-content:flex-start}.cf-bonus-row--compact{gap:4px;margin-top:4px}.cf-bonus-row--no-margin{margin-top:0}.cf-bonus-box{font-family:var(--cf-font-mono, monospace);font-size:10px;padding:3px 8px;border-radius:3px;border:1px solid;white-space:nowrap}.cf-bonus-box--positive{color:var(--cf-positive, #7CFF9E);background:#7cff9e1a;border-color:#7cff9e33}.cf-bonus-box--gold{color:var(--cf-gold, #FFD700);background:#ffd7001a;border-color:#ffd70033}.cf-bonus-box--cyan{color:var(--cf-cyan, #5FB3B3);background:#5fb3b31a;border-color:#5fb3b333}.cf-bonus-box--lavender{color:var(--cf-lavender, #a78bfa);background:#a78bfa1a;border-color:#a78bfa33}.cf-bonus-box--warning{color:var(--cf-warning, #E8B84A);background:#e8b84a1a;border-color:#e8b84a33}.cf-bonus-box--compact{font-size:9px;padding:2px 6px}.cf-bonus-box--xs{font-size:8px;padding:2px 5px}.cf-inventory-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}@media (max-width: 420px){.cf-inventory-actions{flex-direction:column;align-items:flex-end;gap:4px}.cf-inventory-actions button{min-width:70px}.cf-bonus-box{font-size:8px;padding:2px 5px}.cf-bonus-box--compact{font-size:7px;padding:1px 4px}.cf-bonus-box--xs{font-size:7px;padding:1px 3px}.cf-bonus-row{gap:3px}.cf-bonus-row--compact{gap:2px}}.cf-milestone-progress-track{position:relative;height:8px;background:var(--cf-bg-deep, #0a0a0f);border-radius:4px;margin-bottom:24px}.cf-milestone-progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:4px;transition:width .3s ease,background .3s ease}.cf-milestone-markers{position:absolute;top:0;left:0;right:0;height:100%;display:flex;justify-content:space-between}.cf-milestone-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--cf-bg-raised, #16161E);border:2px solid var(--cf-divider, rgba(255,255,255,.15));display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--cf-text-tertiary, #666);cursor:default;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.cf-milestone-marker--claimed{background:var(--cf-positive, #50ff50);border-color:var(--cf-positive, #50ff50);color:#000}.cf-milestone-marker--claimable{background:#c8a03033;border-color:#c8a030;color:#c8a030;cursor:pointer;animation:cf-marker-pulse 2s ease-in-out infinite}.cf-milestone-marker--claimable:hover{transform:translate(-50%,-50%) scale(1.2)}@keyframes cf-marker-pulse{0%,to{box-shadow:0 0 4px #c8a03066}50%{box-shadow:0 0 10px #c8a030cc}}.cf-milestone-labels{position:relative;height:20px;margin-top:4px}.cf-milestone-label{position:absolute;transform:translate(-50%);font-size:10px;color:var(--cf-text-tertiary, #666);text-align:center}.cf-milestone-label--claimed{color:var(--cf-positive, #50ff50)}.cf-milestone-label--claimable{color:#c8a030;font-weight:700}.cf-milestone-claim-row{display:flex;justify-content:center;margin-top:8px}.cf-milestone-claim-btn{font-family:var(--cf-font-mono, monospace);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 16px;background:#c8a030;color:#000;border:none;border-radius:4px;cursor:pointer;transition:transform .1s ease,background .1s ease}.cf-milestone-claim-btn:hover{transform:scale(1.05);background:#d8b040}.cf-milestone-claim-btn:active{transform:scale(.98)}.cf-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,72px);gap:8px;padding:var(--cf-space-md, 12px);justify-content:center;width:100%;flex:1;overflow-y:auto;align-content:start}.cf-collection-item{width:72px;height:80px;background:var(--cf-bg-raised, #16161E);border:2px solid var(--cf-divider, rgba(255,255,255,.08));border-radius:6px;padding:6px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;cursor:default}.cf-collection-item--found{cursor:pointer}.cf-collection-item--found:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.cf-collection-item--locked{filter:grayscale(100%);opacity:.5}.cf-collection-item--found.tier-rearview{border-color:var(--cf-cyan, #44aaff)}.cf-collection-item--found.tier-dashboard{border-color:var(--cf-lavender, #a78bfa)}.cf-collection-item--found.tier-keychain{border-color:#c8a030}.cf-collection-sprite{width:36px;height:36px;margin-bottom:4px;background:var(--cf-bg-deep, #0a0a0f);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cf-collection-item--locked .cf-collection-sprite{background:var(--cf-divider, rgba(255,255,255,.08))}.cf-collection-name{font-size:8px;font-weight:500;color:var(--cf-text-primary, #fff);text-transform:uppercase;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.2}.cf-collection-item--locked .cf-collection-name{color:var(--cf-text-tertiary, #666)}.cf-collection-tooltip{position:fixed;z-index:10000;background:var(--cf-bg-raised, #1a1a24);border:1px solid var(--cf-divider, rgba(255,255,255,.1));border-radius:6px;padding:10px 12px;min-width:180px;max-width:280px;box-shadow:0 4px 20px #0006;pointer-events:none}.cf-collection-tooltip-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.cf-collection-tooltip-slot{font-size:9px;color:var(--cf-text-tertiary, rgba(255,255,255,.5));text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--cf-divider, rgba(255,255,255,.1))}.cf-collection-tooltip-desc{font-size:11px;color:var(--cf-text-secondary, #aaa);font-style:italic;margin-bottom:8px;line-height:1.4}.cf-collection-tooltip-stats{border-top:1px solid var(--cf-divider, rgba(255,255,255,.1));padding-top:8px}@media (max-width: 768px){.cf-collection-grid{grid-template-columns:repeat(auto-fill,64px);gap:6px}.cf-collection-item{width:64px;height:72px}.cf-collection-sprite{width:32px;height:32px;font-size:16px}.cf-collection-name{font-size:7px}.cf-milestone-marker{width:14px;height:14px;font-size:7px}}@media (max-width: 480px){.cf-collection-grid{grid-template-columns:repeat(auto-fill,56px);gap:4px}.cf-collection-item{width:56px;height:64px;padding:4px}.cf-collection-sprite{width:28px;height:28px;font-size:14px}.cf-collection-name{font-size:6px}.cf-milestone-tracker-header{flex-direction:column;gap:8px;align-items:flex-start}.cf-milestone-marker{width:12px;height:12px;font-size:6px}.cf-milestone-label{font-size:8px}}:root{--bg-dark: rgba(10, 10, 15, .85);--bg-darker: rgba(5, 5, 10, .92);--bg-panel: rgba(15, 15, 25, .75);--bg-button: rgba(25, 25, 40, .8);--bg-button-hover: rgba(40, 40, 60, .9);--border-subtle: rgba(255, 255, 255, .15);--border-medium: rgba(255, 255, 255, .25);--border-bright: rgba(255, 255, 255, .4);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--accent-green: rgba(80, 200, 120, .9);--accent-green-glow: rgba(80, 200, 120, .4);--accent-orange: rgba(255, 180, 100, .9);--accent-orange-glow: rgba(255, 180, 100, .4);--accent-blue: rgba(120, 180, 220, .9);--accent-purple: rgba(160, 130, 200, .9);--accent-red: rgba(200, 100, 100, .9);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;position:fixed;width:100%;height:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:none}body{font-family:Courier New,monospace;background:#000;-webkit-font-smoothing:antialiased}canvas{display:block;width:100%;height:100vh}button{touch-action:manipulation;font-family:Courier New,monospace}#controls{position:absolute;bottom:20px;left:20px;color:var(--text-secondary);background:var(--bg-panel);padding:15px;border-radius:8px;border:1px solid var(--border-subtle);font-size:11px;letter-spacing:.5px;backdrop-filter:blur(10px)}#fade-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;pointer-events:auto;touch-action:none;opacity:1;transition:opacity 2s ease-in-out,pointer-events 0s 2s}#fade-overlay.fade-out{opacity:0;pointer-events:none}#start-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000 url(../assets/ui/title.png) center 10% no-repeat;background-size:contain;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:5%;touch-action:manipulation}#start-screen.hidden{display:none}#start-screen-buttons{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:90%;max-width:320px;z-index:10002}#secondary-buttons{display:none;width:100%;gap:8px;align-items:stretch}#secondary-buttons.ready{display:flex}#icon-buttons{display:flex;gap:8px}#start-button{position:relative;font-family:IBM Plex Mono,Courier New,monospace;font-size:14px;font-weight:500;letter-spacing:2px;padding:14px 24px;background:#1e232df2;color:#ffffff80;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:default;text-transform:uppercase;box-shadow:0 4px 20px #0006;transition:all .2s ease;display:block;touch-action:manipulation;backdrop-filter:blur(10px);width:100%;text-align:center;overflow:hidden}#start-button-text{position:relative;z-index:2}#start-button-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#3c8c8c66,#50b4b480,#5fd4d466);transition:width .3s ease;z-index:1}#start-button.ready{background:#282d37f2;color:#fffffff2;border-color:#ffffff40;cursor:pointer}#start-button.ready #start-button-progress{background:linear-gradient(90deg,#3cb4784d,#50c88c66,#64dca04d)}#start-button.ready:hover{background:#323746fa;border-color:#ffffff59;box-shadow:0 0 20px #ffffff1a}#start-button.ready:active{transform:scale(.98)}.icon-button{font-family:IBM Plex Mono,Courier New,monospace;font-size:18px;width:48px;height:48px;padding:0;background:#282832f2;color:#c8c8dc80;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:default;box-shadow:0 4px 20px #0006;transition:all .2s ease;display:flex;align-items:center;justify-content:center;touch-action:manipulation;backdrop-filter:blur(10px);flex-shrink:0}.icon-button.ready{cursor:pointer;color:#c8c8dce6}.icon-button.ready:hover{background:#373746fa;border-color:#ffffff40}.icon-button:active{transform:scale(.98)}#account-button{display:none}#account-button.ready{display:flex}#account-button.signed-in{color:#64c896e6;border-color:#64c8964d}#music-toggle-button{display:flex;cursor:pointer;color:#c8c8dce6;position:relative}#music-toggle-button:before{content:"";width:0;height:0;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent rgba(200,200,220,.9);margin-left:3px}#music-toggle-button.playing:before{width:12px;height:12px;border:none;background:#c8c8dce6;margin-left:0}#music-toggle-button:hover{background:#373746fa;border-color:#ffffff40}#music-toggle-button:active{transform:scale(.98)}#new-game-button{display:none;font-family:IBM Plex Mono,Courier New,monospace;font-size:11px;font-weight:400;letter-spacing:1px;padding:10px 16px;background:#3c2323e6;color:#ffc8c8cc;border:1px solid rgba(200,100,100,.3);border-radius:4px;cursor:pointer;text-transform:uppercase;box-shadow:0 2px 10px #0000004d;transition:all .2s ease;touch-action:manipulation;backdrop-filter:blur(10px);flex:1;text-align:center;min-width:0}#new-game-button.ready{display:block}#new-game-button:hover{background:#502d2df2;border-color:#c8646480}#new-game-button:active{transform:scale(.98)}@media screen and (max-width: 768px) and (orientation: portrait){#start-screen{background-position:center 5%}#start-screen-buttons{bottom:max(20px,env(safe-area-inset-bottom,20px));gap:10px}}@media screen and (max-width: 932px) and (orientation: landscape){#start-screen{background-position:center 0%;background-size:auto 60%}#start-screen-buttons{bottom:max(10px,env(safe-area-inset-bottom,10px));max-width:400px;gap:8px}#start-button{padding:10px 20px;font-size:12px}.icon-button{width:42px;height:42px;font-size:16px}#music-toggle-button:before{border-width:6px 0 6px 10px}#music-toggle-button.playing:before{width:10px;height:10px}#new-game-button{padding:8px 16px;font-size:10px}}#offline-progress-display{display:none;padding:16px;background:#14161ef2;border:1px solid rgba(255,255,255,.1);width:90%;max-width:320px;position:fixed;bottom:150px;left:50%;transform:translate(-50%);font-family:IBM Plex Mono,monospace;z-index:10001;backdrop-filter:blur(10px)}#offline-progress-display.active{display:block}.opd-bug-button{position:absolute;top:8px;right:8px;width:28px;height:28px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;font-size:14px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;z-index:1}.opd-bug-button:hover{background:#ffffff1a;border-color:#ffffff4d}.opd-header{text-align:center;margin-bottom:12px;color:var(--cf-positive, #5fd47a);font-size:11px;letter-spacing:2px;text-transform:uppercase}.opd-header.out-of-fuel{color:var(--cf-warning, #f5a623)}.opd-content{display:flex;flex-direction:column}.opd-speed-section{text-align:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.opd-speed-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.opd-speed-row .cf-label{font-size:10px;color:#ffffff80;letter-spacing:1px}#opd-speed{font-size:28px;font-weight:300;color:var(--cf-cyan, #5fd4d4)}.opd-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.opd-stat{display:flex;flex-direction:column;gap:2px}.opd-stat .cf-label{font-size:9px;color:#fff6;letter-spacing:1px}.opd-stat .cf-value{font-size:16px;font-weight:400}#opd-miles,#opd-momentum{color:var(--cf-positive, #5fd47a)}#opd-waves{color:var(--cf-lavender, #a78bfa)}#opd-time{color:#ffffffb3}.opd-fuel-section{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.opd-fuel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.opd-fuel-header .cf-label{font-size:9px;color:#fff6;letter-spacing:1px}#opd-fuel-text{font-size:10px;color:#ffffff80}#opd-fuel-meter{display:flex;gap:2px;height:8px}#opd-fuel-meter .cf-meter-segment{flex:1;background:#ffffff1a;transition:background .2s ease}#opd-fuel-meter .cf-meter-segment.filled{background:var(--cf-cyan-dim, #3a8a8a)}#opd-fuel-meter .cf-meter-segment.filled.active{background:var(--cf-cyan, #5fd4d4)}.opd-driver-section{padding-top:12px;margin-top:12px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.opd-driver-name{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.opd-driver-name.anonymous{color:#fff6}.opd-driver-name.linked{color:var(--cf-cyan, #5FB3B3)}@media screen and (max-width: 768px) and (orientation: portrait){#offline-progress-display{bottom:auto;top:45%;transform:translate(-50%,-50%);max-width:300px}}@media screen and (max-width: 932px) and (orientation: landscape){#offline-progress-display{bottom:auto;top:38%;transform:translate(-50%,-50%);max-width:440px;padding:12px 16px}.opd-header{margin-bottom:8px;font-size:10px}.opd-content{flex-direction:row;gap:16px;align-items:center}.opd-speed-section{margin-bottom:0;padding-bottom:0;padding-right:16px;border-bottom:none;border-right:1px solid rgba(255,255,255,.1);min-width:100px;flex-shrink:0}#opd-speed{font-size:24px}.opd-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:0;flex:1}.opd-stat .cf-label{font-size:8px}.opd-stat .cf-value{font-size:14px}.opd-fuel-section{padding-top:8px}#opd-fuel-meter{height:6px}.opd-driver-section{padding-top:8px;margin-top:8px}.opd-driver-name{font-size:9px}}#opd-speed-info{width:22px;height:22px;padding:0;font-size:11px;line-height:22px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff9;cursor:pointer;font-family:IBM Plex Mono,monospace;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}#opd-speed-info:hover{border-color:var(--cf-cyan, #5fd4d4);color:var(--cf-cyan, #5fd4d4);background:#5fd4d426}.opd-speed-tooltip{z-index:10002!important}@keyframes pulse-glow{0%,to{opacity:.9;box-shadow:0 0 8px var(--accent-orange-glow)}50%{opacity:1;box-shadow:0 0 16px var(--accent-orange-glow)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes driveButtonShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes momentumPulse{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:.9;transform:translate(-50%) scale(1.02)}}@keyframes momentumFallOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(80px)}}@keyframes momentumFadeIn{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:.8;transform:translate(-50%) scale(1)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}#debug-panel{position:fixed;top:10px;right:10px;background:var(--bg-darker);border:1px solid var(--border-subtle);border-radius:4px;padding:10px 14px;font-family:Courier New,monospace;font-size:11px;color:var(--text-secondary);z-index:9999;min-width:200px;pointer-events:none}#debug-panel .debug-title{color:var(--accent-orange);font-weight:700;margin-bottom:6px;font-size:12px}#debug-panel .debug-row{display:flex;justify-content:space-between;margin:2px 0}#debug-panel .debug-label{color:var(--text-muted)}#debug-panel .debug-value{color:var(--text-primary);font-weight:700}#debug-panel .debug-value.warning{color:var(--accent-orange)}#debug-panel .debug-value.alert{color:var(--accent-red)}#debug-panel .debug-divider{border-top:1px solid var(--border-subtle);margin:6px 0}#debug-panel .debug-section-header{color:var(--accent-blue);font-size:9px;font-weight:700;letter-spacing:1px;margin:4px 0 2px;opacity:.8}#debug-panel .debug-pool-breakdown{font-size:9px;color:var(--text-muted);white-space:pre-line;line-height:1.4}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}:root{--gameui-bg-primary: rgba(0, 0, 0, .4);--gameui-bg-secondary: rgba(0, 0, 0, .5);--gameui-bg-button: rgba(0, 0, 0, .4);--gameui-bg-button-hover: rgba(0, 0, 0, .6);--gameui-bg-drive: rgba(0, 0, 0, .5);--gameui-bg-drive-hover: rgba(0, 0, 0, .65);--gameui-bg-cruise: rgba(0, 0, 0, .35);--gameui-bg-modal: rgba(0, 0, 0, .95);--gameui-bg-overlay: rgba(0, 0, 0, .85);--gameui-drive-green: rgb(85, 170, 130);--gameui-drive-red: rgb(180, 90, 90);--gameui-text-primary: rgba(255, 255, 255, .9);--gameui-text-secondary: rgba(255, 255, 255, .7);--gameui-text-muted: rgba(255, 255, 255, .5);--gameui-text-clock: rgba(255, 255, 255, .5);--gameui-text-momentum: rgba(255, 255, 255, .6);--gameui-text-green: #50ff50;--gameui-text-red: #ff5050;--gameui-border-subtle: rgba(255, 255, 255, .08);--gameui-border-light: rgba(255, 255, 255, .1);--gameui-border-medium: rgba(255, 255, 255, .15);--gameui-border-clock: rgba(255, 255, 255, .08);--gameui-border-momentum: rgba(255, 255, 255, .12);--gameui-shadow-button: 0 4px 20px rgba(0, 0, 0, .3);--gameui-shadow-button-hover: 0 6px 24px rgba(0, 0, 0, .4);--gameui-shadow-small: 0 2px 12px rgba(0, 0, 0, .25);--gameui-transition-fast: .15s ease;--gameui-transition-normal: .25s ease;--gameui-font-family: "Courier New", monospace}#game-ui{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:var(--gameui-font-family);color:var(--gameui-text-primary);z-index:100;touch-action:manipulation}#miles-display{position:absolute;bottom:110px;right:40px;font-size:16px;font-weight:400;letter-spacing:1px;background:var(--gameui-bg-primary);padding:8px 12px;border-radius:0;border:1px solid var(--gameui-border-subtle);display:none;backdrop-filter:blur(10px)}.gameui-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gameui-bg-overlay);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;pointer-events:auto}.gameui-modal-container{background:var(--gameui-bg-modal);border:1px solid var(--gameui-border-light);border-radius:12px;padding:30px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #00000080;touch-action:pan-y;-webkit-overflow-scrolling:touch}.gameui-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--gameui-border-light)}.gameui-modal-title{font-family:var(--gameui-font-family);font-size:24px;font-weight:700;color:var(--gameui-text-primary);letter-spacing:2px}.gameui-modal-close{font-family:var(--gameui-font-family);font-size:24px;color:var(--gameui-text-muted);cursor:pointer;transition:color var(--gameui-transition-fast);background:none;border:none;padding:0}.gameui-modal-close:hover{color:var(--gameui-text-primary)}.gameui-popup{position:fixed;font-family:var(--gameui-font-family);font-weight:700;pointer-events:none;z-index:1000}.gameui-popup--acceleration{font-size:20px;color:var(--gameui-text-green);text-shadow:0 0 10px rgba(80,255,80,.8)}.gameui-popup--boost{font-size:22px;color:var(--gameui-text-red);text-shadow:0 0 15px rgba(255,80,80,.9)}.gameui-popup--mile{font-size:24px;color:#fd5;text-shadow:0 0 15px rgba(255,221,85,.8)}.gameui-popup--max-speed{font-size:48px;color:#fa0;text-shadow:0 0 20px rgba(255,170,0,1)}.gameui-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid var(--gameui-border-light);padding-bottom:15px}.gameui-tab{font-family:var(--gameui-font-family);font-size:14px;font-weight:400;letter-spacing:1px;padding:10px 20px;background:transparent;color:var(--gameui-text-muted);border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all var(--gameui-transition-fast);position:relative}.gameui-tab:hover{color:var(--gameui-text-primary);background:#ffffff0d}.gameui-tab--active{color:var(--gameui-text-primary);background:#ffffff1a;border-color:var(--gameui-border-light)}.gameui-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.gameui-upgrade-card{background:#28283c99;border:1px solid var(--gameui-border-subtle);border-radius:8px;padding:15px;transition:all var(--gameui-transition-fast)}.gameui-upgrade-card:hover{border-color:var(--gameui-border-light);background:#323246b3}.gameui-upgrade-button{font-family:var(--gameui-font-family);font-size:12px;font-weight:400;letter-spacing:.5px;padding:8px 16px;background:var(--gameui-bg-drive);color:var(--gameui-text-primary);border:1px solid rgba(120,200,150,.5);border-radius:4px;cursor:pointer;transition:all var(--gameui-transition-fast)}.gameui-upgrade-button:hover:not(:disabled){background:var(--gameui-bg-drive-hover);border-color:#78c896b3}.gameui-upgrade-button:disabled{background:#32323c99;color:var(--gameui-text-muted);border-color:var(--gameui-border-subtle);cursor:not-allowed}.gameui-item-card{background:#1e1e2dcc;border:1px solid var(--gameui-border-subtle);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.gameui-item-name{font-family:var(--gameui-font-family);font-size:14px;font-weight:700;letter-spacing:.5px}.gameui-item-effect{font-family:var(--gameui-font-family);font-size:12px;color:var(--gameui-text-muted)}.gameui-progress-bar{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.gameui-progress-fill{height:100%;background:linear-gradient(90deg,#50c878cc,#78dca0e6);border-radius:4px;transition:width .3s ease}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-glow{0%,to{opacity:.9;text-shadow:0 0 5px rgba(255,200,120,.5)}50%{opacity:1;text-shadow:0 0 15px rgba(255,200,120,.8)}}@keyframes momentumPulse{0%,to{opacity:.85;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.02)}}@keyframes momentumFallOut{0%{opacity:1;transform:translate(-50%) translateY(0) rotate(0)}to{opacity:0;transform:translate(-50%) translateY(40px) rotate(-5deg)}}@keyframes accelerationPopup{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.8)}}@keyframes boostPopup{0%{opacity:1;transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-15px) scale(1.3)}to{opacity:0;transform:translate(-50%,-40px) scale(.8)}}@keyframes milePopup{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80px) scale(1.2)}}@keyframes maxSpeedPopup{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-120px) scale(2)}}@keyframes waveEventSlide{0%{opacity:0;transform:translate(-50%) translateY(-20px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes driveButtonShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes itemNotificationSlide{0%{opacity:0;transform:translate(-50%) scale(.8)}20%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.8)}}.gameui-tooltip{position:absolute;background:#0f0f19f2;border:1px solid var(--gameui-border-light);border-radius:6px;padding:12px 16px;font-family:var(--gameui-font-family);font-size:12px;color:var(--gameui-text-primary);max-width:280px;z-index:10002;pointer-events:none;box-shadow:0 4px 20px #0006}.gameui-tooltip-title{font-size:14px;font-weight:700;margin-bottom:8px;letter-spacing:.5px}.gameui-tooltip-content{color:var(--gameui-text-muted);line-height:1.4}.gameui-scrollable::-webkit-scrollbar{width:8px}.gameui-scrollable::-webkit-scrollbar-track{background:#0003;border-radius:4px}.gameui-scrollable::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.gameui-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff4d}
