
main#app.flow-layout{max-width:1280px!important;margin:0 auto!important;padding:18px 24px 32px!important}
.flow-layout .play-arena,.flow-layout .geo-arena,.flow-layout .range-layout,.flow-layout .cc-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}
@media(max-width:1000px){.flow-layout .play-arena,.flow-layout .geo-arena,.flow-layout .range-layout,.flow-layout .cc-layout{grid-template-columns:minmax(0,1fr)}}
.flow-layout>.play-toolbar,.flow-layout>.practice-toolbar,.flow-layout>.cc-toolbar,.flow-layout>.play-roundbar,.flow-layout>.roundtop,.flow-layout>.progress,.flow-layout .practice-meta,.flow-layout .cc-time,.flow-layout .match-results>.play-toolbar{display:none!important}
.flow-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;margin:0 0 22px;padding:4px 0 0;width:100%}
.flow-round{display:flex;align-items:center;gap:9px;color:#d1e3ff}.flow-round>strong{font:700 34px 'Barlow Condensed',Impact,sans-serif;color:#fff}.flow-round>span{font-size:14px;line-height:1.2}.flow-round small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}

.flow-time{min-width:86px;display:flex;align-items:center;justify-content:center;gap:4px;text-align:center;border:0;border-radius:0;background:none;padding:0;box-shadow:none}.flow-countdown{display:grid;gap:2px;min-width:34px;max-width:78px}.flow-time small{font-size:8px;letter-spacing:1px;color:#c4d9fa}.flow-time strong{font:700 23px 'Barlow Condensed',Impact,sans-serif;color:#ffce65;font-variant-numeric:tabular-nums}.flow-time.is-urgent strong{color:#ff9b99}
.flow-header .back{margin:0;min-height:44px;white-space:nowrap}.flow-progress{grid-column:1/-1;height:3px;background:#203a6d;border-radius:3px;overflow:hidden}.flow-progress i{display:block;background:#ffce65;width:100%;height:100%}
.flow-layout .rank-board .flow-status-row{grid-template-rows:auto auto;row-gap:3px;min-height:66px}.flow-status-row .rank-place,.flow-status-row .rank-avatar,.flow-status-row .rank-name{grid-row:1 / 3}.flow-status-row .rank-score{grid-column:4;grid-row:1}.flow-row-state{grid-column:4;grid-row:2;justify-self:end;font:600 14px/1.15 'Barlow Condensed',sans-serif;letter-spacing:.2px;color:#c9dcff;white-space:nowrap}.flow-row-state.is-ready{color:#8ff0c2}.party-arcade .rank-status{display:block}
.flow-lock-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:16px 0 0;background:#203f70;border:1px solid #82b2b6;border-radius:8px;color:#a3efcb;font-size:14px;font-weight:600}.flow-lock-note span{font-size:12px;font-weight:400;color:#d1e2ff}.flow-locked{cursor:default}.flow-locked .focus-guess,.flow-locked .focus-options,.flow-locked form,.flow-locked .options{opacity:.68}.cc-game>.flow-lock-note{margin:12px}.flow-locked #cc-overlay.cc-results{display:none}
.flow-display{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff20;font-size:11px;color:#ccddf8}.flow-display summary{cursor:pointer}.flow-display .layout-picker,.flow-display .cc-tools{margin:10px 0 0;display:flex;justify-content:flex-start;gap:5px}
.flow-layout .match-results{max-width:none}.flow-layout .results-card{width:100%;max-width:none}.final-last-round{display:grid;gap:7px;margin:22px 0 4px;padding-top:18px;border-top:1px solid #ffffff20}.final-last-round>span{font-size:11px;color:#bed5f5;letter-spacing:.6px}.final-last-round>strong{font:700 24px 'Barlow Condensed',Impact,sans-serif;color:#ffce65}.final-round-result{display:block;font:600 15px/1.2 'Barlow Condensed',sans-serif;color:#8ff0c2;margin-top:7px}.results-list .rank-name .final-round-result{white-space:normal}.final-rounds{margin:26px 0}.final-rounds>summary{cursor:pointer;padding:12px 0;font:600 16px/1.4 'Barlow Condensed',sans-serif;color:#c5d8f4}.final-rounds>summary:hover{color:#fff}.final-rounds>summary:focus-visible{outline:2px solid #ffce65;outline-offset:3px;border-radius:4px}.final-rounds[open]>summary{margin-bottom:8px}.final-table-scroll{overflow:auto;border:1px solid #7799cc;border-radius:10px}.final-rounds table{width:100%;border-collapse:collapse;text-align:center;font-size:13px}.final-rounds th,.final-rounds td{padding:13px 10px;border-bottom:1px solid #ffffff16;min-width:95px}.final-rounds th:first-child{text-align:left;min-width:130px}.final-rounds thead{background:#223f77}.final-rounds small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#c5d8f4}.final-rounds td strong{color:#ffce65}.final-rounds .is-you{background:#8baee315}.final-rounds tbody tr:last-child>*{border-bottom:0}
@media(max-width:650px){main#app.flow-layout{padding:12px 14px 26px!important}.flow-header{gap:12px 8px;margin-bottom:16px;grid-template-columns:1fr auto auto}.flow-round>strong{font-size:29px}.flow-round>span{font-size:12px}.flow-time{min-width:66px;padding:0}.flow-countdown{max-width:64px}.flow-time strong{font-size:21px}.flow-header .back{font-size:11px;padding:9px 10px}.flow-progress{grid-row:2}.flow-lock-note{flex-wrap:wrap;font-size:13px;gap:5px}.flow-lock-note span{font-size:11px}.final-rounds th,.final-rounds td{padding:10px 8px}.final-round-result{font-size:14px}}

.final-rounds td small{font:600 14px/1.2 'Barlow Condensed',sans-serif;color:#b6e6dc;letter-spacing:.2px}

.timer-sound{display:grid;place-items:center;flex:0 0 36px;width:36px;height:44px;padding:8px;background:transparent;border:0;border-radius:6px;color:#d3e7ff;cursor:pointer;box-shadow:none}.timer-sound:hover{background:#ffffff10}.timer-sound:focus-visible{outline:2px solid #ffce65;outline-offset:2px}.timer-sound svg{width:16px;height:16px}.timer-sound .timer-sound-slash{display:none}.timer-sound[aria-pressed="false"] .timer-sound-slash{display:block}.timer-sound[aria-pressed="false"] .timer-sound-waves{display:none}.timer-sound[aria-pressed="false"]{color:#9fb3d5}

.flow-time{grid-column:2}.flow-header .back{grid-column:3}

.flow-row-state.is-correct{color:#8ff0c2}.flow-row-state.is-missed,.final-round-result.is-zero,.final-rounds td.is-zero strong,.final-rounds td.is-zero small{color:#b0bccf}.rank-row.is-missed .rank-status{background:#8995ab}
