#frontend.flow{background:linear-gradient(145deg,#111b 0%,#23272fee 38%,#090b10f5 100%);padding:0;display:flex;align-items:center;justify-content:center}
#frontend.flow[hidden]{display:none}.flow-shell{width:min(1160px,96vw);height:min(760px,96vh);display:flex;flex-direction:column;border-top:3px solid #d6d8dc;border-bottom:3px solid #777b82;background:repeating-linear-gradient(130deg,#ffffff03 0 1px,transparent 1px 5px),linear-gradient(120deg,#111c,#545962bb 45%,#101216ed);box-shadow:0 12px 80px #0009}
.flow-shell header{padding:22px 32px 15px;background:linear-gradient(90deg,#111c,#43474ba8);border-bottom:2px solid #ffffffab}.flow-shell h1,.flow-shell h2{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:1px;text-transform:uppercase;margin:0}.flow-shell h1{font-size:clamp(24px,4vw,46px)}.flow-shell header small{display:block;color:#c6cbd2;margin-top:4px}.flow-content{flex:1;min-height:0;overflow:auto;padding:22px 32px}.flow-shell footer{display:flex;gap:12px;padding:12px 28px;background:linear-gradient(#8b8e91,#282b31);align-items:center}.flow-shell button{border-radius:0;font-size:16px;text-transform:uppercase;background:#1119;border:1px solid #8d929b;color:white;padding:12px 18px;cursor:pointer}.flow-shell button:hover,.flow-shell button:focus-visible{background:#ddd;color:#151515;outline:2px solid #f8cf34}.flow-shell button.primary{background:#eee;color:#111;font-weight:900;margin-left:auto}.flow-shell button:disabled{opacity:.4;cursor:default}.flow-shell select{width:100%;background:#343941;border:1px solid #9ba1aa;color:white;padding:10px;font-size:16px}.flow-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flow-tiles button{min-height:190px;font:26px Impact,'Arial Narrow',sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.flow-tiles img{height:130px;max-width:90%;object-fit:contain}.flow-tiles small{font:13px system-ui;color:#c7cbd3;text-transform:none}.flow-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:26px;height:100%}.flow-list{overflow:auto;display:flex;flex-direction:column;gap:6px}.flow-list button{text-align:left}.flow-list .selected{background:#e4e5e8;color:#111;border-left:6px solid #e0b900}.flow-detail{min-width:0;display:flex;flex-direction:column;gap:16px}.flow-detail p{color:#dde0e5;line-height:1.6;margin:0}.cup-art{max-height:210px;width:100%;object-fit:contain}.track-card{position:relative;min-height:240px;background:#111;overflow:hidden}.track-card>img{width:100%;height:300px;object-fit:cover}.track-card svg{position:absolute;bottom:12px;right:12px;width:170px;height:170px;filter:drop-shadow(0 2px 4px #000);background:#0004;border-radius:6px}.track-length{position:absolute;top:10px;right:10px;padding:8px 16px;background:#e9e9e9;color:#111;font:26px Impact,sans-serif}.flow-stats{display:flex;gap:24px;border-block:1px solid #aaa7;padding:14px 0;flex-wrap:wrap}.flow-stats strong{display:block;font:28px Impact,sans-serif}.flow-stats small{color:#cbd1d8}.flow-settings{max-width:830px;margin:auto}.flow-settings label{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:10px 16px;background:#ffffff14;border-bottom:1px solid #fff5;font-weight:700;text-transform:uppercase}.flow-note{font-size:13px;color:#d4d8de;line-height:1.6}.flow-car-stage{height:280px;background:transparent;position:relative}.flow-car-stage span{position:absolute;bottom:10px;left:10px;background:#000b;padding:7px;font-size:13px}.flow-car #frontend.flow{background:linear-gradient(90deg,#171b22f2 0%,#171b22ef 38%,#171b2225 65%)}.flow-car .flow-shell{background:transparent}.flow-car .flow-detail{background:#1119;padding:14px}.flow-car .flow-car-stage{background:transparent}.flow-car .flow-list{background:#161a20bd}.flow-shell ol{padding-left:22px;line-height:1.9}.flow-empty{padding:24px;line-height:1.6;color:#d0d4db}.flow-step{font-size:12px;letter-spacing:2px;color:#bfc5cf;margin-bottom:12px}
.flow-car .flow-detail{background:transparent;padding:0;gap:10px}.flow-car .flow-car-stage{height:220px;min-height:180px}.flow-car .flow-stats{padding:8px 0}.flow-car .flow-detail h2,.flow-car .flow-stats{background:#15191fc9;padding-inline:10px}.flow-car .flow-detail .flow-note{font-size:12px;background:#15191fc9;padding:8px}.flow-detail ol{overflow:auto}.flow-shell .flow-note{text-transform:none}
@media(max-width:760px){.flow-shell{height:96vh}.flow-content{padding:14px}.flow-columns{grid-template-columns:1fr;height:auto}.flow-list{max-height:160px}.flow-tiles{grid-template-columns:repeat(2,1fr)}.flow-tiles button{min-height:130px;font-size:21px}.flow-tiles img{height:70px}.flow-shell footer{padding:10px}.flow-shell button{padding:10px;font-size:13px}.flow-settings label{padding:8px;gap:10px}.track-card>img{height:210px}.track-card svg{width:130px;height:130px}.flow-car-stage{height:220px}.flow-shell header{padding:16px}.flow-stats{gap:16px}}

.options-tabs{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.options-tabs .selected{background:#eee;color:#111;border-bottom:3px solid #e8c629}.options-fields{max-width:850px;margin:auto}.option-row{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:22px;padding:15px 18px;background:#ffffff12;border-bottom:1px solid #ffffff40;font-size:16px}.option-row span{display:flex;align-items:center;gap:16px}.option-row input[type=range]{width:100%;accent-color:#e8c629;cursor:pointer}.option-row output{min-width:60px;text-align:right;font-variant-numeric:tabular-nums}.option-row input[type=checkbox]{width:24px;height:24px;accent-color:#e8c629;justify-self:end}.pause-tiles button{min-height:100px}.options-shell footer{flex-wrap:wrap}.options-shell #settingsReset{margin-left:auto}@media(max-width:600px){.option-row{grid-template-columns:1fr;padding:10px;gap:8px}.option-row input[type=checkbox]{justify-self:start}.options-tabs button{padding:8px;font-size:14px}}

.qualifying-results{max-width:760px;margin:auto}.qualifying-results li{display:list-item;padding:7px 12px;border-bottom:1px solid #fff4}.qualifying-results strong{float:right;font-variant-numeric:tabular-nums}

.game-guide{color:#e8e9ed;font-size:13px;text-underline-offset:3px;padding:8px}.game-guide:hover,.game-guide:focus-visible{color:#ffc84a}

.flow-shell footer{flex-wrap:wrap}.flow-help-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.game-dmca{color:#e8e9ed;font-size:12px;line-height:1.4;text-underline-offset:3px;padding:8px;overflow-wrap:anywhere}.game-dmca:hover,.game-dmca:focus-visible{color:#ffc84a}