:root {--bg-base: #111318;--bg-panel: #1a1d24;--bg-card: #21252f;--bg-inset: #161920;--border: #2e3340;--border-bright: #3d4455;--text-primary: #e8ecf4;--text-secondary: #8891a8;--text-muted: #4d5568;--basic: #4fc3f7;--basic-dim: #1a4a5c;--basic-glow: rgba(79,195,247,0.3);--rare: #69db7c;--rare-dim: #1a3d24;--rare-glow: rgba(105,219,124,0.3);--epic: #cc5de8;--epic-dim: #3a1a4a;--epic-glow: rgba(204,93,232,0.35);--legendary: #ffd43b;--legendary-dim: #3d2e00;--legendary-glow: rgba(255,212,59,0.4);--accent: #ff6b35;--accent-dim: #3d1800;--timer-track: #1e2330;--shadow-md: 0 4px 20px rgba(0,0,0,0.5);--shadow-lg: 0 8px 40px rgba(0,0,0,0.6);--topbar-h: 64px;--radius: 8px;--radius-sm: 4px;--radius-lg: 16px;}*,*::before,*::after {box-sizing: border-box;margin: 0;padding: 0;}html {height: 100%;}body {min-height: 100%;background: var(--bg-base);color: var(--text-primary);font-family: 'Rajdhani', sans-serif;font-size: 15px;line-height: 1.5;overflow-x: hidden;}button {cursor: pointer;border: none;background: none;font-family: inherit;}a {color: inherit;text-decoration: none;}.hidden {display: none !important;}.scanlines {position: fixed;inset: 0;pointer-events: none;z-index: 9999;background: repeating-linear-gradient( to bottom, transparent 0px, transparent 3px, rgba(0,0,0,0.06) 3px, rgba(0,0,0,0.06) 4px );}.topbar {position: fixed;top: 0;left: 0;right: 0;height: var(--topbar-h);background: var(--bg-panel);border-bottom: 2px solid var(--border);display: flex;align-items: center;justify-content: space-between;padding: 0 24px;z-index: 100;box-shadow: 0 2px 16px rgba(0,0,0,0.5);gap: 16px;}.topbar__brand {display: flex;align-items: center;gap: 10px;flex: 0 0 auto;}.brand-icon {font-size: 22px;}.brand-name {font-family: 'Press Start 2P', monospace;font-size: 12px;color: var(--text-primary);letter-spacing: 1px;white-space: nowrap;}.brand-accent {color: var(--accent);}.topbar__nav {display: flex;gap: 4px;}.nav-btn {display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 8px 16px;border-radius: var(--radius);color: var(--text-secondary);font-family: 'Press Start 2P', monospace;font-size: 7px;letter-spacing: 0.5px;transition: color 0.12s, background 0.12s;position: relative;}.nav-btn:hover {color: var(--text-primary);background: var(--bg-card);}.nav-btn.active {color: var(--accent);background: var(--bg-card);border: 1px solid var(--accent);box-shadow: 0 0 12px rgba(255,107,53,0.2);}.nav-btn.active::after {content: '';position: absolute;bottom: -2px;left: 20%;right: 20%;height: 2px;background: var(--accent);border-radius: 2px 2px 0 0;}.nav-icon {font-size: 15px;line-height: 1;}.nav-label {font-size: 6px;line-height: 1;}.topbar__coins {display: flex;align-items: center;gap: 8px;flex: 0 0 auto;background: var(--bg-inset);border: 1px solid var(--border);border-radius: 24px;padding: 7px 16px;min-width: 140px;}.coin-gem {width: 18px;height: 18px;border-radius: 50%;background: radial-gradient(circle at 38% 35%, #ffe566 0%, #ffd43b 45%, #e6a800 100%);border: 2px solid #e6a800;box-shadow: 0 0 6px rgba(255,212,59,0.5), inset 0 1px 2px rgba(255,255,255,0.4);flex-shrink: 0;display: block;}.coin-icon {font-size: 17px;flex-shrink: 0;}.coin-count {font-family: 'Share Tech Mono', monospace;font-size: 21px;color: var(--legendary);font-weight: 700;letter-spacing: 1px;flex: 1;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.coin-count.bump {animation: coinBump 0.35s ease;}.coin-count.bump-spend {animation: coinSpend 0.35s ease;}@keyframes coinBump {0%,100% {transform: scale(1);color: var(--legendary);}40% {transform: scale(1.25);color: #fff;}}@keyframes coinSpend {0%,100% {transform: scale(1);color: var(--legendary);}35% {transform: scale(0.88);color: #e63946;}}.coin-label {font-family: 'Press Start 2P', monospace;font-size: 6px;color: var(--text-muted);flex-shrink: 0;}.main-content {margin-top: var(--topbar-h);margin-left: auto;margin-right: auto;min-height: calc(100vh - var(--topbar-h) - 48px);padding: 36px 48px 56px;max-width: 1280px;width: 100%;}.tab-panel {display: none;animation: fadeIn 0.2s ease;}.tab-panel.active {display: block;}@keyframes fadeIn {from {opacity: 0;transform: translateY(6px);}to {opacity: 1;transform: translateY(0);}}.section-header {margin-bottom: 28px;}.section-title {font-family: 'Press Start 2P', monospace;font-size: 17px;color: var(--text-primary);letter-spacing: 2px;margin-bottom: 6px;}.section-sub {font-size: 14px;color: var(--text-secondary);font-weight: 500;}.timer-layout {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;align-items: start;}.timer-centerpiece {display: flex;flex-direction: column;align-items: center;gap: 24px;}.timer-controls {display: flex;flex-direction: column;gap: 16px;}.clock-ring {position: relative;width: 220px;height: 220px;}.clock-svg {width: 220px;height: 220px;transform: rotate(-90deg);}.clock-track {fill: none;stroke: var(--timer-track);stroke-width: 10;}.clock-progress {fill: none;stroke: var(--accent);stroke-width: 10;stroke-linecap: round;stroke-dasharray: 553;stroke-dashoffset: 553;transition: stroke-dashoffset 0.5s linear;filter: drop-shadow(0 0 6px rgba(255,107,53,0.6));}.clock-progress.break-mode {stroke: var(--basic);filter: drop-shadow(0 0 6px rgba(79,195,247,0.6));}.clock-face {position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;}.clock-time {font-family: 'Share Tech Mono', monospace;font-size: 40px;color: var(--text-primary);letter-spacing: 3px;}.clock-status {font-family: 'Press Start 2P', monospace;font-size: 7px;color: var(--text-muted);letter-spacing: 2px;}.clock-status.active {color: var(--accent);}.clock-status.break {color: var(--basic);}.clock-status.done {color: var(--rare);}.character-area {display: flex;flex-direction: column;align-items: center;gap: 4px;}.character {image-rendering: pixelated;animation: charIdle 1.2s steps(2) infinite;}@keyframes charIdle {0%,100% {transform: translateY(0px);}50% {transform: translateY(-3px);}}.character.working {animation: charWork 0.4s steps(2) infinite;}@keyframes charWork {0%,100% {transform: rotate(-5deg) translateY(0);}50% {transform: rotate(5deg) translateY(-2px);}}.character-label {font-family: 'Press Start 2P', monospace;font-size: 6px;color: var(--text-muted);letter-spacing: 3px;}.controls-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 24px;display: flex;flex-direction: column;gap: 16px;}.controls-title {font-family: 'Press Start 2P', monospace;font-size: 8px;color: var(--text-secondary);letter-spacing: 1.5px;}.duration-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}.duration-btn {background: var(--bg-inset);border: 1px solid var(--border);border-radius: var(--radius);padding: 14px 10px;display: flex;flex-direction: column;align-items: center;gap: 4px;transition: border-color 0.12s, background 0.12s, box-shadow 0.12s;color: var(--text-secondary);will-change: transform;}.duration-btn:hover {border-color: var(--accent);background: var(--accent-dim);color: var(--text-primary);}.duration-btn.selected {border-color: var(--accent);background: var(--accent-dim);color: var(--accent);box-shadow: 0 0 12px rgba(255,107,53,0.25);}.duration-btn:disabled {opacity: 0.4;cursor: not-allowed;pointer-events: none;}.dur-num {font-family: 'Share Tech Mono', monospace;font-size: 28px;font-weight: 700;line-height: 1;}.dur-unit {font-family: 'Press Start 2P', monospace;font-size: 6px;letter-spacing: 1px;}.dur-reward {font-family: 'Rajdhani', sans-serif;font-size: 12px;font-weight: 600;color: var(--legendary);}.action-btn {width: 100%;padding: 14px;border-radius: var(--radius);font-family: 'Press Start 2P', monospace;font-size: 8px;letter-spacing: 1px;transition: transform 0.12s, background 0.12s, box-shadow 0.12s;will-change: transform;}.action-btn--start {background: var(--accent);color: #fff;box-shadow: 0 4px 0 #a83b15;}.action-btn--start:hover {background: #ff8455;transform: translateY(-1px);box-shadow: 0 5px 0 #a83b15;}.action-btn--start:active {transform: translateY(2px);box-shadow: 0 2px 0 #a83b15;}.action-btn--stop {background: transparent;color: var(--text-muted);border: 1px solid var(--border);font-size: 7px;}.action-btn--stop:hover {border-color: #e63946;color: #e63946;}.action-btn--skip {background: var(--bg-inset);color: var(--text-secondary);border: 1px solid var(--border);font-size: 7px;}.action-btn--skip:hover {border-color: var(--border-bright);color: var(--text-primary);}.break-card {border-color: var(--basic-dim);}.break-note {font-size: 12px;color: var(--text-secondary);line-height: 1.6;}.break-options {display: flex;gap: 10px;}.break-btn {flex: 1;background: var(--bg-inset);border: 1px solid var(--border);border-radius: var(--radius);padding: 14px 10px;display: flex;flex-direction: column;align-items: center;gap: 6px;transition: border-color 0.12s, background 0.12s;}.break-btn:hover {border-color: var(--basic);background: var(--basic-dim);}.break-time {font-family: 'Share Tech Mono', monospace;font-size: 18px;color: var(--text-primary);}.break-bonus {font-family: 'Rajdhani', sans-serif;font-size: 13px;font-weight: 700;color: var(--legendary);}.complete-card {text-align: center;}.complete-icon {font-size: 48px;}.complete-reward {font-size: 15px;color: var(--text-secondary);}.complete-reward strong {color: var(--legendary);font-size: 18px;}.break-active-card {border-color: var(--basic-dim);text-align: center;}.break-active-icon {font-size: 40px;}.break-active-info {font-family: 'Share Tech Mono', monospace;font-size: 14px;color: var(--legendary);}.break-active-note {font-size: 12px;color: var(--text-muted);line-height: 1.6;}.stats-ribbon {display: flex;gap: 16px;margin-top: 32px;}.stat-chip {flex: 1;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 14px 18px;display: flex;flex-direction: column;gap: 4px;}.stat-label {font-family: 'Press Start 2P', monospace;font-size: 6px;color: var(--text-muted);letter-spacing: 1px;}.stat-val {font-family: 'Share Tech Mono', monospace;font-size: 18px;color: var(--text-primary);}.filter-bar {display: flex;gap: 8px;margin-bottom: 24px;}.filter-btn {display: flex;align-items: center;gap: 6px;padding: 8px 16px;border-radius: 20px;border: 1px solid var(--border);background: var(--bg-card);color: var(--text-secondary);font-family: 'Press Start 2P', monospace;font-size: 7px;letter-spacing: 0.5px;transition: border-color 0.12s, color 0.12s;}.filter-btn:hover {border-color: var(--border-bright);color: var(--text-primary);}.filter-btn.active {background: var(--bg-inset);border-color: var(--accent);color: var(--accent);}.rarity-dot {width: 8px;height: 8px;border-radius: 50%;display: inline-block;flex-shrink: 0;}.rarity-basic {background: var(--basic);}.rarity-rare {background: var(--rare);}.rarity-epic {background: var(--epic);}.rarity-legendary {background: var(--legendary);}.car-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));gap: 16px;}.car-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;display: flex;flex-direction: column;transition: transform 0.2s ease, box-shadow 0.2s ease;position: relative;}.car-card.rarity-basic:hover {transform: translateY(-5px);box-shadow: 0 8px 28px var(--basic-glow);}.car-card.rarity-rare:hover {transform: translateY(-5px);box-shadow: 0 8px 28px var(--rare-glow);}.car-card.rarity-epic:hover {transform: translateY(-5px);box-shadow: 0 8px 28px var(--epic-glow);}.car-card.rarity-legendary:hover {transform: translateY(-5px);box-shadow: 0 8px 36px var(--legendary-glow);}.car-card.store-dim {opacity: 0.6;}.car-card__stripe {height: 5px;width: 100%;flex-shrink: 0;}.rarity-basic .car-card__stripe {background: var(--basic);}.rarity-rare .car-card__stripe {background: var(--rare);}.rarity-epic .car-card__stripe {background: var(--epic);}.rarity-legendary .car-card__stripe {background: linear-gradient(90deg,#f59f00,#ffd43b,#ffe066,#ffd43b,#f59f00);background-size: 200%;animation: goldShimmer 2.4s linear infinite;}@keyframes goldShimmer {0% {background-position: 0%;}100% {background-position: 200%;}}.car-card__art {height: 120px;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;border-bottom: 1px solid var(--border);}.rarity-basic .car-card__art {background: linear-gradient(180deg,#0d2a38 0%,var(--bg-inset) 100%);}.rarity-rare .car-card__art {background: linear-gradient(180deg,#0d2010 0%,var(--bg-inset) 100%);}.rarity-epic .car-card__art {background: linear-gradient(180deg,#1e0d28 0%,var(--bg-inset) 100%);}.rarity-legendary .car-card__art {background: linear-gradient(180deg,#2a1e00 0%,var(--bg-inset) 100%);}.car-pixel-wrap {image-rendering: pixelated;display: flex;align-items: center;justify-content: center;}.car-art--basic {filter: drop-shadow(0 3px 10px var(--basic-glow));}.car-art--rare {filter: drop-shadow(0 3px 10px var(--rare-glow));}.car-art--epic {filter: drop-shadow(0 3px 12px var(--epic-glow));}.car-art--legendary {filter: drop-shadow(0 4px 16px var(--legendary-glow));animation: legendPulse 2.2s ease-in-out infinite;}@keyframes legendPulse {0%,100% {filter: drop-shadow(0 4px 16px var(--legendary-glow));}50% {filter: drop-shadow(0 4px 28px rgba(255,212,59,0.7));}}.car-owned-overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.62);display: flex;align-items: center;justify-content: center;z-index: 2;}.owned-check-text {font-family: 'Press Start 2P', monospace;font-size: 8px;color: var(--rare);letter-spacing: 2px;text-shadow: 0 0 8px var(--rare);}.car-card__info {padding: 10px 12px 12px;display: flex;flex-direction: column;gap: 8px;flex: 1;}.car-info-top {display: flex;align-items: center;justify-content: space-between;gap: 6px;}.car-name {font-family: 'Rajdhani', sans-serif;font-weight: 700;font-size: 15px;color: var(--text-primary);flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.car-rarity-badge {font-family: 'Press Start 2P', monospace;font-size: 5px;padding: 3px 6px;border-radius: 4px;white-space: nowrap;flex-shrink: 0;}.rarity-badge--basic {background: var(--basic-dim);color: var(--basic);}.rarity-badge--rare {background: var(--rare-dim);color: var(--rare);}.rarity-badge--epic {background: var(--epic-dim);color: var(--epic);}.rarity-badge--legendary {background: var(--legendary-dim);color: var(--legendary);}.car-info-bottom {display: flex;align-items: center;justify-content: space-between;gap: 8px;}.car-price-pill {font-family: 'Share Tech Mono', monospace;font-size: 14px;color: var(--legendary);white-space: nowrap;}.store-btn {font-family: 'Press Start 2P', monospace;font-size: 6px;padding: 8px 11px;border-radius: var(--radius-sm);transition: transform 0.12s, background 0.12s, box-shadow 0.12s;white-space: nowrap;flex-shrink: 0;will-change: transform;}.store-btn--buy {background: var(--accent);color: #fff;box-shadow: 0 3px 0 #a83b15;}.store-btn--buy:hover {background: #ff8455;transform: translateY(-1px);box-shadow: 0 4px 0 #a83b15;}.store-btn--buy:active {transform: translateY(2px);box-shadow: 0 1px 0 #a83b15;}.store-btn--owned {background: var(--rare-dim);color: var(--rare);cursor: default;border: 1px solid var(--rare-dim);}.store-btn--broke {background: var(--bg-inset);color: var(--text-muted);cursor: not-allowed;border: 1px solid var(--border);}.crates-layout {display: grid;grid-template-columns: repeat(3,1fr);gap: 24px;max-width: 880px;margin: 0 auto 28px;}.chest-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 28px 20px 20px;display: flex;flex-direction: column;align-items: center;gap: 16px;position: relative;text-align: center;transition: transform 0.2s ease, box-shadow 0.2s ease;}.chest-card:hover {transform: translateY(-6px);box-shadow: 0 12px 36px rgba(0,0,0,0.5);}.chest-card--featured {border-color: var(--basic);box-shadow: 0 0 20px rgba(79,195,247,0.12);}.chest-featured-badge {position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background: var(--basic);color: #051520;font-family: 'Press Start 2P', monospace;font-size: 7px;padding: 5px 12px;border-radius: 12px;letter-spacing: 1px;white-space: nowrap;}.chest-lid, .chest-body {width: 100%;display: flex;justify-content: center;}.chest-svg {width: 112px;height: auto;image-rendering: pixelated;display: block;}.chest-lid .chest-svg {margin-bottom: -3px;}.chest-lid {transform-origin: center bottom;transition: transform 0.5s cubic-bezier(0.34,1.56,0.64,1);}.chest-card.chest--opening .chest-lid {transform: rotate(-35deg) translateY(-10px);}.chest-art-wrap {position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;}.chest-art-wrap .chest-svg {width: 112px;height: auto;image-rendering: pixelated;display: block;transition: transform 0.2s ease;}.chest-card:hover .chest-art-wrap .chest-svg {transform: scale(1.06) translateY(-4px);}.chest-body {position: relative;}.chest-art-wrap {position: relative;}.chest-glow {position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 80px;height: 20px;border-radius: 50%;filter: blur(10px);opacity: 0.5;z-index: 0;}.chest-glow--scout {background: #c9a84c;}.chest-glow--turbo {background: var(--basic);}.chest-glow--vault {background: var(--legendary);}.chest-tier-label {font-family: 'Press Start 2P', monospace;font-size: 9px;color: var(--text-primary);letter-spacing: 1.5px;}.chest-odds-bar {width: 100%;height: 8px;border-radius: 4px;overflow: hidden;display: flex;gap: 1px;background: var(--bg-inset);}.odds-seg {height: 100%;flex-shrink: 0;}.seg-basic {background: var(--basic);}.seg-rare {background: var(--rare);}.seg-epic {background: var(--epic);}.seg-legendary {background: var(--legendary);}.chest-odds-chips {display: flex;gap: 5px;flex-wrap: wrap;justify-content: center;}.odds-chip {font-family: 'Rajdhani', sans-serif;font-size: 11px;font-weight: 700;padding: 2px 7px;border-radius: 4px;}.odds-basic {background: var(--basic-dim);color: var(--basic);}.odds-rare {background: var(--rare-dim);color: var(--rare);}.odds-epic {background: var(--epic-dim);color: var(--epic);}.odds-legendary {background: var(--legendary-dim);color: var(--legendary);}.chest-price-row {display: flex;align-items: center;justify-content: space-between;gap: 10px;width: 100%;}.chest-price {font-family: 'Share Tech Mono', monospace;font-size: 20px;color: var(--legendary);white-space: nowrap;}.chest-open-btn {font-family: 'Press Start 2P', monospace;font-size: 8px;padding: 11px 16px;border-radius: var(--radius);border: none;background: var(--accent);color: #fff;box-shadow: 0 4px 0 #a83b15;transition: transform 0.12s, background 0.12s, box-shadow 0.12s;will-change: transform;}.chest-open-btn:hover:not(:disabled) {background: #ff8455;transform: translateY(-1px);box-shadow: 0 5px 0 #a83b15;}.chest-open-btn:active:not(:disabled){transform: translateY(2px);box-shadow: 0 2px 0 #a83b15;}.chest-open-btn:disabled {background: var(--bg-inset);color: var(--text-muted);box-shadow: none;cursor: not-allowed;}.chest-btn--broke {border: 1px solid var(--border) !important;}.dupe-info-strip {max-width: 880px;margin: 0 auto 24px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 12px 18px;display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}.dupe-strip-label {font-family: 'Press Start 2P', monospace;font-size: 6px;color: var(--text-muted);letter-spacing: 1px;margin-right: 4px;white-space: nowrap;}.dupe-chip {font-family: 'Rajdhani', sans-serif;font-size: 13px;font-weight: 700;padding: 3px 9px;border-radius: 4px;}.dupe-basic {background: var(--basic-dim);color: var(--basic);}.dupe-rare {background: var(--rare-dim);color: var(--rare);}.dupe-epic {background: var(--epic-dim);color: var(--epic);}.dupe-legendary {background: var(--legendary-dim);color: var(--legendary);}.pull-history {max-width: 880px;margin: 0 auto;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;}.history-title {font-family: 'Press Start 2P', monospace;font-size: 7px;color: var(--text-muted);letter-spacing: 2px;padding: 12px 18px;border-bottom: 1px solid var(--border);background: var(--bg-inset);}.history-list {padding: 8px 0;max-height: 260px;overflow-y: auto;}.history-empty {font-size: 13px;color: var(--text-muted);padding: 20px 18px;text-align: center;}.history-row {display: flex;align-items: center;gap: 10px;padding: 8px 18px;border-bottom: 1px solid var(--border);transition: background 0.1s;}.history-row:last-child {border-bottom: none;}.history-row:hover {background: var(--bg-inset);}.history-dot {width: 8px;height: 8px;border-radius: 50%;flex-shrink: 0;}.dot-basic {background: var(--basic);}.dot-rare {background: var(--rare);}.dot-epic {background: var(--epic);}.dot-legendary {background: var(--legendary);box-shadow: 0 0 6px var(--legendary-glow);}.history-chest {font-family: 'Press Start 2P', monospace;font-size: 6px;color: var(--text-muted);letter-spacing: 0.5px;width: 40px;flex-shrink: 0;}.history-name {font-family: 'Rajdhani', sans-serif;font-weight: 600;font-size: 14px;color: var(--text-primary);flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.history-tag {font-family: 'Press Start 2P', monospace;font-size: 6px;padding: 3px 7px;border-radius: 4px;white-space: nowrap;flex-shrink: 0;}.tag-new {background: var(--rare-dim);color: var(--rare);}.tag-dupe {background: var(--legendary-dim);color: var(--legendary);}.tag-coins {background: var(--legendary-dim);color: var(--legendary);}.history-time {font-size: 11px;color: var(--text-muted);white-space: nowrap;flex-shrink: 0;min-width: 52px;text-align: right;}.reveal-overlay {position: fixed;inset: 0;z-index: 500;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.88);backdrop-filter: blur(6px);}.reveal-overlay.hidden {display: none;}.reveal-rarity--basic {background: rgba(0,20,30,0.92);}.reveal-rarity--rare {background: rgba(0,25,10,0.92);}.reveal-rarity--epic {background: rgba(20,0,35,0.92);}.reveal-rarity--legendary {background: rgba(30,20,0,0.92);}.reveal-stage {display: flex;flex-direction: column;align-items: center;gap: 20px;}.stage-shake.hidden {display: none;}.stage-result.hidden {display: none;}.reveal-chest-wrap {width: 160px;image-rendering: pixelated;animation: chestShake 0.8s ease-in-out;}.reveal-chest-wrap svg {width: 100%;height: auto;}@keyframes chestShake {0%,100% {transform: rotate(0deg) scale(1);}10% {transform: rotate(-8deg) scale(1.05);}20% {transform: rotate(8deg) scale(1.08);}30% {transform: rotate(-10deg) scale(1.1);}40% {transform: rotate(10deg) scale(1.12);}50% {transform: rotate(-8deg) scale(1.1);}60% {transform: rotate(6deg) scale(1.08);}70% {transform: rotate(-4deg) scale(1.05);}80%,90% {transform: rotate(3deg) scale(1.02);}}.reveal-shake-label {font-family: 'Press Start 2P', monospace;font-size: 10px;color: var(--text-muted);letter-spacing: 2px;opacity: 0.7;}.stage-result {position: relative;padding: 40px 56px;border-radius: var(--radius-lg);background: var(--bg-card);border: 1px solid var(--border);min-width: 340px;text-align: center;animation: popIn 0.4s cubic-bezier(0.34,1.56,0.64,1);overflow: hidden;display: flex;flex-direction: column;align-items: center;gap: 12px;}@keyframes popIn {from {transform: scale(0.5);opacity: 0;}to {transform: scale(1);opacity: 1;}}.stage-result::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;}.reveal-rarity--basic .stage-result::before {background: var(--basic);}.reveal-rarity--rare .stage-result::before {background: var(--rare);}.reveal-rarity--epic .stage-result::before {background: var(--epic);}.reveal-rarity--legendary .stage-result::before {background: linear-gradient(90deg,#f59f00,#ffd43b,#ffe066,#ffd43b,#f59f00);background-size: 200%;animation: goldShimmer 1.8s linear infinite;}.reveal-rarity-flash {position: absolute;inset: 0;border-radius: var(--radius-lg);pointer-events: none;animation: flashFade 0.6s ease-out forwards;opacity: 0;}.flash--basic {background: radial-gradient(ellipse at 50% 40%,rgba(79,195,247,0.18) 0%,transparent 70%);}.flash--rare {background: radial-gradient(ellipse at 50% 40%,rgba(105,219,124,0.2) 0%,transparent 70%);}.flash--epic {background: radial-gradient(ellipse at 50% 40%,rgba(204,93,232,0.22) 0%,transparent 70%);}.flash--legendary {background: radial-gradient(ellipse at 50% 40%,rgba(255,212,59,0.28) 0%,transparent 70%);}@keyframes flashFade {0% {opacity: 1;}100% {opacity: 0;}}.reveal-particles {position: absolute;inset: 0;pointer-events: none;overflow: visible;}.particle {position: absolute;border-radius: 2px;transform: translate(-50%,-50%);}@keyframes particleBurst {0% {transform: translate(-50%,-50%) translate(0,0) scale(1);opacity: 1;}100% {transform: translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(0);opacity: 0;}}.reveal-car-wrap {position: relative;z-index: 2;image-rendering: pixelated;}.reveal-car-art {display: block;}.all-owned-icon {font-size: 64px;text-align: center;padding: 8px 0;}.reveal-rarity-label {font-family: 'Press Start 2P', monospace;font-size: 10px;letter-spacing: 2.5px;position: relative;z-index: 2;}.rarity-label--basic {color: var(--basic);}.rarity-label--rare {color: var(--rare);}.rarity-label--epic {color: var(--epic);}.rarity-label--legendary {color: var(--legendary);text-shadow: 0 0 16px var(--legendary-glow);}.reveal-car-name {font-family: 'Rajdhani', sans-serif;font-weight: 700;font-size: 26px;color: var(--text-primary);position: relative;z-index: 2;}.reveal-outcome {font-family: 'Rajdhani', sans-serif;font-size: 14px;font-weight: 600;position: relative;z-index: 2;}.outcome--new {color: var(--rare);}.outcome--coins {color: var(--legendary);}.reveal-chest-name {font-family: 'Press Start 2P', monospace;font-size: 6px;color: var(--text-muted);letter-spacing: 1.5px;position: relative;z-index: 2;}.chest-claim-btn {margin-top: 6px;padding: 13px 28px;background: var(--accent);color: #fff;border: none;border-radius: var(--radius);font-family: 'Press Start 2P', monospace;font-size: 8px;letter-spacing: 1px;box-shadow: 0 4px 0 #a83b15;transition: transform 0.12s, background 0.12s, box-shadow 0.12s;position: relative;z-index: 2;will-change: transform;}.chest-claim-btn:hover {background: #ff8455;transform: translateY(-1px);box-shadow: 0 5px 0 #a83b15;}.chest-claim-btn:active {transform: translateY(2px);box-shadow: 0 2px 0 #a83b15;}.garage-building {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;margin-bottom: 24px;}.garage-roof {background: linear-gradient(180deg,#2a2a2a 0%,#1e2028 100%);border-bottom: 3px solid var(--border-bright);padding: 14px 24px;display: flex;align-items: center;justify-content: center;position: relative;}.garage-roof::before {content: '';position: absolute;inset: 0;background: repeating-linear-gradient(90deg,transparent 0,transparent 18px,rgba(255,255,255,0.025) 18px,rgba(255,255,255,0.025) 20px);}.garage-roof-text {font-family: 'Press Start 2P', monospace;font-size: 11px;color: var(--text-muted);letter-spacing: 4px;position: relative;z-index: 1;}.garage-floor-area {background: repeating-conic-gradient(#1a1d24 0% 25%,#161920 0% 50%) 0 0/32px 32px;min-height: 220px;padding: 28px 28px 0;position: relative;}.garage-empty {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 48px 24px;gap: 16px;text-align: center;}.empty-icon {font-size: 48px;opacity: 0.3;}.empty-text {font-size: 14px;color: var(--text-muted);max-width: 400px;line-height: 1.8;}.garage-lineup {display: flex;gap: 18px;overflow-x: auto;padding-bottom: 16px;align-items: flex-end;scrollbar-width: thin;scrollbar-color: var(--border-bright) transparent;}.garage-lineup::-webkit-scrollbar {height: 5px;}.garage-lineup::-webkit-scrollbar-track {background: transparent;}.garage-lineup::-webkit-scrollbar-thumb {background: var(--border-bright);border-radius: 3px;}.garage-car-card {flex: 0 0 148px;background: var(--bg-card);border-radius: var(--radius);border: 1px solid var(--border);overflow: visible;transition: transform 0.2s ease, box-shadow 0.2s ease;position: relative;display: flex;flex-direction: column;}.garage-car-card:hover {transform: translateY(-8px);}.garage-car-card.rarity-basic {border-bottom: 3px solid var(--basic);}.garage-car-card.rarity-rare {border-bottom: 3px solid var(--rare);}.garage-car-card.rarity-epic {border-bottom: 3px solid var(--epic);}.garage-car-card.rarity-legendary {border-bottom: 3px solid var(--legendary);border-color: var(--legendary-dim);}.garage-car-card.rarity-basic:hover {box-shadow: 0 0 20px var(--basic-glow);}.garage-car-card.rarity-rare:hover {box-shadow: 0 0 20px var(--rare-glow);}.garage-car-card.rarity-epic:hover {box-shadow: 0 0 20px var(--epic-glow);}.garage-car-card.rarity-legendary:hover {box-shadow: 0 0 28px var(--legendary-glow);}.garage-car-art {background: var(--bg-inset);height: 88px;display: flex;align-items: center;justify-content: center;image-rendering: pixelated;border-bottom: 1px solid var(--border);border-radius: var(--radius) var(--radius) 0 0;}.rarity-basic .garage-car-art {background: linear-gradient(180deg,#0d2a38 0%,var(--bg-inset) 100%);}.rarity-rare .garage-car-art {background: linear-gradient(180deg,#0d2010 0%,var(--bg-inset) 100%);}.rarity-epic .garage-car-art {background: linear-gradient(180deg,#1e0d28 0%,var(--bg-inset) 100%);}.rarity-legendary .garage-car-art {background: linear-gradient(180deg,#2a1e00 0%,var(--bg-inset) 100%);}.garage-art--glow {filter: drop-shadow(0 0 8px rgba(255,255,255,0.2));}.rarity-legendary .garage-art--glow {filter: drop-shadow(0 0 10px var(--legendary-glow));animation: legendPulse 2.5s ease-in-out infinite;}.rarity-epic .garage-art--glow {filter: drop-shadow(0 0 8px var(--epic-glow));}.garage-car-info {padding: 8px 10px 10px;display: flex;flex-direction: column;gap: 3px;flex: 1;}.garage-car-name {font-family: 'Rajdhani', sans-serif;font-weight: 700;font-size: 13px;color: var(--text-primary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.garage-car-rarity {font-family: 'Press Start 2P', monospace;font-size: 5px;}.rarity-tag--basic {color: var(--basic);}.rarity-tag--rare {color: var(--rare);}.rarity-tag--epic {color: var(--epic);}.rarity-tag--legendary {color: var(--legendary);}.dup-badge {position: absolute;top: -8px;right: -8px;background: var(--epic);color: #fff;font-family: 'Press Start 2P', monospace;font-size: 6px;padding: 3px 6px;border-radius: 6px;z-index: 10;box-shadow: 0 2px 6px rgba(0,0,0,0.5);white-space: nowrap;}.garage-floor {height: 14px;margin: 0 -28px;background: linear-gradient(180deg,#25252e 0%,#18181e 100%);border-top: 2px solid var(--border-bright);position: relative;}.garage-floor::after {content: '';position: absolute;inset: 0;background: repeating-linear-gradient(90deg,transparent 0,transparent 26px,rgba(255,255,255,0.04) 26px,rgba(255,255,255,0.04) 28px);}.collection-progress {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 18px 20px;display: flex;flex-direction: column;gap: 10px;}.progress-label {display: flex;justify-content: space-between;font-family: 'Press Start 2P', monospace;font-size: 7px;color: var(--text-muted);letter-spacing: 1px;}.progress-track {height: 8px;background: var(--bg-inset);border-radius: 4px;overflow: hidden;}.progress-fill {height: 100%;border-radius: 4px;transition: width 0.6s ease;background: linear-gradient(90deg,var(--basic) 0%,var(--rare) 33%,var(--epic) 66%,var(--legendary) 100%);}.progress-rarity-counts {display: flex;gap: 16px;}.rc {font-family: 'Rajdhani', sans-serif;font-size: 13px;font-weight: 600;}.rc-basic {color: var(--basic);}.rc-rare {color: var(--rare);}.rc-epic {color: var(--epic);}.rc-legendary {color: var(--legendary);}.toast-container {position: fixed;bottom: 28px;right: 28px;display: flex;flex-direction: column;gap: 10px;z-index: 9000;pointer-events: none;}.toast {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 14px 18px;display: flex;align-items: center;gap: 12px;min-width: 240px;max-width: 340px;box-shadow: var(--shadow-lg);pointer-events: auto;animation: toastIn 0.3s cubic-bezier(0.34,1.56,0.64,1);font-family: 'Rajdhani', sans-serif;font-size: 14px;font-weight: 600;}.toast.toast-out {animation: toastOut 0.25s ease forwards;}.toast-icon {font-size: 20px;flex-shrink: 0;}.toast-msg {color: var(--text-primary);line-height: 1.4;}.toast.toast-success {border-left: 3px solid var(--rare);}.toast.toast-coin {border-left: 3px solid var(--legendary);}.toast.toast-warn {border-left: 3px solid var(--accent);}@keyframes toastIn {from {opacity: 0;transform: translateX(30px) scale(0.9);}to {opacity: 1;transform: translateX(0) scale(1);}}@keyframes toastOut {from {opacity: 1;}to {opacity: 0;transform: translateX(30px);}}.site-footer {width: 100%;padding: 14px 0 18px;display: flex;align-items: center;justify-content: center;pointer-events: none;user-select: none;}.site-footer__text {font-family: 'Press Start 2P', monospace;font-size: 7px;color: var(--text-muted);letter-spacing: 3px;opacity: 0.45;text-shadow: 0 1px 2px rgba(0,0,0,0.8), 0 -1px 0 rgba(255,255,255,0.04);}::-webkit-scrollbar {width: 6px;}::-webkit-scrollbar-track {background: transparent;}::-webkit-scrollbar-thumb {background: var(--border-bright);border-radius: 3px;}::selection {background: rgba(255,107,53,0.3);color: var(--text-primary);}:focus-visible {outline: 2px solid var(--accent);outline-offset: 2px;border-radius: var(--radius-sm);}button:focus:not(:focus-visible) {outline: none;}@media (max-width: 900px) {.main-content {padding: 28px 24px 48px;}.crates-layout {gap: 14px;max-width: 100%;}.chest-svg {width: 88px;}.chest-card {padding: 22px 14px 16px;gap: 12px;}.chest-tier-label {font-size: 7px;}.chest-price {font-size: 16px;}.timer-layout {gap: 24px;}}@media (max-width: 768px) {:root {--topbar-h: 52px;--mobile-nav-h: 58px;}body {padding-bottom: var(--mobile-nav-h);}.topbar {height: var(--topbar-h);padding: 0 14px;gap: 10px;}.brand-name {font-size: 10px;letter-spacing: 0;}.topbar__coins {padding: 5px 10px;min-width: 0;gap: 6px;}.coin-gem {width: 15px;height: 15px;}.coin-icon {font-size: 15px;}.coin-count {font-size: 17px;}.coin-label {display: none;}.topbar__nav {position: fixed;bottom: 0;left: 0;right: 0;top: auto;height: var(--mobile-nav-h);background: var(--bg-panel);border-top: 2px solid var(--border);border-bottom: none;z-index: 200;display: flex;gap: 0;justify-content: space-around;align-items: stretch;padding: 0;padding-bottom: env(safe-area-inset-bottom);box-shadow: 0 -2px 16px rgba(0,0,0,0.5);}.nav-btn {flex: 1;padding: 6px 4px 4px;border-radius: 0;border: none !important;box-shadow: none !important;gap: 3px;}.nav-btn:hover {background: transparent;}.nav-btn.active {background: transparent;border: none;color: var(--accent);}.nav-btn.active::after {bottom: auto;top: 0;left: 15%;right: 15%;border-radius: 0 0 3px 3px;height: 3px;}.nav-icon {font-size: 18px;}.nav-label {font-size: 6px;}.main-content {padding: 20px 14px calc(var(--mobile-nav-h) + 20px);min-height: calc(100vh - var(--topbar-h));}.section-header {margin-bottom: 18px;}.section-title {font-size: 12px;letter-spacing: 1px;}.section-sub {font-size: 13px;}.timer-layout {grid-template-columns: 1fr;gap: 20px;}.clock-ring {width: 180px;height: 180px;}.clock-svg {width: 180px;height: 180px;}.clock-time {font-size: 32px;letter-spacing: 2px;}.timer-centerpiece {flex-direction: row;justify-content: center;gap: 20px;align-items: center;}.character-area {gap: 2px;}.controls-card {padding: 16px;gap: 12px;}.duration-grid {grid-template-columns: repeat(4, 1fr);gap: 8px;}.duration-btn {padding: 10px 4px;}.dur-num {font-size: 20px;}.dur-unit {font-size: 5px;}.dur-reward {font-size: 10px;}.action-btn {padding: 12px;font-size: 7px;}.action-btn--stop {font-size: 6px;}.action-btn--skip {font-size: 6px;}.stats-ribbon {gap: 8px;margin-top: 18px;flex-wrap: wrap;}.stat-chip {padding: 10px 12px;flex: 1 1 calc(50% - 4px);min-width: 0;}.stat-label {font-size: 5px;}.stat-val {font-size: 14px;}.filter-bar {overflow-x: auto;flex-wrap: nowrap;padding-bottom: 6px;gap: 6px;-webkit-overflow-scrolling: touch;scrollbar-width: none;}.filter-bar::-webkit-scrollbar {display: none;}.filter-btn {flex-shrink: 0;padding: 7px 10px;font-size: 6px;}.car-grid {grid-template-columns: repeat(2, 1fr);gap: 10px;}.car-card__art {height: 96px;}.crates-layout {grid-template-columns: 1fr;max-width: 100%;gap: 16px;}.chest-card {display: grid;grid-template-columns: 88px 1fr;grid-template-rows: 1fr;column-gap: 16px;text-align: left;padding: 20px 18px 18px;align-items: center;}.chest-featured-badge {top: -10px;left: 18px;transform: none;font-size: 6px;padding: 4px 9px;}.chest-art-wrap {grid-column: 1;grid-row: 1 / 3;width: 80px;align-self: center;justify-self: center;}.chest-info {grid-column: 2;grid-row: 1;display: flex;flex-direction: column;align-items: flex-start;gap: 8px;justify-content: center;}.chest-svg {width: 80px;}.chest-tier-label {font-size: 8px;letter-spacing: 1px;}.chest-odds-bar {max-width: none;}.chest-odds-chips {justify-content: flex-start;gap: 4px;}.odds-chip {font-size: 10px;padding: 2px 5px;}.chest-price-row {width: 100%;justify-content: space-between;}.chest-price {font-size: 17px;}.chest-open-btn {padding: 9px 14px;font-size: 7px;}.dupe-info-strip {flex-wrap: nowrap;overflow-x: auto;padding: 10px 14px;-webkit-overflow-scrolling: touch;scrollbar-width: none;gap: 8px;}.dupe-info-strip::-webkit-scrollbar {display: none;}.dupe-strip-label {white-space: nowrap;}.dupe-chip {white-space: nowrap;flex-shrink: 0;}.history-list {max-height: 200px;}.history-chest {width: 32px;}.history-time {display: none;}.reveal-overlay {align-items: flex-end;padding-bottom: calc(var(--mobile-nav-h) + 10px);}.stage-shake {padding: 20px;}.stage-result {padding: 28px 20px 24px;min-width: 0;width: 100%;max-width: 100%;border-radius: var(--radius-lg) var(--radius-lg) 0 0;gap: 10px;overflow-y: auto;max-height: calc(90vh - var(--mobile-nav-h));}.reveal-chest-wrap {width: 120px;}.reveal-car-name {font-size: 20px;}.garage-floor-area {padding: 16px 16px 0;min-height: 160px;}.garage-floor {margin: 0 -16px;}.garage-car-card {flex: 0 0 124px;}.garage-car-art {height: 72px;}.garage-car-name {font-size: 11px;}.progress-rarity-counts {display: grid;grid-template-columns: 1fr 1fr;gap: 6px 12px;}.rc {font-size: 12px;}.toast-container {bottom: calc(var(--mobile-nav-h) + 12px);right: 12px;left: 12px;}.toast {min-width: 0;max-width: none;padding: 12px 14px;font-size: 13px;}.site-footer {padding-bottom: 8px;}}@media (max-width: 480px) {.brand-name {font-size: 9px;}.timer-centerpiece {flex-direction: column;gap: 12px;}.clock-ring {width: 160px;height: 160px;}.clock-svg {width: 160px;height: 160px;}.clock-time {font-size: 28px;}.duration-grid {grid-template-columns: 1fr 1fr;}.dur-num {font-size: 22px;}.car-grid {gap: 8px;}.car-card__art {height: 80px;}.car-name {font-size: 13px;}.chest-art-wrap .chest-svg, .chest-svg {width: 60px;}.chest-tier-label {font-size: 7px;}.section-title {font-size: 11px;}}@media (max-width: 360px) {.main-content {padding-left: 10px;padding-right: 10px;}.car-grid {grid-template-columns: repeat(2, 1fr);gap: 6px;}.chest-card {padding: 16px 12px;gap: 12px;}.brand-name {display: none;}}@media (hover: none) {.car-card:hover, .chest-card:hover, .garage-car-card:hover {transform: none;box-shadow: none;}.garage-car-card.rarity-legendary {box-shadow: 0 0 12px var(--legendary-glow);}.store-btn--buy:active, .chest-open-btn:active, .action-btn--start:active, .chest-claim-btn:active {opacity: 0.8;}.duration-btn:active {background: var(--accent-dim);border-color: var(--accent);}}@media (max-width: 768px) {.nav-btn, .break-btn, .filter-btn, .chest-open-btn {min-height: 44px;}.action-btn {min-height: 48px;}.store-btn {min-height: 40px;}.duration-btn {min-height: 64px;}}