:root{font-family:"Press Start 2P",cursive;line-height:1.6;font-weight:400;--track-orange: #FF9500;--track-dark: #CC7700;--track-light: #FFB84D;--lane-white: #FFFFFF;--lane-gray: #8B8B8B;--bg-dark: #1A1A1A;--bg-panel: #2A2A2A;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;image-rendering:crisp-edges}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-dark)}#root{width:100%;margin:0;padding:0}.pixel-border{border:3px solid var(--lane-gray);box-shadow:0 0 0 1px var(--lane-white),3px 3px 0 0 var(--lane-gray)}.pixel-btn{font-family:"Press Start 2P",cursive;font-size:10px;padding:10px 16px;border:3px solid var(--lane-gray);background:var(--track-orange);color:var(--bg-dark);cursor:pointer;text-transform:uppercase;box-shadow:0 0 0 1px var(--lane-white),3px 3px 0 0 var(--track-dark);transition:transform .1s}.pixel-btn:hover{transform:translate(1px,1px);box-shadow:0 0 0 1px var(--lane-white),2px 2px 0 0 var(--track-dark)}.pixel-btn:active{transform:translate(3px,3px);box-shadow:none}a{color:var(--track-orange);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-dark);border:2px solid var(--lane-gray)}::-webkit-scrollbar-thumb{background:var(--track-orange);border:2px solid var(--lane-gray)}::-webkit-scrollbar-thumb:hover{background:var(--track-dark)}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#ff950008,#1a1a1a),#1a1a1a}.app-main{flex:1;width:100%}.track-container{height:600px;width:100%}.error-message{background:#2a2a2a;color:#ff6b6b;padding:16px;border:3px solid #8B8B8B;border-left:4px solid #ff6b6b;margin:20px auto;max-width:1400px;text-align:center;font-size:10px;text-transform:uppercase}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ff9500;font-size:12px}.loading-spinner{width:50px;height:50px;border:4px solid #8B8B8B;border-top-color:#ff9500;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:#fff}.empty-state h2{font-size:24px;margin:0 0 16px;color:#ff9500;text-shadow:2px 2px 0 #CC7700}.empty-state p{font-size:10px;color:#ccc}.track-view{border:3px solid #8B8B8B;overflow:hidden;box-shadow:0 0 0 1px #fff,4px 4px #00000080}.runner:hover{transform:scale(1.1);image-rendering:pixelated}@media (max-width: 768px){.app-main{padding:10px}.empty-state h2{font-size:16px}.empty-state p{font-size:8px}}