/* Racing club UI. Shared by the setup flow, race dialogs and controller focus. */
:root{--menu-ink:#142c42;--menu-paper:#f4f5ee;--menu-muted:#526879;--menu-line:#16334b24;--menu-yellow:#ffda58;--menu-coral:#e86f50}
#menu.flow-menu,.phone #menu.flow-menu{padding:28px 4vw;justify-content:center;color:var(--menu-ink)}
.flow-menu .shade{background:linear-gradient(105deg,#0c253ce8 5%,#13364a88 58%,#0c253c22)}
.flow-shell,.phone .flow-shell{width:min(1100px,92vw);max-width:none;height:min(850px,calc(100dvh - 56px));border:0;border-radius:20px;background:var(--menu-paper);box-shadow:0 24px 90px #061a3270;color:var(--menu-ink)}
.flow-header{padding:18px 28px;background:var(--menu-ink);border:0;color:#fff}
.flow-brand{font-size:26px;font-style:italic;font-weight:950;letter-spacing:-1px}.flow-brand em{color:var(--menu-yellow)}
#flow-progress{font-size:10px;letter-spacing:2px;color:#d2e3ec}
.flow-page{padding:26px 32px;scroll-padding:16px;scrollbar-color:#7794a4 transparent}
.flow-page h2{font-size:clamp(28px,3.3vw,43px);color:var(--menu-ink);font-weight:950;font-style:italic;letter-spacing:-1.4px;margin-bottom:8px;line-height:1.12}
.flow-sub{color:var(--menu-muted);font-size:14px;line-height:1.55;margin-bottom:20px}
.flow-steps{display:flex;flex:none;background:#e7ece9;padding:0 28px;border-bottom:1px solid var(--menu-line);gap:24px}
.flow-steps span{display:flex;gap:9px;align-items:center;padding:13px 2px;border-bottom:3px solid transparent;font-size:12px;font-weight:750;color:#627686}
.flow-steps b{font-size:10px}.flow-steps [data-state=current]{color:var(--menu-ink);border-color:var(--menu-coral)}.flow-steps [data-state=done]{color:#37715c}
.flow-footer{background:#e7ece9;border-top:1px solid var(--menu-line);padding:14px 28px;min-height:76px;gap:18px}.flow-footer span{font-size:11px;color:var(--menu-muted);line-height:2}
#flow-hint kbd{display:inline-block;font:750 10px Arial,sans-serif;color:var(--menu-ink);background:#fff;border:1px solid #17344b35;border-bottom-width:2px;border-radius:4px;padding:1px 5px;margin:0 3px}
.flow-shell button,#ui-sheet button,#ui-keyboard button{border:1px solid var(--menu-line);border-radius:9px;background:#fff;color:var(--menu-ink);font-weight:700;box-shadow:0 2px 0 #102d4210;transition:background .12s,border-color .12s;min-height:44px}
.flow-shell button:hover,#ui-sheet button:hover,#ui-keyboard button:hover{background:#e5efed;border-color:#608697}
.flow-shell .primary,.flow-shell #start,#ui-keyboard #name-done{background:var(--menu-yellow);color:var(--menu-ink);font-weight:900;border-color:#102d4220}
.flow-shell .primary:hover,.flow-shell #start:hover{background:#ffe786}
.flow-shell :focus-visible,#ui-sheet :focus-visible,#ui-keyboard :focus-visible,.modal :focus-visible,.pad-focus{outline:3px solid #e46c39!important;outline-offset:3px;box-shadow:0 0 0 6px #fff!important}
.flow-shell label{color:var(--menu-ink);font-size:13px;font-weight:700}
.flow-shell .mode-choice,.flow-shell .setting-row,#ui-sheet .setting-row{padding:14px 18px;background:#fff;border:1px solid var(--menu-line);border-radius:10px;margin:10px 0;gap:18px;color:var(--menu-ink)}
.flow-shell select,#ui-sheet select{font-size:14px;font-weight:650;min-height:44px;padding:10px 34px 10px 12px;background:#edf2ef;color:var(--menu-ink);border:1px solid #6e8a9b70;border-radius:7px;max-width:70%}
.flow-shell .graphics-choice{border:1px solid var(--menu-line);background:white;border-radius:10px;padding:14px 18px}
.flow-shell .volume-row,#ui-sheet .volume-row{display:grid;grid-template-columns:minmax(80px,1fr) 54px minmax(120px,2fr);gap:12px 18px;background:#fff;border:1px solid var(--menu-line);border-radius:10px;padding:14px 18px;margin:10px 0 22px;align-items:center}
.volume-row output{font-size:12px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums;color:var(--menu-ink)}.volume-row input{accent-color:#245b70}
.flow-name{background:#e7ece9;padding:12px 16px;border-radius:10px;gap:14px}.flow-name input{background:#fff;color:var(--menu-ink);border:1px solid #6c879b70;font-size:17px;padding:10px;max-width:40%}
.flow-page[data-page^=player] .choice>label{font-size:10px;letter-spacing:2px}
.flow-shell [id^=cats]{gap:12px!important;margin-top:12px!important}
.flow-shell [id^=cats] button{height:164px!important;background:radial-gradient(ellipse at 50% 35%,#d4e8e4,#e5ebea);border:2px solid #bacbc8}
.flow-shell [id^=cats] button img{height:104px;filter:drop-shadow(0 6px 6px #102d4228)}
.flow-shell [id^=cats] button strong{color:var(--menu-ink);font-size:16px}.flow-shell [id^=cats] button small{color:var(--menu-muted);font-size:10px;min-height:26px}
.flow-shell [id^=cats] button.selected{background:radial-gradient(ellipse at 50% 35%,#fff2b9,#ffe38a);border-color:#ab791b;box-shadow:inset 0 -4px 0 #c69425}
.flow-shell [id^=cats] button:disabled{opacity:.45!important;filter:grayscale(.7)}
.flow-shell #levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.flow-shell .level-card{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:66px auto;min-height:148px;padding:16px;text-align:left;background:#fff;overflow:hidden;isolation:isolate;border:2px solid #ccd7d5}
.flow-shell .level-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:var(--accent);opacity:.15;right:-18px;top:-14px;z-index:-1}
.flow-shell .level-card .level-icon{grid-row:1;font-size:34px;align-self:start}.flow-shell .level-card>span:nth-child(2){grid-column:1/-1;grid-row:2;align-self:end}
.flow-shell .level-card strong{font-size:16px;display:block;color:var(--menu-ink);letter-spacing:-.3px}.flow-shell .level-card small{font-size:10px;color:var(--menu-muted);margin-top:5px;letter-spacing:.6px}
.flow-shell .level-card svg{width:92px;height:60px;position:absolute;top:14px;right:12px;opacity:1}.flow-shell .level-card svg path{stroke:var(--accent);stroke-width:5;fill:none}
.flow-shell .level-card.active{background:#fff4c6;border-color:#aa791c;box-shadow:inset 0 -4px 0 #d7aa40}.flow-shell .level-card.active:after{content:"✓";position:absolute;right:10px;bottom:12px;font-size:15px;color:#866018}
.flow-shell #level-description{color:var(--menu-muted);font-size:13px;line-height:1.5}.flow-shell #level-difficulty{color:#29647b;font-size:11px;letter-spacing:1.5px}
#race-recap{gap:14px;margin:24px 0}#race-recap div{background:#fff;border:1px solid var(--menu-line);border-radius:10px;padding:20px;border-top:4px solid #b7ceca}#race-recap div:first-child{border-top-color:var(--menu-coral)}#race-recap small{color:var(--menu-muted);font-size:10px;letter-spacing:1.5px;margin-bottom:10px}#race-recap strong{font-size:19px;color:var(--menu-ink)}
.flow-shell #start{font-size:17px;padding:16px 24px;letter-spacing:.5px}.flow-shell #controller{color:var(--menu-muted);font-size:12px}
.help-grid article,.risk-help{background:#fff;border:1px solid var(--menu-line);border-radius:10px;padding:18px;color:var(--menu-ink)}.help-grid h3,.risk-help h3{color:var(--menu-ink);font-size:16px}.help-grid p,.risk-help p{font-size:13px;color:var(--menu-muted);line-height:1.65}.risk-help{margin-top:16px}
.flow-shell #highscores,.flow-shell #score-list{background:transparent;color:var(--menu-ink)}.flow-shell .finish-table{color:var(--menu-ink)}.flow-shell .finish-table td,.flow-shell .finish-table th{border-color:var(--menu-line)}
.flow-page[data-page=scores]>select{margin:0 10px 15px 0}
.garage-stage{background:radial-gradient(ellipse at center,#d6e9e3,#e0e8e5);border-color:#b8ccca}.garage-stage p,#garage-stats{color:var(--menu-muted)}#garage-character{color:var(--menu-ink)}.garage-options legend{background:#e7ece9;color:var(--menu-ink);font-size:13px}.flow-shell .cosmetic-option{border-left:5px solid var(--swatch,#7f9fb2)}.cosmetic-option small{color:var(--menu-muted)}.cosmetic-option.locked{background:#e6eae8;color:#536877}.flow-shell .cosmetic-option[aria-pressed=true]{background:#fff0bb;border-color:#ba902c}.cosmetic-option[aria-pressed=true] small{color:#75520d}
#field-size,#party-description{color:var(--menu-muted)}
.home-stamp{display:none;pointer-events:none}
/* The home screen leaves the illustration in view, with one clear primary action. */
#menu[data-screen=home]{justify-content:flex-start}
#menu[data-screen=home] .flow-shell{width:530px;max-width:49vw;height:auto;max-height:calc(100dvh - 56px);border-radius:0;background:transparent;box-shadow:none;color:#fff;overflow:hidden}
#menu[data-screen=home] .flow-header{background:none;padding:0 6px 16px}
#menu[data-screen=home] .flow-brand{font-size:64px;line-height:1;font-style:italic;letter-spacing:-3px}
#menu[data-screen=home] .flow-page{padding:4px 8px 8px;overflow-y:auto}
#menu[data-screen=home] .flow-page h2{font-size:14px;font-weight:600;font-style:normal;letter-spacing:1px;text-transform:uppercase;color:#e8f2f3;margin-bottom:4px}
#menu[data-screen=home] .flow-sub{display:none}
#menu[data-screen=home] .flow-body{overflow:auto;flex:1;min-height:0}
#menu[data-screen=home] .home-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
#menu[data-screen=home] .home-actions button{display:flex;gap:12px;align-items:center;position:relative;background:#f4f5eef5;backdrop-filter:none;color:var(--menu-ink);border:1px solid #ffffff80;padding:17px 16px;min-height:86px;font-size:15px;border-radius:9px}
#menu[data-screen=home] .home-actions button:hover{background:#fff}
#menu[data-screen=home] .home-actions button:first-child{grid-column:1/-1;min-height:104px;background:var(--menu-yellow);border:0}
.home-actions strong,.home-actions small{display:block}.home-actions strong{font-size:17px;letter-spacing:-.35px}.home-actions small{font-size:10px;color:#4d6371;margin-top:6px;font-weight:500}.home-actions .action-number{font-size:10px;align-self:flex-start;color:#476071;font-weight:800;letter-spacing:1px}.home-actions .action-arrow{font-size:20px;margin-left:auto;align-self:flex-start;color:#526d79}.home-actions button:first-child strong{font-size:29px;font-style:italic;font-weight:950;letter-spacing:-1px}.home-actions button:first-child small{font-size:12px}.home-actions button:last-child{grid-column:1/-1;min-height:60px!important}
#menu[data-screen=home] .flow-footer{padding:14px 8px 0;background:none;border:0;min-height:0}.flow-footer #flow-hint{white-space:normal}#menu[data-screen=home] .flow-footer span{color:#e0edf0;font-size:10px}#menu[data-screen=home] #flow-hint kbd{color:white;background:#102d4280;border-color:#adc2ce55}
#menu[data-screen=home] .home-stamp{display:flex;flex-direction:column;gap:14px;position:absolute;right:6vw;bottom:7vh;transform:rotate(-3deg);color:#fff;text-shadow:0 2px 18px #102d42}
.home-stamp>span{font-size:11px;letter-spacing:4px;font-weight:800;color:#ffdf77}.home-stamp strong{font-size:clamp(28px,3.5vw,52px);line-height:1.05;letter-spacing:-1.6px;font-style:italic;font-weight:950}.home-stamp small{font-size:10px;letter-spacing:.5px}
/* The same visual language continues through pause, results and name entry. */
#ui-sheet,#ui-keyboard{background:#071b30bb}.sheet-panel,.keyboard-panel{background:var(--menu-paper);border:0;border-radius:16px;color:var(--menu-ink);padding:22px}.sheet-panel footer{border-color:var(--menu-line)}#sheet-content .flow-page{padding:12px 10px 22px;max-height:calc(100dvh - 155px)}
.keyboard-panel output{background:#e5ece8;border:1px solid #9ab2b4;color:var(--menu-ink)}.keyboard-panel h2{font-style:italic;letter-spacing:-.7px}.keyboard-panel p{color:var(--menu-muted)}
#pause{background:linear-gradient(115deg,#10283df5,#153d53e8);backdrop-filter:blur(8px);padding-top:max(24px,calc((100dvh - 540px)/2));color:#fff}#pause h2{font-size:42px;font-style:italic;letter-spacing:-1.5px}#pause p{font-size:13px;color:#c0d3dc}#pause button{background:#eff3ed;color:var(--menu-ink);border:1px solid #ffffff77;border-radius:9px;font-size:15px;font-weight:750;padding:15px;min-height:48px}#pause #resume{background:var(--menu-yellow);font-weight:900}#pause #restart,#pause #pause-level{background:#24485d;color:#edf3f5;border-color:#bed2dc55}
#results{background:linear-gradient(115deg,#10283df5,#153d53ed);color:#fff}#results h2{font-style:italic;letter-spacing:-.8px}#results .result-tabs button{border-radius:8px;background:#315166;color:#fff;border:1px solid #819eaf}#results .result-tabs button[aria-pressed=true]{background:var(--menu-yellow);color:var(--menu-ink)}.result-actions button{background:var(--menu-paper);border-radius:8px;color:var(--menu-ink);font-weight:800}#results #next-level{background:var(--menu-yellow)}
@media(max-height:700px){
 #menu.flow-menu,.phone #menu.flow-menu{padding:14px 3vw}.flow-shell,.phone .flow-shell{height:calc(100dvh - 28px)}.flow-header{padding:12px 24px}.flow-brand{font-size:23px}.flow-page{padding:18px 26px}.flow-page h2{font-size:29px}.flow-sub{font-size:12px;margin-bottom:14px}.flow-steps{padding:0 24px}.flow-steps span{padding:9px 2px;font-size:11px}.flow-footer{padding:10px 24px;min-height:62px}.flow-shell .level-card{min-height:114px;grid-template-rows:46px auto;padding:12px}.flow-shell .level-card svg{height:45px;width:78px;top:8px}.flow-shell #levels{gap:10px;margin:12px 0}.flow-shell .level-card strong{font-size:14px}
 #menu[data-screen=home] .flow-shell{max-height:calc(100dvh - 28px);width:490px;max-width:49vw}#menu[data-screen=home] .flow-brand{font-size:44px}#menu[data-screen=home] .flow-header{padding-bottom:8px}#menu[data-screen=home] .home-actions{gap:9px;margin-top:10px}#menu[data-screen=home] .home-actions button{min-height:67px;padding:12px}#menu[data-screen=home] .home-actions button:first-child{min-height:80px}#menu[data-screen=home] .home-actions button:last-child{min-height:48px!important}.home-actions button:first-child strong{font-size:24px}.home-actions strong{font-size:15px}#menu[data-screen=home] .flow-footer{padding-top:10px}.home-stamp small{display:none}
 .flow-shell [id^=cats]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}.flow-shell [id^=cats] button{height:141px!important}.flow-shell [id^=cats] button img{height:85px}.flow-shell [id^=cats] button small{font-size:9px}.flow-name{padding:9px 12px}.flow-name button{padding:8px 12px;font-size:12px}.flow-name input{min-height:40px;font-size:15px;padding:7px}#race-recap{margin:14px 0}#race-recap div{padding:13px}#race-recap strong{font-size:16px}#race-recap small{margin-bottom:5px}.flow-shell .mode-choice,.flow-shell .setting-row{padding:10px 14px}#pause h2{font-size:30px}#pause button{display:block;width:100%;margin:9px 0}
}
@media(max-height:480px){
 .flow-header{padding:8px 20px}.flow-brand{font-size:20px}.flow-steps{padding:0 20px;gap:18px}.flow-steps span{padding:6px 2px;font-size:10px}.flow-page{padding:12px 22px}.flow-page h2{font-size:24px}.flow-sub{font-size:11px;margin-bottom:10px}.flow-footer{min-height:51px;padding:7px 20px}.flow-footer button{min-height:36px;font-size:12px;padding:8px 12px}.flow-footer span{font-size:9px}.flow-shell select{min-height:36px;font-size:12px;padding:7px 20px 7px 8px}.flow-shell .mode-choice,.flow-shell .setting-row{padding:8px 12px;margin:8px 0}.flow-shell label{font-size:11px}
 #menu[data-screen=home] .flow-brand{font-size:34px}#menu[data-screen=home] .flow-page h2{font-size:10px}#menu[data-screen=home] .home-actions{gap:7px;margin-top:8px}#menu[data-screen=home] .home-actions button{min-height:49px;padding:9px 12px;gap:9px}#menu[data-screen=home] .home-actions button:first-child{min-height:65px}#menu[data-screen=home] .home-actions button:last-child{min-height:40px!important}.home-actions strong{font-size:13px}.home-actions small{font-size:9px;margin-top:3px}.home-actions button:first-child strong{font-size:22px}.home-actions button:first-child small{font-size:10px}.home-actions .action-number{font-size:8px}#menu[data-screen=home] .flow-footer{padding-top:7px}#menu[data-screen=home] #flow-hint{font-size:8px}#menu[data-screen=home] .home-stamp{bottom:9vh;gap:9px}
 .flow-shell [id^=cats]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.flow-shell [id^=cats] button{height:113px!important}.flow-shell [id^=cats] button img{height:62px}.flow-shell [id^=cats] button strong{font-size:13px}.flow-shell [id^=cats] button small{font-size:8px;min-height:20px}.flow-name{gap:10px;padding:8px}.flow-name input{min-height:32px}.flow-name button{min-height:32px}.flow-shell #levels{gap:9px}.flow-shell .level-card{min-height:92px;grid-template-rows:35px auto;padding:9px}.flow-shell .level-card strong{font-size:12px}.flow-shell .level-card small{font-size:8px;margin-top:3px}.flow-shell .level-card svg{height:37px}.flow-shell .level-card .level-icon{font-size:26px}#race-recap{grid-template-columns:1fr 1fr;margin:12px 0;gap:8px}#race-recap div{padding:9px}#race-recap strong{font-size:14px}.flow-shell #controller{font-size:10px}.flow-shell #start{padding:11px 18px;font-size:13px}.phone .flow-header{padding-right:90px}
 #pause{padding:12px max(20px,calc((100vw - 650px)/2))}#pause button{display:inline-block;width:46%;margin:5px;min-height:40px;font-size:13px;padding:10px}#pause h2{margin:8px 0;font-size:28px}
}
@media(max-width:700px){.flow-shell #levels{grid-template-columns:1fr 1fr}.flow-steps{gap:14px}.flow-steps span{font-size:10px}.flow-shell .volume-row{grid-template-columns:70px 45px minmax(80px,1fr)}#menu[data-screen=home] .flow-shell{max-width:65vw}.home-stamp{display:none!important}.flow-header{gap:10px}#flow-progress{font-size:9px;letter-spacing:1px}.flow-shell [id^=cats] button small{font-size:8px}}
@media(max-width:600px) and (min-height:601px){#menu.flow-menu{padding:16px}.flow-shell{width:100%;height:calc(100dvh - 32px)}#menu[data-screen=home] .flow-shell{max-width:100%;width:100%;max-height:calc(100dvh - 32px)}#menu[data-screen=home] .flow-brand{font-size:52px}.flow-page{padding:22px 18px}.flow-header{padding:16px 20px}.flow-steps{padding:0 18px;gap:10px}.flow-steps span{font-size:9px;gap:5px}.flow-footer{padding:12px 18px}.flow-shell [id^=cats]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.flow-name input{max-width:100%;width:100%}.flow-name button{margin-left:0}.flow-shell select{max-width:65%;font-size:12px}.flow-page h2{font-size:30px}.flow-shell #levels{grid-template-columns:1fr 1fr}.flow-shell .level-card strong{font-size:13px}#race-recap{grid-template-columns:1fr}.home-actions small{font-size:10px}.flow-footer #flow-hint{display:none}}
@media(prefers-reduced-motion:reduce){.flow-shell *{transition:none!important;scroll-behavior:auto!important}}
/* Fullscreen controls work independently of the touch-control breakpoint. */
#menu-fullscreen{font-size:11px;white-space:nowrap;min-height:36px;padding:8px 10px}
#menu[data-screen=home] #menu-fullscreen{background:#153b50d9;color:#fff;border-color:#c4dce966;font-size:11px}
#menu[data-screen=home] .flow-footer{flex-wrap:wrap}
#mobile-fullscreen,.phone #mobile-fullscreen{display:block!important;position:fixed;right:max(14px,env(safe-area-inset-right));top:100px;z-index:120;background:#153747ed;color:#fff;padding:10px 14px;border:1px solid #cde4f488;border-radius:9px;font-size:12px;min-height:42px}
#mobile-fullscreen[hidden],.phone #mobile-fullscreen[hidden]{display:none!important}
#fullscreen-help,.phone #fullscreen-help{display:block;position:fixed;z-index:320;inset:15% max(20px,calc((100vw - 620px)/2));background:var(--menu-paper);color:var(--menu-ink);padding:24px;border:0;border-radius:16px;overflow:auto;box-shadow:0 0 0 100vmax #06192cbb}
#fullscreen-help[hidden]{display:none!important}#fullscreen-help>strong{font-size:25px;font-style:italic}#fullscreen-help p{font-size:14px;line-height:1.6}#fullscreen-help button{background:var(--menu-yellow);border:0;border-radius:8px;padding:12px 20px;color:var(--menu-ink);font-weight:800}
@media(max-height:480px){#menu-fullscreen{min-height:30px;font-size:10px;padding:6px 9px}.flow-footer{gap:10px}#mobile-fullscreen,.phone #mobile-fullscreen{top:66px;right:10px;min-height:34px;padding:7px 10px;font-size:10px}#fullscreen-help,.phone #fullscreen-help{inset:7% 12%;padding:18px}#fullscreen-help p{font-size:12px}}
.phone #menu[data-screen=home] .home-stamp{display:none}
.flow-shell :is(#cats,#cats2,#cats3,#cats4) button{background:radial-gradient(ellipse at 50% 35%,#d4e8e4,#e5ebea);border:2px solid #bacbc8;border-radius:10px}
.flow-shell :is(#cats,#cats2,#cats3,#cats4) button.selected{background:radial-gradient(ellipse at 50% 35%,#fff2b9,#ffe38a);border-color:#ab791b;box-shadow:inset 0 -4px 0 #c69425;transform:none}
@media(max-width:1100px) and (max-height:600px){#menu[data-screen=home] .home-stamp{display:none}}
.menu-icon{width:28px;height:28px;flex:none}.home-actions .menu-icon{margin-left:auto;align-self:center;width:27px;height:27px;color:#37596a}.home-actions button:first-child .menu-icon{width:42px;height:42px;color:#23495c}
.format-picker{position:relative;margin:16px 0 20px}.format-picker>label{font-size:10px;letter-spacing:2px}.native-format{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%);opacity:0;pointer-events:none}
.format-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.flow-shell .format-cards button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;min-height:144px;padding:18px;border:2px solid #c8d5d2}.format-cards strong{font-size:17px;letter-spacing:-.4px}.format-cards small{font-size:11px;font-weight:500;color:var(--menu-muted)}.format-cards .menu-icon{width:31px;height:31px;color:#33677a}.flow-shell .format-cards [aria-pressed=true]{background:#fff0bb;border-color:#ae7d23;box-shadow:inset 0 -4px 0 #d7aa40}
@media(max-height:700px){.format-picker{margin:10px 0 14px}.format-cards{gap:10px;margin-top:8px}.flow-shell .format-cards button{min-height:112px;padding:12px;gap:7px}.format-cards strong{font-size:15px}.format-cards small{font-size:10px}.format-cards .menu-icon{width:26px;height:26px}}
@media(max-height:480px){.flow-shell .format-cards button{min-height:92px;padding:10px;gap:5px}.format-cards strong{font-size:13px}.format-cards .menu-icon{width:23px;height:23px}.format-cards small{font-size:9px}.home-actions .menu-icon{width:23px;height:23px}.home-actions button:first-child .menu-icon{width:31px;height:31px}}
@media(max-width:600px) and (min-height:601px){.format-cards{grid-template-columns:1fr}.flow-shell .format-cards button{min-height:95px;display:grid;grid-template-columns:38px 1fr;gap:5px 12px}.format-cards .menu-icon{grid-row:1/3}.format-cards strong,.format-cards small{grid-column:2}}