.app{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.header{text-align:center;padding:2rem 1rem;background:#ff00001a;border-bottom:2px solid #e10600}.header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(45deg,#e10600,#f44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:#888;font-size:1rem}.main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;padding:2rem;max-width:1600px;margin:0 auto}@media (max-width: 768px){.main-grid{grid-template-columns:1fr;padding:1rem}}.grid-item.featured,.grid-item.wide{grid-column:span 2}.status-container{padding:0 2rem}@media (max-width: 900px){.grid-item.featured,.grid-item.wide{grid-column:span 1}}.card{background:#141414e6;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e1060033}.card h2{color:#e10600;margin-bottom:.5rem;font-size:1.5rem}.card h3{color:#fff;margin:1rem 0 .5rem;font-size:1.2rem}.subtitle{color:#888;font-size:.9rem;margin-bottom:1rem}.loading,.error,.empty{text-align:center;padding:2rem;color:#888}.error{color:#e10600}.next-race .race-info{text-align:center}.next-race h3{font-size:1.8rem;margin-bottom:.5rem}.next-race .location{color:#aaa;font-size:1.1rem;margin-bottom:1rem}.next-race .date{color:#fff;font-size:1rem;margin-bottom:1.5rem}.countdown{display:flex;gap:1.5rem;background:linear-gradient(135deg,#e10600,#a00);padding:1rem 2rem;border-radius:8px;margin:1rem 0;text-align:center}.countdown .time-block{min-width:60px}.countdown .value{display:block;font-size:2.2rem;font-weight:700;line-height:1}.countdown .label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-top:.35rem}.round{color:#888;margin-top:1rem;font-size:.9rem}.live-timing .tower-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.tower-meta{display:flex;gap:.5rem;align-items:center;font-size:.85rem;color:#888}.tower-flag{padding:.2rem .6rem;border-radius:999px;border:1px solid #e10600;color:#e10600;text-transform:uppercase;font-size:.75rem}.tower-flag.flag-sc{background:#e106001a}.tower-list{border:1px solid #222;border-radius:10px;overflow:hidden}.tower-row{display:grid;grid-template-columns:60px 1fr 120px 120px 80px 60px;padding:.65rem .75rem;border-bottom:1px solid #1a1a1a;align-items:center;font-size:.9rem}.tower-row.header{background:#ffffff0a;color:#aaa;text-transform:uppercase;font-size:.75rem;letter-spacing:1px}.tower-row:not(.header):hover{background:#e1060014}.tower-pos{font-weight:700;color:#e10600}.tower-driver{display:flex;flex-direction:column}.tower-driver .acr{font-weight:600;font-size:1rem;padding:.15rem .4rem;border-left:3px solid #e10600;line-height:1.2}.tower-driver small{color:#888;font-size:.75rem;margin-top:2px}.tower-gap,.tower-tyre,.tower-pits{font-variant-numeric:tabular-nums}.tower-tyre{text-transform:uppercase;font-weight:600}.tower-pits{text-align:center}@media (max-width: 1100px){.tower-row{grid-template-columns:45px 1fr 90px 90px 70px 50px;font-size:.8rem}}@media (max-width: 700px){.tower-row{grid-template-columns:40px 1fr 80px 80px;grid-auto-rows:auto}.tower-row .tower-tyre,.tower-row .tower-pits{display:none}}.status-bar{display:flex;gap:1.5rem;align-items:stretch;margin:0 auto;max-width:1600px;background:#0f0f0ff2}.weather-block,.alerts-block{flex:1;display:flex;flex-direction:column;gap:.5rem}.weather-title{display:flex;justify-content:space-between;color:#ccc;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.weather-grid div{background:#ffffff08;border:1px solid #222;border-radius:8px;padding:.5rem;text-align:center}.weather-grid strong{display:block;font-size:1.2rem;color:#fff}.weather-grid span{color:#888;font-size:.75rem}.alerts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.alerts-list li{background:#e1060014;border:1px solid rgba(225,6,0,.3);border-radius:8px;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.2rem}.alert-flag{font-size:.75rem;text-transform:uppercase;color:#ffb703}.alert-message{color:#fff;font-weight:600}.alerts-list small{color:#aaa;font-size:.75rem}.status-loading{color:#888;font-size:.9rem;padding:.5rem 0}@media (max-width: 900px){.status-bar{flex-direction:column}}.strategy-table{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.strategy-row{display:flex;gap:1rem;align-items:flex-start}.strategy-row .driver-cell{width:160px}.strategy-row .driver-cell strong{display:block;font-size:1rem}.strategy-row .driver-cell small{color:#888;font-size:.75rem}.timeline-cell{flex:1}.timeline-bar{display:flex;border-radius:6px;overflow:hidden;border:1px solid #333}.timeline-segment{display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#0f0f0f;min-width:32px}.timeline-segment span{font-weight:700}.stint-meta,.compound-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:#ccc;margin-top:.35rem}.compound-meta{color:#888}@media (max-width: 768px){.strategy-row{flex-direction:column}.strategy-row .driver-cell{width:100%}}.standings-table{margin-top:1rem}.table-header{display:grid;grid-template-columns:50px 1fr 150px 80px;padding:.75rem .5rem;border-bottom:2px solid #333;font-weight:700;color:#888;font-size:.85rem;text-transform:uppercase}.table-row{display:grid;grid-template-columns:50px 1fr 150px 80px;padding:.75rem .5rem;border-bottom:1px solid #222;transition:background .2s}.table-row:hover{background:#e106001a}.pos{font-weight:700;color:#e10600}.driver{display:flex;flex-direction:column}.driver strong{font-size:1rem}.driver small{font-size:.75rem;color:#888;margin-top:2px}.team,.team-name{color:#aaa;font-size:.9rem}.points{font-weight:700;text-align:right}.time{font-family:monospace;color:#aaa;text-align:right}.card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.map-meta{display:flex;gap:.75rem;align-items:center;font-size:.85rem;color:#888}.map-meta button{background:#e10600;border:none;border-radius:6px;padding:.35rem .85rem;color:#fff;cursor:pointer;font-size:.85rem}.map-meta button:disabled{opacity:.6;cursor:default}.map-wrapper{position:relative;height:340px;border-radius:12px;border:1px solid #222;background:radial-gradient(circle,#3c3c3c26,#050505e6 65%);overflow:hidden}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;transition:transform .2s ease-out}.driver-dot{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(0,0,0,.4);box-shadow:0 0 6px #00000080;cursor:pointer}.driver-dot:focus{outline:2px solid #fff}.map-tooltip{position:absolute;transform:translate(-50%,-110%);background:#000000d9;border:1px solid #e10600;border-radius:8px;padding:.5rem .75rem;font-size:.8rem;color:#eee;display:flex;flex-direction:column;gap:.15rem;pointer-events:none}.map-controls{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:.85rem;color:#888;flex-wrap:wrap}.map-controls input{margin-left:.35rem}.map-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;font-size:.8rem;color:#ccc}.map-legend .legend-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;border:1px solid #333;background:#ffffff0a}.map-legend .pill-dot{width:10px;height:10px;border-radius:50%;background:#e10600;display:inline-block}.map-range{font-family:monospace}.map-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#777;font-size:.9rem}.results-section{margin-top:1.5rem}.results-section:first-child{margin-top:0}.results-section .table-row,.results-section .table-header{grid-template-columns:50px 1fr 150px 100px}.footer{text-align:center;padding:2rem;color:#666;font-size:.9rem;border-top:1px solid #222;margin-top:2rem}@media (max-width: 600px){.table-header,.table-row{grid-template-columns:40px 1fr 60px;font-size:.85rem}.team{display:none}.results-section .table-row,.results-section .table-header{grid-template-columns:40px 1fr 60px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff}#root{min-height:100vh}