html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}.story-preview{position:relative;width:100%;max-width:400px;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e)}.story-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.story-overlay{position:absolute;inset:0;background-image:url(/assets/overlay/FS-Webscraper-Template-2026.png);background-size:cover;background-position:center;z-index:1;pointer-events:none}.story-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;pointer-events:none}.story-header{height:19.3%}.story-rally-title{position:absolute;left:14.35%;top:10.42%;font-size:.69rem;font-weight:700;color:#fff;margin:0;text-transform:none;background:none;-webkit-text-fill-color:#ffffff}.story-stage-info{position:absolute;left:14.35%;top:11.98%;font-size:.69rem;font-weight:400;color:#fff}.story-featured{position:absolute;left:12.04%;top:16.87%}.story-pos-number{font-size:9.25rem;font-weight:900;color:#b11881;line-height:1}.story-results-zone{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 .75rem .75rem}.story-table-wrap{background:#232526;border-radius:8px;padding:.4rem 0;pointer-events:auto}.story-results-table{width:100%;border-collapse:collapse}.story-results-table td{padding:.4rem .5rem;font-size:.65rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.story-results-table tbody tr:last-child td{border-bottom:none}.story-results-table .col-pos{width:1.4rem;text-align:center;font-weight:700}.story-results-table .col-num{width:1.5rem;color:#ffffff80}.story-results-table .col-name{font-weight:600}.story-results-table .col-time{text-align:right;font-variant-numeric:tabular-nums;font-family:Chivo Mono,SF Mono,Menlo,monospace;font-size:.6rem}.story-results-table .col-overall{width:1.8rem;text-align:center;color:#ffffff80}.story-results-table .featured-row{background:#b1188126}.story-results-table .featured-row td{color:#b11881;border-bottom-color:#b1188126}.story-results-table .separator-row td{padding:.15rem 0;border-bottom:none}.story-results-table .separator-dots{text-align:center;color:#ffffff40;font-size:.6rem;letter-spacing:.3em}.story-footer{height:26.6%}@media(max-width:768px){.story-preview{max-width:100%;margin:0 auto}.story-results-zone{padding:0 .5rem .5rem}.story-results-table td{padding:.3rem .35rem;font-size:.58rem}.story-results-table .col-time{font-size:.52rem}.story-table-wrap{padding:.3rem 0}.story-pos-number{font-size:7rem}.story-rally-title,.story-stage-info{font-size:.58rem}}@media(max-width:480px){.story-preview{max-width:100%;border-radius:8px}.story-results-zone{padding:0 .35rem .35rem}.story-results-table td{padding:.25rem .3rem;font-size:.5rem}.story-results-table .col-time{font-size:.45rem}.story-pos-number{font-size:5.5rem}}.story-bg-img{position:absolute;max-width:none;object-fit:fill;z-index:0}.story-content-placed{position:absolute}.story-quote-card{background:#232526;border-radius:8px;border-left:3px solid #b11881;padding:.6rem .9rem .8rem;text-align:center}.story-quote-mark{color:#b11881;font-weight:900;font-size:1.6rem;line-height:1}.story-quote-text{color:#fff;font-style:italic;font-size:.68rem;line-height:1.35;overflow-wrap:anywhere}.story-layout-status{max-width:400px;margin-top:.5rem;font-size:.75rem;color:#fff9}.story-preview{container-type:inline-size}.story-preview .story-rally-title,.story-preview .story-stage-info{font-size:2.78cqw}.story-preview .story-pos-number{font-size:37cqw;line-height:1;display:block}.story-preview .story-table-wrap{padding:.74cqw 0;border-radius:1.3cqw}.story-preview .story-results-table td{height:4.07cqw;padding:0 1.1cqw;font-size:2.41cqw;line-height:1;border-bottom:none}.story-preview .story-results-table .col-time{font-size:2.41cqw}.story-preview .story-results-table .separator-row td{height:1.48cqw;padding:0}.story-preview .story-results-table .separator-dots{font-size:1.5cqw;line-height:1}.story-preview .story-quote-card{padding:2.8cqw 3.7cqw 3.7cqw;border-radius:1.3cqw;border-left-width:.46cqw}.story-preview .story-quote-mark{font-size:8.3cqw}.story-preview .story-quote-text{font-size:2.6cqw;line-height:3.5cqw}.carousel-page{display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem 2rem}.carousel-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.carousel-row>.select{flex:1 1 240px}.carousel-row>.generate-btn{flex:2 1 260px}.carousel-row>.suggest-btn{flex:1 1 160px;width:auto}.carousel-hint{font-size:.75rem;font-weight:400;color:#ffffff80}.carousel-selection{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.carousel-sel-item{position:relative;width:120px;border-radius:6px;overflow:hidden;background:#000}.carousel-sel-item img{display:block;width:100%;height:80px;object-fit:cover}.carousel-sel-badge,.carousel-pick-badge{position:absolute;top:4px;left:4px;padding:1px 6px;border-radius:3px;background:#b11881;color:#fff;font-size:.65rem;font-weight:700}.carousel-pick-badge{top:6px;left:auto;right:6px;font-size:.8rem}.carousel-sel-actions{display:flex}.carousel-sel-actions button{flex:1;min-height:32px;border:none;background:#ffffff14;color:#fff;font-size:1rem;cursor:pointer}.carousel-sel-actions button:disabled{opacity:.25;cursor:default}.carousel-post{width:100%;min-height:220px;resize:vertical;margin-bottom:.5rem;box-sizing:border-box}.carousel-post-version{margin-top:.6rem}.carousel-post-version pre{margin:.4rem 0 0;white-space:pre-wrap;font-family:inherit;font-size:.85rem}.carousel-result-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:1rem}.carousel-result-head .download-link{margin-left:auto}.carousel-slides{display:flex;gap:6px;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}.carousel-slide{position:relative;flex:0 0 auto;width:min(300px,70vw);scroll-snap-align:start}.carousel-slide img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:4px}.carousel-slide span{position:absolute;bottom:6px;right:8px;color:#fffc;font-size:.75rem;font-weight:700}.carousel-extra{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 1rem}.carousel-extra .carousel-row>.text-input{flex:1 1 120px;min-width:0}.carousel-favorites{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.8rem}.carousel-fav{display:inline-flex;border:1px solid rgba(177,24,129,.6);border-radius:16px;overflow:hidden}.carousel-fav button{min-height:32px;padding:0 .7rem;border:none;background:#b1188126;color:#fff;font-size:.8rem;cursor:pointer}.carousel-fav .carousel-fav-x{padding:0 .55rem;background:#ffffff0f}.carousel-phone{width:min(340px,86vw);margin:0 auto;padding:14px 10px 18px;border-radius:36px;background:#050505;box-shadow:0 0 0 2px #333,0 20px 40px #00000080}.carousel-phone-screen{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:22px;scrollbar-width:none}.carousel-phone-screen::-webkit-scrollbar{display:none}.carousel-phone-screen img{flex:0 0 100%;width:100%;aspect-ratio:4 / 5;object-fit:cover;scroll-snap-align:start}.carousel-phone-dots{display:flex;justify-content:center;gap:5px;margin-top:10px}.carousel-phone-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff4d}.carousel-phone-dots span.active{background:#3897f0}.stats-page{max-width:1100px;margin:0 auto}.stats-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.stats-driver-select{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stats-driver-select label{font-size:.85rem;font-weight:600;color:#fff9;white-space:nowrap}.stats-driver-select .select{max-width:350px}.stats-subtitle{font-size:.95rem;color:#fc0;margin-bottom:1rem;text-transform:none;letter-spacing:0}.tracker-grid{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.tracker-cell{display:flex;flex-direction:column;align-items:center;padding:.5rem .6rem;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);min-width:60px;transition:transform .15s}.tracker-cell:hover{transform:scale(1.05)}.tracker-cell.p1{background:#ffcc001f;border-color:#ffcc004d}.tracker-cell.p2{background:#c0c0c01a;border-color:#c0c0c040}.tracker-cell.p3{background:#cd7f321a;border-color:#cd7f3240}.tracker-cell.dns{opacity:.35}.tracker-stage{font-size:.65rem;color:#ffffff73;font-weight:600}.tracker-pos{font-size:1rem;font-weight:900;color:#fff;line-height:1.3}.tracker-cell.p1 .tracker-pos{color:#fc0}.tracker-cell.p2 .tracker-pos{color:silver}.tracker-cell.p3 .tracker-pos{color:#cd7f32}.tracker-time{font-size:.6rem;font-family:Chivo Mono,monospace;color:#fff6}.highlight-gold td{color:#fc0!important}.compare-selectors{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.compare-driver{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.compare-driver label{font-size:.85rem;font-weight:600;color:#fff9;white-space:nowrap}.compare-vs{font-size:1.1rem;font-weight:900;color:#ffffff4d}.h2h-summary{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem;margin-bottom:1rem;background:#ffffff08;border-radius:8px}.h2h-score{font-size:1rem;font-weight:700;color:#fff9}.h2h-score.winning{color:#fc0}.h2h-divider{color:#fff3;font-weight:300}.compare-table .sub-header th{font-size:.65rem;padding-top:0;border-bottom:1px solid rgba(255,255,255,.06)}.winner-cell{color:#fc0!important;font-weight:700!important}.h2h-indicator{font-weight:900;font-size:.75rem;color:#ffffff4d}@media(max-width:768px){.stats-page{padding:0}.stats-controls{gap:.5rem;margin-bottom:1rem}.stats-driver-select{flex-direction:column;align-items:stretch;gap:.5rem}.stats-driver-select .select{max-width:100%;width:100%;font-size:16px!important;min-height:44px}.stats-driver-select label{font-size:.8rem}.tracker-grid{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.5rem}.tracker-cell{min-width:52px;padding:.4rem .45rem}.tracker-stage{font-size:.6rem}.tracker-pos{font-size:.85rem}.tracker-time{font-size:.55rem}.stats-subtitle{font-size:.85rem}.compare-selectors{flex-direction:column;gap:.5rem}.compare-driver{flex-direction:column;align-items:stretch;min-width:unset;width:100%;gap:.25rem}.compare-driver .select{width:100%;font-size:16px!important;min-height:44px}.compare-vs{text-align:center;font-size:.9rem}.h2h-summary{flex-direction:column;gap:.5rem;padding:.5rem}.h2h-score{font-size:.85rem}.compare-table .sub-header th{font-size:.58rem}}@media(max-width:480px){.tracker-cell{min-width:46px;padding:.3rem .35rem}.tracker-pos{font-size:.75rem}.tracker-stage{font-size:.55rem}.tracker-time{font-size:.5rem}.h2h-score{font-size:.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}.app{max-width:1400px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.main-nav{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.nav-btn{padding:.5rem 1.5rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:transparent;color:#ffffff80;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.nav-btn:hover{color:#fff;background:#ffffff0d}.nav-btn.active{background:#ffcc001a;border-color:#ffcc0059;color:#fc0}.header-row{display:flex;align-items:center;justify-content:center;position:relative}.logout-btn{position:absolute;right:0;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:#ffffff80;font-size:.8rem;cursor:pointer;transition:all .2s}.logout-btn:hover{color:#ff6b6b;border-color:#ff6b6b66}header h1{font-size:2rem;background:linear-gradient(135deg,#fc0,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2.5rem 2rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.login-title{font-size:1.4rem;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#fc0,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{display:grid;grid-template-columns:340px 1fr;gap:2rem;align-items:start}.panel{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.section{margin-bottom:1.5rem}.section:last-child{margin-bottom:0}h2{font-size:.85rem;margin-bottom:.5rem;color:#fc0;text-transform:uppercase;letter-spacing:.08em}.select{width:100%;padding:.6rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;transition:all .2s;cursor:pointer}.select:focus{outline:none;border-color:#fc0;background:#ffffff14}.select option{background:#1a1a2e;color:#fff}.validation-box{padding:.75rem 1rem;border-radius:8px;font-size:.85rem}.validation-box.valid{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.validation-box.warning{background:#ff98001a;border:1px solid rgba(255,152,0,.3)}.validation-summary{font-weight:600;margin-bottom:.4rem}.validation-ok{color:#81c784;font-size:.8rem}.validation-warn{color:#ffb74d;font-size:.8rem;margin-bottom:.3rem}.missing-list{list-style:none;padding:0;font-size:.8rem;color:#ffffffb3}.missing-list li{padding:.15rem 0}.retired-details{margin-top:.5rem}.retired-details summary{cursor:pointer;color:#ffffff80;font-size:.8rem}.loading{padding:.75rem;text-align:center;color:#fff9;font-size:.85rem}.error{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:.75rem;border-radius:8px;font-size:.85rem}.preview-panel{display:flex;flex-direction:column}.preview-panel h2{margin-bottom:1rem}.preview-placeholder{display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.15);border-radius:8px;min-height:300px;color:#ffffff4d}.image-picker-panel{margin-top:2rem}.image-picker-panel h2{margin-bottom:1rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.image-grid-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:border-color .2s,transform .2s;background:#ffffff08}.image-grid-item:hover{border-color:#ffcc0080;transform:scale(1.02)}.image-grid-item.image-selected{border-color:#fc0;box-shadow:0 0 12px #ffcc004d}.image-grid-item img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.image-grid-item.image-used{opacity:.6}.image-grid-item.image-used:hover{opacity:.85}.used-badge{position:absolute;top:6px;right:6px;background:#4caf50d9;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.05em}.image-grid-item .image-name{display:block;padding:.4rem .6rem;font-size:.75rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-bg-name{margin-top:.4rem;font-size:.8rem;color:#fc0}.upload-btn{display:block;margin-top:.5rem;padding:.55rem 1rem;min-height:44px;box-sizing:border-box;border:1px dashed rgba(255,255,255,.35);border-radius:8px;color:#ffffffd9;font-size:.85rem;font-weight:600;text-align:center;line-height:1.9;cursor:pointer}.upload-btn:hover{border-color:#b11881cc}.upload-btn.disabled{opacity:.6;cursor:wait}.unmark-btn{margin-left:.5rem;padding:.15rem .5rem;border:1px solid rgba(255,204,0,.5);border-radius:6px;background:transparent;color:#fc0;font-size:.75rem;cursor:pointer}.generate-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#fc0,#f90);color:#1a1a2e;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s}.generate-btn:hover:not(:disabled){opacity:.9;transform:scale(1.01)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-progress{margin-top:.75rem;padding:.75rem;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.progress-bar-track{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#fc0,#f90);border-radius:3px;transition:width .4s ease}.progress-steps{display:flex;justify-content:space-between;margin-top:.6rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:background .3s,box-shadow .3s}.progress-step.active .step-dot{background:#fc0;box-shadow:0 0 8px #ffcc0080;animation:pulse-dot 1.2s ease-in-out infinite}.progress-step.done .step-dot{background:#4caf50}@keyframes pulse-dot{0%,to{box-shadow:0 0 4px #ffcc004d}50%{box-shadow:0 0 12px #ffcc00b3}}.step-label{font-size:.65rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.progress-step.active .step-label{color:#fc0}.progress-step.done .step-label{color:#ffffff80}.progress-message{margin-top:.5rem;font-size:.8rem;color:#fff9;text-align:center}.download-links{display:flex;gap:.75rem}.download-link{flex:1;display:block;text-align:center;padding:.6rem 1rem;border-radius:8px;background:#ffcc001a;border:1px solid rgba(255,204,0,.3);color:#fc0;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s}.download-link:hover{background:#fc03}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.toggle-label input[type=checkbox]{accent-color:#ffcc00;width:1rem;height:1rem}.outpaint-options{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.text-input{width:100%;padding:.6rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.85rem;transition:border-color .2s}.text-input:focus{outline:none;border-color:#fc0;background:#ffffff14}.text-input::placeholder{color:#ffffff59}.outpaint-note{font-size:.75rem;color:#fff6;font-style:italic}.scope-toggle{display:flex;gap:.5rem;margin-bottom:.5rem}.scope-btn{flex:1;min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#ffffffb3;font-size:.85rem;font-weight:600;cursor:pointer}.scope-btn.active{border-color:#b11881;background:#b1188140;color:#fff}.quote-section>.select{margin-bottom:.5rem}.quote-section{margin-top:8px}.suggest-btn{width:100%;padding:.6rem 1rem;border:1px solid rgba(147,112,219,.4);border-radius:8px;background:#9370db26;color:#b794f6;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px}.suggest-btn:hover:not(:disabled){background:#9370db40;border-color:#9370db99}.suggest-btn:disabled{opacity:.5;cursor:not-allowed}.quote-suggestions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.quote-card{padding:.6rem .75rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0a;color:#fffc;font-size:.85rem;cursor:pointer;transition:all .2s;min-height:44px;display:flex;align-items:center}.quote-card:hover{background:#ffcc0014;border-color:#ffcc004d}.quote-card.quote-selected{background:#ffcc001f;border-color:#ffcc0080;color:#fc0}.char-count{text-align:right;font-size:.75rem;color:#fff6;margin-top:.25rem}.char-count.over-limit{color:#ff6b6b;font-weight:600}@media(max-width:900px){.container{grid-template-columns:1fr}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(max-width:768px){.app{padding:.75rem}header{padding:1rem;margin-bottom:1rem}header h1{font-size:1.3rem}.header-row{flex-direction:column;gap:.5rem}.logout-btn{position:static;align-self:flex-end;min-height:44px;padding:.5rem 1rem}.main-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.25rem;padding-bottom:.25rem}.nav-btn{flex-shrink:0;font-size:.8rem;padding:.5rem .75rem;min-height:44px}.container{grid-template-columns:1fr;padding:0;gap:1rem}.panel{padding:1rem}.section{margin-bottom:1rem}.select,.text-input,textarea,button{font-size:16px!important;min-height:44px}.select,.controls-panel .select{width:100%}.image-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem}.image-picker-panel{margin-top:1rem}.generate-btn{width:100%;min-height:48px;font-size:1rem}.download-links{flex-direction:column;gap:.5rem}.download-link{min-height:44px;display:flex;align-items:center;justify-content:center}.preview-panel{order:-1}h2{font-size:.8rem}.outpaint-options{flex-direction:column}.outpaint-options>*{width:100%}.toggle-label{min-height:44px}.toggle-label input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:44px;min-width:44px}.progress-steps{gap:.15rem}.step-label{font-size:.55rem}.generate-progress{padding:.5rem}.progress-message{font-size:.75rem}.login-page{padding:1rem}.login-form{padding:1.5rem 1rem}}@media(max-width:480px){.app{padding:.5rem}header{padding:.75rem;border-radius:8px}header h1{font-size:1.1rem}.nav-btn{font-size:.75rem;padding:.4rem .6rem}.panel{padding:.75rem;border-radius:8px}.image-grid{grid-template-columns:repeat(2,1fr)!important;gap:.35rem}.image-grid-item .image-name{font-size:.65rem;padding:.3rem .4rem}}.live-indicator{margin:-.25rem 0 .75rem;font-size:.75rem;color:#ff5fb8}.class-badge{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:700;color:#fff}.class-badge--car{background:#b11881e6}.class-badge--detail{background:#0009}.class-badge--featured{background:#ff2daf}.upload-badge{position:absolute;bottom:36px;right:4px;padding:1px 5px;border-radius:3px;background:#b11881e6;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.05em}.events-page{max-width:1100px;margin:0 auto}.events-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.events-selectors{display:flex;gap:.75rem;flex-wrap:wrap}.events-selectors .select{flex:1;min-width:180px}.events-tabs{display:flex;gap:.5rem}.tab-btn{padding:.5rem 1.25rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff08;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#ffffff0f;color:#fff}.tab-btn.active{background:#ffcc001f;border-color:#fc06;color:#fc0}.events-title{font-size:1.1rem;color:#fc0;margin-bottom:1rem;text-transform:none;letter-spacing:0}.data-panel{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th{text-align:left;padding:.5rem .6rem;color:#ffffff73;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.data-table td{padding:.45rem .6rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}.data-table tbody tr:hover{background:#ffffff08}.data-table .mono{font-family:Chivo Mono,SF Mono,monospace;font-size:.8rem}.data-table .muted{color:#ffffff73}.data-table .diff{color:#ff9800cc}.group-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;background:#ffffff14;font-size:.72rem;color:#fff9}.split-times-container{display:flex;flex-direction:column;gap:1.25rem}.split-panel{padding-top:.5rem}.split-label{font-size:.9rem;color:#fc0;margin:.5rem .6rem;font-weight:700}@media(max-width:768px){.events-page{padding:0}.events-controls{gap:.5rem;margin-bottom:1rem}.events-selectors{flex-direction:column;gap:.5rem}.events-selectors .select{min-width:unset;width:100%;font-size:16px!important;min-height:44px}.events-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.25rem;padding-bottom:.25rem}.tab-btn{flex-shrink:0;font-size:.8rem;padding:.5rem .75rem;min-height:44px}.data-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{font-size:.72rem}.data-table th{padding:.4rem;font-size:.65rem}.data-table td{padding:.35rem .4rem}.data-table .mono{font-size:.7rem}.split-times-container{gap:.75rem}.split-label{font-size:.8rem;margin:.4rem}.events-title{font-size:.95rem}}@media(max-width:480px){.tab-btn{font-size:.75rem;padding:.4rem .6rem}.data-table{font-size:.65rem}.data-table th{padding:.3rem;font-size:.6rem}.data-table td{padding:.25rem .3rem}.data-table .mono{font-size:.62rem}.group-badge{font-size:.65rem;padding:.1rem .35rem}}