*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}button,input,select{-webkit-tap-highlight-color:transparent}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.track-selector{margin:0 auto;max-width:1000px;padding:3rem 2rem;text-align:center}.track-selector h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00a3ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:3rem}.track-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.track-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0003;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.track-item:before{background:linear-gradient(135deg,#00ff881a,#00a3ff1a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.track-item:hover:before{opacity:1}.track-item:hover{border-color:#00ff8880;box-shadow:0 16px 64px #0f83;transform:translateY(-8px) scale(1.02)}.track-item:active{transform:translateY(-4px) scale(1.01)}.track-item h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00a3ff);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:600;margin:0 0 1rem;position:relative;z-index:1}.track-item p{color:#fffc;font-size:.95rem;line-height:1.5;margin:.75rem 0;position:relative;z-index:1}.track-item p:first-of-type{color:#ffffffe6;font-weight:500}.track-item p:last-child{background:#0003;border-radius:8px;color:#ffffff80;font-family:Monaco,Consolas,monospace;font-size:.85rem;margin-top:1rem;padding:.5rem;word-break:break-all}.track-item{animation:float 6s ease-in-out infinite}.track-item:nth-child(2){animation-delay:-2s}.track-item:nth-child(3){animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.track-selector{padding:1.5rem 1rem}.track-selector h2{font-size:1.8rem;margin-bottom:1.5rem}.track-list{gap:1rem;grid-template-columns:1fr}.track-item{border-radius:14px;padding:1.25rem}.track-item h3{font-size:1.15rem}.track-item{animation:none}}@media (max-width:480px){.track-selector{padding:1rem .75rem}.track-selector h2{font-size:1.4rem;margin-bottom:1rem}.track-list{gap:.75rem}.track-item{border-radius:12px;min-height:80px;padding:1rem}.track-item:hover{transform:none}.track-item:active{transform:scale(.98)}.track-item h3{font-size:1.05rem;margin-bottom:.5rem}.track-item p{font-size:.82rem;margin:.4rem 0}.track-item p:last-child{font-size:.72rem;padding:.35rem}}.team-grid{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin:.5rem 0;overflow:hidden}.grid-header{align-items:center;background:#00ff880f;border-bottom:1px solid #00ff8840;display:flex;justify-content:space-between;padding:.45rem .75rem}.grid-header h3{color:#0f8;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin:0}.team-count{color:#999;font-size:.75rem}.grid-scroll-wrapper{-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#0000 85%,#0a0a1ee6) 100% 0 /100% 100% no-repeat local;overflow-x:auto}.grid-table{border-collapse:collapse;table-layout:auto;width:100%}.grid-header-row{background:#00ff8814;border-bottom:1px solid #0f83}.grid-row{border-bottom:1px solid #ffffff12;cursor:pointer;transition:background .15s ease}.grid-row:last-child{border-bottom:none}.grid-row:hover{background:#00ff8812}.grid-row.highlighted-row{background:#00a3ff2e}.grid-row.highlighted-row:hover{background:#00a3ff42}.grid-cell{border-right:1px solid #ffffff0f;color:#e8e8e8;font-size:.82rem;padding:.32rem .55rem;text-align:left;vertical-align:middle;white-space:nowrap}.grid-cell:last-child{border-right:none}.header-cell{color:#0f8;font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.32rem .55rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sticky-col{background:#111827;border-right:2px solid #00ff8840!important;left:0;position:sticky;z-index:2}.grid-header-row .sticky-col{background:#0d1520;z-index:3}.highlighted-row .sticky-col{background:#0d1f2d}.time-cell{font-family:SF Mono,Fira Code,Consolas,Monaco,monospace;font-size:.8rem;letter-spacing:.02em}.current-position{color:#0f8;font-size:.85rem;font-weight:700;min-width:2rem;text-align:center}.field-changed{animation:highlight-pulse 2s ease-in-out forwards;color:#ffc107;font-weight:600}@keyframes highlight-pulse{0%{background:#ffc10759}to{background:#0000}}.driver-highlight{color:#4caf50;font-weight:600}.box-in{color:#f44336;font-weight:600}.box-out{color:#4caf50}.category-cell,.no-data{text-align:center}.no-data{color:#666;font-size:.95rem;font-style:italic;padding:2.5rem 1rem}@media (max-width:768px){.grid-cell{font-size:.78rem;padding:.28rem .45rem}.header-cell{font-size:.62rem}.time-cell{font-size:.76rem}}@media (max-width:480px){.team-grid{border-radius:8px;margin:.25rem 0}.grid-header{padding:.35rem .5rem}.grid-cell,.grid-header h3{font-size:.72rem}.grid-cell,.header-cell{padding:.28rem .38rem}.header-cell{font-size:.58rem}.time-cell{font-size:.7rem}.current-position{font-size:.78rem;min-width:1.6rem}}.connection-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.connection-status:before{background:linear-gradient(135deg,currentColor,#0000);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;transition:opacity .3s ease}.connection-status:hover:before{opacity:.15}.connection-status.connected{background:#00ff881a;border:1px solid #00ff884d;box-shadow:0 4px 20px #0f83;color:#0f8}.connection-status.disconnected{background:#ff47571a;border:1px solid #ff47574d;box-shadow:0 4px 20px #ff475733;color:#ff4757}.status-indicator{border-radius:50%;flex-shrink:0;height:10px;position:relative;width:10px}.status-indicator:before{animation:pulse 2s infinite;background:currentColor;border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:.2;position:absolute;right:-4px;top:-4px}.connected .status-indicator{background:#0f8;box-shadow:0 0 15px #00ff8880}.disconnected .status-indicator{background:#ff4757;box-shadow:0 0 15px #ff475780}.connection-status span{font-size:.9rem;letter-spacing:.02em;position:relative;z-index:1}@keyframes pulse{0%{opacity:.2;transform:scale(1)}50%{opacity:.1;transform:scale(1.2)}to{opacity:.2;transform:scale(1)}}@media (max-width:768px){.connection-status{font-size:.85rem;gap:.5rem;padding:.5rem 1rem}.status-indicator{height:8px;width:8px}}.column-settings{display:inline-block;position:relative}.column-settings-trigger{align-items:center;background:#333;border:1px solid #555;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.column-settings-trigger:hover{background:#444;border-color:#666}.settings-icon{animation:rotate 2s linear infinite;font-size:1rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.column-settings-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999999}.column-settings-modal{animation:slideIn .3s ease-out;background:#1a1a1a;border:1px solid #555;border-radius:12px;box-shadow:0 20px 60px #000000e6;max-height:80vh;max-width:500px;overflow:hidden;position:relative;width:100%;z-index:9999999}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.column-settings-header{align-items:center;background:#333;border-bottom:1px solid #555;display:flex;justify-content:space-between;padding:1.5rem 2rem}.column-settings-header h4{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;line-height:1;padding:.5rem;transition:all .3s ease;width:40px}.close-button:hover{background:#ff47571a;color:#ff4757}.column-settings-content{display:flex;flex-direction:column;max-height:calc(80vh - 120px);padding:0}.column-settings-actions{background:#222;border-bottom:1px solid #555;display:flex;gap:1rem;padding:1.5rem 2rem}.settings-action-btn{background:#444;border:1px solid #555;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.settings-action-btn:hover{background:#555;border-color:#666;transform:translateY(-2px)}.settings-action-btn.show-all:hover{background:#2d5a3d;border-color:#4caf50;color:#4caf50}.settings-action-btn.hide-optional:hover{background:#5a4a2d;border-color:#ff9800;color:#ff9800}.settings-action-btn.reset:hover{background:#5a2d2d;border-color:#f44336;color:#f44336}.column-list{background:#1a1a1a;flex:1 1;overflow-y:auto;padding:1rem 2rem}.column-item{border-bottom:1px solid #ffffff0d;padding:.5rem 0}.column-item:last-child{border-bottom:none}.column-checkbox{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.75rem;position:relative;transition:all .3s ease}.column-checkbox:hover{background:#333}.column-checkbox input[type=checkbox]{appearance:none;background:#222;border:2px solid #555;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:all .3s ease;width:20px}.column-checkbox input[type=checkbox]:checked{background:#4caf50;border-color:#4caf50}.column-checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.column-checkbox input[type=checkbox]:disabled{background:#333;border-color:#555;cursor:not-allowed;opacity:.5}.column-checkbox input[type=checkbox]:disabled:checked{background:#666;border-color:#666}.column-label{align-items:center;color:#fff;display:flex;flex:1 1;font-size:1rem;gap:.75rem;line-height:1.4}.column-label.essential{color:#ccc}.essential-badge{background:#f44336;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.2rem .5rem;text-transform:uppercase}.column-settings-footer{background:#333;border-top:1px solid #555;padding:1.5rem 2rem}.settings-note{color:#999;font-size:.9rem;font-style:italic;margin:0;text-align:center}.column-list::-webkit-scrollbar{width:8px}.column-list::-webkit-scrollbar-track{background:#333;border-radius:4px}.column-list::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.column-list::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:768px){.column-settings-modal-overlay{padding:1rem}.column-settings-modal{max-height:90vh;max-width:100%}.column-settings-header{padding:1rem 1.5rem}.column-settings-header h4{font-size:1.1rem}.column-settings-actions{flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.settings-action-btn{width:100%}.column-list,.column-settings-footer{padding:1rem 1.5rem}}.control-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem}.control-group,.control-panel{align-items:center;display:flex;flex-wrap:wrap}.control-group{gap:.5rem}.track-info{display:flex;flex-direction:column;gap:.15rem}.track-info h3{color:#0f8;font-size:.95rem;font-weight:600;line-height:1.2;margin:0}.track-info p{color:#ccc;font-size:.75rem;line-height:1.3;margin:0}.control-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:500;min-height:36px;padding:.5rem .85rem;touch-action:manipulation;transition:all .2s ease;white-space:nowrap}.control-button:hover{background:#ffffff2e;box-shadow:0 3px 8px #0000004d;transform:translateY(-1px)}.control-button:active{transform:translateY(0)}.control-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.control-button:disabled:hover{background:#ffffff1a;box-shadow:none;transform:none}.connection-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.start-button{background:#4caf5033;border-color:#4caf5080;color:#4caf50;font-weight:700}.start-button:hover:not(:disabled){background:#4caf5059;border-color:#4caf50cc}.stop-button{background:#f4433633;border-color:#f4433680;color:#f44336;font-weight:700}.stop-button:hover:not(:disabled){background:#f4433659;border-color:#f44336cc}.disconnect-button{background:#f4433626;border-color:#f4433666;color:#f44336}.disconnect-button:hover{background:#f4433640;border-color:#f4433699}.sort-dropdown-wrapper{align-items:center;display:flex;gap:.4rem}.sort-label{color:#ccc;font-size:.82rem;white-space:nowrap}.sort-select{background:#00ff881f;border:1px solid #00ff8873;border-radius:8px;color:#0f8;cursor:pointer;font-size:.82rem;font-weight:500;min-height:36px;outline:none;padding:.45rem .65rem;touch-action:manipulation;transition:all .2s ease}.sort-select:hover{background:#00ff8838;border-color:#00ff88b3}.sort-select option{background:#1a1a2e;color:#fff}.logs-button{background:#00a3ff26;border-color:#00a3ff66;color:#00a3ff}.logs-button:hover{background:#00a3ff40;border-color:#00a3ff99}.settings-button{background:#9c27b026;border-color:#9c27b066;color:#9c27b0}.settings-button:hover{background:#9c27b040;border-color:#9c27b099}.pit-button{background:#ff980026;border-color:#ff980066;color:#ff9800}.pit-button:hover{background:#ff980040;border-color:#ff980099}.connection-status{font-size:.75rem!important;font-weight:700;margin-top:.1rem!important}.connection-status.connected{color:#4caf50}.connection-status.disconnected{color:#f44336}@media (max-width:768px){.control-panel{border-radius:10px;gap:.6rem;padding:.6rem .75rem}.control-group{gap:.4rem}}@media (max-width:480px){.control-panel{align-items:stretch;flex-direction:column;gap:.5rem;padding:.5rem .6rem}.control-group{justify-content:flex-start}.track-info{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.3rem .75rem}.track-info h3{font-size:.9rem;width:100%}.track-info p:first-of-type{display:none}.track-info p{font-size:.7rem}.connection-buttons{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:1fr 1fr 1fr;width:100%}.connection-buttons .control-button{font-size:.78rem;padding:.5rem .3rem;text-align:center;width:100%}.control-group:last-child{flex-wrap:wrap;gap:.35rem}.control-button{font-size:.78rem;min-height:34px;padding:.45rem .6rem}.sort-select{font-size:.78rem;padding:.4rem .5rem}}.log-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;margin-bottom:2rem;max-height:350px;overflow:hidden}.log-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.log-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00a3ff);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:600;margin:0}.log-count{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:12px;color:#ffffffb3;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.log-container{background:#0003;flex:1 1;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.4;overflow-y:auto;padding:1rem}.log-message{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;padding:.5rem 0;transition:background-color .2s ease}.log-message:hover{background:#ffffff05}.log-message:last-child{border-bottom:none}.log-timestamp{color:#fff6;font-weight:500}.log-timestamp,.log-type{font-size:.75rem;margin-right:.75rem;min-width:80px}.log-type{border-radius:6px;font-weight:600;letter-spacing:.05em;padding:.1rem .4rem;text-align:center;text-transform:uppercase}.log-content{color:#ffffffe6;flex:1 1;word-break:break-word}.log-init .log-type{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.log-gmt .log-type{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.log-grid .log-type{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.log-css .log-type{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.log-data .log-type{background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff}.log-error .log-type{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.log-system .log-type{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.log-default .log-type{background:linear-gradient(135deg,#607d8b,#455a64);color:#fff}.log-container::-webkit-scrollbar{width:6px}.log-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.log-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f8,#00a3ff);border-radius:3px}.log-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00e67a,#0092e6)}@media (max-width:768px){.log-panel{margin-bottom:1rem;max-height:250px}.log-header{padding:.75rem 1rem}.log-container{font-size:.75rem;padding:.75rem}.log-message{padding:.3rem 0}.log-timestamp,.log-type{font-size:.7rem;min-width:65px}.log-type{padding:.05rem .3rem}}.pit-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-top:1px solid #00ff884d;bottom:0;height:45px;left:0;min-height:45px;overflow:hidden;padding:0;position:fixed;transition:all .3s ease;width:100vw;z-index:1000}.pit-sidebar.visible{height:280px;min-height:280px}.pit-sidebar.fullscreen{animation:fadeInFullscreen .3s ease;background:#000000f2;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fadeInFullscreen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pit-sidebar.fullscreen .pit-content{gap:1rem;height:calc(100vh - 45px);padding:1rem}.pit-sidebar.fullscreen .pit-top-row{align-items:flex-start;flex-direction:row;flex-wrap:nowrap;gap:2rem;justify-content:space-between}.pit-sidebar.fullscreen .pit-columns{flex-direction:row;gap:1.5rem}.pit-sidebar.fullscreen .pit-column{min-width:250px;padding:1rem}.pit-sidebar.fullscreen .column-title{font-size:1rem}.pit-sidebar.fullscreen .kart-card{padding:.75rem}.pit-sidebar.fullscreen .kart-cards{gap:.5rem}.pit-sidebar.fullscreen .unassigned-section h4{font-size:1rem}.pit-sidebar.fullscreen .blank-kart-section{min-width:300px}.pit-sidebar.fullscreen .blank-kart-section h4{font-size:1rem}.pit-sidebar.fullscreen .blank-btn{font-size:.85rem;min-width:70px;padding:.6rem 1rem}.pit-sidebar.fullscreen .unassigned-kart{min-width:220px;padding:.75rem}.pit-sidebar.fullscreen .kart-number{font-size:1rem}.pit-sidebar.fullscreen .kart-driver{font-size:.85rem}.pit-sidebar.fullscreen .assign-btn{font-size:.85rem;height:32px;width:32px}.pit-header{align-items:center;background:#00ff881a;border-bottom:1px solid #00ff884d;display:flex;justify-content:space-between;min-height:45px;padding:.5rem 1rem}.pit-header h3{color:#0f8;font-size:.9rem;margin:0;opacity:0;overflow:hidden;transition:opacity .3s ease;white-space:nowrap}.pit-sidebar.visible .pit-header h3{opacity:1}.header-controls{align-items:center;display:flex;gap:.5rem}.fullscreen-btn,.toggle-btn{background:#0f83;border:1px solid #00ff8880;border-radius:4px;color:#0f8;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .3s ease}.fullscreen-btn:hover,.toggle-btn:hover{background:#00ff884d;transform:scale(1.05)}.fullscreen-btn{font-size:1rem;padding:.25rem .4rem}.pit-sidebar.fullscreen .fullscreen-btn{background:#ff45004d;border-color:#ff450099;color:#ff4500}.pit-sidebar.fullscreen .fullscreen-btn:hover{background:#ff450080}.pit-content{display:flex;flex-direction:column;gap:.5rem;height:calc(100% - 45px);opacity:0;overflow-y:auto;padding:.75rem;transition:opacity .3s ease}.pit-sidebar.visible .pit-content{opacity:1}.pit-top-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.pit-stats{background:#00ff881a;border:1px solid #00ff884d;border-radius:6px;display:flex;justify-content:space-between;min-width:140px;padding:.5rem}.stat{align-items:center;display:flex;flex-direction:column;gap:.1rem}.stat-label{color:#888;font-size:.7rem}.stat-value{color:#0f8;font-size:1rem;font-weight:700}.unassigned-section{margin-bottom:.75rem}.unassigned-section h4{color:#0f8;font-size:.8rem;margin:0 0 .5rem}.unassigned-karts{display:flex;flex-direction:row;flex-wrap:wrap;gap:.375rem;overflow-x:auto}.unassigned-kart{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;display:flex;flex-shrink:0;justify-content:space-between;min-width:180px;padding:.5rem}.kart-info{display:flex;flex-direction:column;gap:.1rem}.kart-number{color:#0f8;font-size:.85rem;font-weight:700}.kart-driver{color:#ccc;font-size:.75rem}.assign-buttons{display:flex;gap:.25rem}.assign-btn{border:none;border-radius:3px;cursor:pointer;font-size:.7rem;font-weight:700;height:24px;transition:all .3s ease;width:24px}.assign-btn.red{background:#f44;color:#fff}.assign-btn.green{background:#4f4;color:#000}.assign-btn.blue{background:#44f;color:#fff}.assign-btn:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.pit-columns{display:flex;flex:1 1;flex-direction:row;gap:.5rem;margin-bottom:.5rem;overflow-x:auto}.pit-column{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;flex:1 1;flex-direction:column;min-width:180px;padding:.75rem}.pit-column.red-column{border-color:#ff44444d}.pit-column.green-column{border-color:#44ff444d}.pit-column.blue-column{border-color:#4444ff4d}.column-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.column-title{font-size:.8rem;font-weight:700}.clear-column-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:3px;color:#ccc;cursor:pointer;font-size:.65rem;padding:.2rem .4rem;transition:all .3s ease}.clear-column-btn:hover{background:#fff3;color:#fff}.kart-cards{display:flex;flex-direction:column;gap:.3rem}.kart-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:.5rem;transition:all .3s ease}.kart-card.in-pit{background:#ff44441a;border-color:#ff444480}.kart-card.out-of-pit{background:#44ff441a;border-color:#44ff4480}.kart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.3rem}.pit-status{background:#0000004d;border-radius:3px;font-size:.7rem;padding:.2rem .4rem}.remove-btn{align-items:center;background:#f443;border:1px solid #ff444480;border-radius:3px;color:#f44;cursor:pointer;display:flex;font-size:.8rem;height:20px;justify-content:center;transition:all .3s ease;width:20px}.remove-btn:hover{background:#f446;transform:scale(1.1)}.kart-rating{align-items:center;display:flex;gap:.3rem;margin-bottom:.15rem}.rating-icon{font-size:.9rem}.rating-text{color:#ccc;font-size:.7rem}.kart-time{color:#0f8;font-size:.75rem;margin-bottom:.15rem}.kart-timestamp{color:#888;font-size:.65rem}.pit-controls{border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding-top:1rem}.control-btn{background:#f443;border:1px solid #ff444480;border-radius:6px;color:#f44;cursor:pointer;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.control-btn:hover:not(:disabled){background:#f446;transform:translateY(-2px)}.control-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.pit-sidebar{height:50px;min-height:50px}.pit-sidebar.visible{height:50vh;min-height:50vh}.pit-header{min-height:50px;padding:.4rem .75rem}.pit-content{gap:.375rem;height:calc(100% - 50px);padding:.5rem}.pit-top-row{flex-direction:column;gap:.5rem}.pit-columns{flex-direction:column;gap:.375rem}.pit-column{padding:.5rem}.kart-cards{gap:.2rem}.kart-card{padding:.375rem}.kart-header{align-items:flex-start;flex-direction:column;gap:.2rem}.pit-status{align-self:flex-end}.unassigned-karts{flex-direction:column}.unassigned-kart{min-width:auto;padding:.375rem}.pit-sidebar.fullscreen{background:#000000fa}.pit-sidebar.fullscreen .pit-columns,.pit-sidebar.fullscreen .pit-top-row{flex-direction:column;gap:1rem}.pit-sidebar.fullscreen .pit-column{min-width:auto;padding:.75rem}.pit-sidebar.fullscreen .blank-kart-section{min-width:auto;width:100%}}.kart-status{align-items:center;display:flex}.clear-all-section{background:#ff45001a;border:1px solid #ff45004d;border-radius:6px;padding:.5rem;text-align:center}.clear-all-btn{background:#ff45004d;border:1px solid #ff450099;border-radius:4px;color:#ff4500;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;transition:all .3s ease}.clear-all-btn:hover{background:#ff450080;border-color:#ff4500cc;transform:scale(1.05)}.blank-kart-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:8px;min-width:200px;padding:.75rem}.blank-kart-section h4{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:1px;margin:0 0 .5rem;text-align:center;text-transform:uppercase}.blank-kart-buttons{display:flex;gap:.375rem;justify-content:center}.blank-btn{border:none;border-radius:6px;box-shadow:0 1px 3px #0003;cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:.5px;min-width:50px;padding:.4rem .75rem;text-transform:uppercase;transition:all .2s ease}.blank-btn:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.blank-btn:active{transform:translateY(0)}.blank-btn.red{background:linear-gradient(135deg,#ff4500,#ff6b35);color:#fff}.blank-btn.red:hover{background:linear-gradient(135deg,#ff6b35,#ff8c69)}.blank-btn.green{background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff}.blank-btn.green:hover{background:linear-gradient(135deg,#4ade80,#6ee7b7)}.blank-btn.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.blank-btn.blue:hover{background:linear-gradient(135deg,#60a5fa,#93c5fd)}.kart-card.blank-kart{background:#9400d31a;border-color:#9400d380}.kart-card.blank-kart .kart-header{border-bottom:1px solid #9400d34d;padding-bottom:.5rem}.blank-status{background:#9400d34d;border-radius:4px;color:#9400d3;font-size:.8rem;font-weight:700;padding:.25rem .5rem}@media (max-width:768px){.clear-all-section{padding:.375rem}.clear-all-btn{font-size:.7rem;padding:.375rem .6rem}.blank-kart-section{min-width:auto;padding:.5rem;width:100%}.blank-kart-buttons{flex-direction:column;gap:.25rem}.blank-btn{font-size:.7rem;min-width:auto;padding:.375rem}}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #00ff884d;display:flex;justify-content:space-between;padding:.75rem 2rem;position:sticky;top:0;z-index:1000}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00a3ff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.app-main{display:flex;height:calc(100vh - 60px);overflow:hidden}.main-content{flex:1 1;min-width:0;overflow-y:auto;padding:.75rem}.error,.loading{align-items:center;color:#ccc;display:flex;font-size:1.2rem;height:50vh;justify-content:center}.error{color:#ff4757}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-main{animation:fadeIn .3s ease-out}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f8,#00a3ff);border-radius:4px}@media (max-width:768px){.app-header{padding:.5rem 1rem}.app-header h1{font-size:1.2rem}.app-main{flex-direction:column;height:auto;overflow:visible}.main-content{overflow-y:visible;padding:.5rem}}@media (max-width:480px){.app-header{padding:.4rem .75rem}.app-header h1{font-size:1rem}.main-content{padding:.35rem}}
/*# sourceMappingURL=main.b7e73fce.css.map*/