/* Scoped to the standalone Fumble hero and illustration wait UI. */
.fumble-intro .language-picker{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;width:fit-content;max-width:100%;margin:18px 0 0;padding:10px 14px;border:1px solid #cbb08b;border-radius:12px;background:#fff9ed;box-shadow:0 3px 8px rgba(48,35,24,.06)}
.fumble-intro .language-picker label{font-size:15px;font-weight:700;color:#742436;line-height:1.4}
.fumble-intro .language-picker select{width:180px;max-width:100%;min-height:46px;font-size:16px;color:#593d2d;border:1px solid #b39473;background-color:#fffdf7}
@media(max-width:640px){.fumble-intro .language-picker{margin:14px auto 4px;justify-content:center;width:100%;padding:10px}.fumble-intro .language-picker select{flex:1;min-width:125px;max-width:195px}.fumble-intro .language-picker label{flex-shrink:0}}

/* Estimated image wait, shown only after the text card has rendered. */
#illustration-feedback{margin:18px 0;padding:20px;border:2px solid #9d5060;border-radius:14px;background:#fff6e8;color:#622133;box-shadow:0 4px 12px rgba(70,31,22,.08);overflow-wrap:anywhere}
#illustration-feedback[hidden],#illustration-timer-wrap[hidden]{display:none}
#illustration-feedback #illustration-status{margin:0;font-size:clamp(20px,2.2vw,25px);font-weight:750;line-height:1.4;color:#622133}
#illustration-timer{display:block;margin:14px 0;font-size:clamp(24px,2.8vw,32px);font-weight:800;line-height:1.3;color:#742436;font-variant-numeric:tabular-nums}
#illustration-progress{height:16px;width:100%;overflow:hidden;border:1px solid #b88763;border-radius:999px;background:#ead3b6}
#illustration-progress span{display:block;width:0%;height:100%;border-radius:999px;background:#742436;transition:width .4s ease}
#illustration-wait-note{margin:12px 0 0;font-size:15px;line-height:1.5;color:#593d2d}
#illustration-feedback[data-state="failed"]{border-color:#b88763;background:#fff9ef}
#illustration-feedback[data-state="failed"] #illustration-status{font-size:18px}
@media(max-width:640px){#illustration-feedback{padding:16px;margin:16px 0}#illustration-progress{height:18px}}
@media(prefers-reduced-motion:reduce){#illustration-progress span{transition:none}}

/* CSS attribute steps avoid inline styles under the strict CSP. Estimate caps at 95 until success. */
#illustration-progress[data-estimate="0"] span{width:0%}
#illustration-progress[data-estimate="1"] span{width:1%}
#illustration-progress[data-estimate="2"] span{width:2%}
#illustration-progress[data-estimate="3"] span{width:3%}
#illustration-progress[data-estimate="4"] span{width:4%}
#illustration-progress[data-estimate="5"] span{width:5%}
#illustration-progress[data-estimate="6"] span{width:6%}
#illustration-progress[data-estimate="7"] span{width:7%}
#illustration-progress[data-estimate="8"] span{width:8%}
#illustration-progress[data-estimate="9"] span{width:9%}
#illustration-progress[data-estimate="10"] span{width:10%}
#illustration-progress[data-estimate="11"] span{width:11%}
#illustration-progress[data-estimate="12"] span{width:12%}
#illustration-progress[data-estimate="13"] span{width:13%}
#illustration-progress[data-estimate="14"] span{width:14%}
#illustration-progress[data-estimate="15"] span{width:15%}
#illustration-progress[data-estimate="16"] span{width:16%}
#illustration-progress[data-estimate="17"] span{width:17%}
#illustration-progress[data-estimate="18"] span{width:18%}
#illustration-progress[data-estimate="19"] span{width:19%}
#illustration-progress[data-estimate="20"] span{width:20%}
#illustration-progress[data-estimate="21"] span{width:21%}
#illustration-progress[data-estimate="22"] span{width:22%}
#illustration-progress[data-estimate="23"] span{width:23%}
#illustration-progress[data-estimate="24"] span{width:24%}
#illustration-progress[data-estimate="25"] span{width:25%}
#illustration-progress[data-estimate="26"] span{width:26%}
#illustration-progress[data-estimate="27"] span{width:27%}
#illustration-progress[data-estimate="28"] span{width:28%}
#illustration-progress[data-estimate="29"] span{width:29%}
#illustration-progress[data-estimate="30"] span{width:30%}
#illustration-progress[data-estimate="31"] span{width:31%}
#illustration-progress[data-estimate="32"] span{width:32%}
#illustration-progress[data-estimate="33"] span{width:33%}
#illustration-progress[data-estimate="34"] span{width:34%}
#illustration-progress[data-estimate="35"] span{width:35%}
#illustration-progress[data-estimate="36"] span{width:36%}
#illustration-progress[data-estimate="37"] span{width:37%}
#illustration-progress[data-estimate="38"] span{width:38%}
#illustration-progress[data-estimate="39"] span{width:39%}
#illustration-progress[data-estimate="40"] span{width:40%}
#illustration-progress[data-estimate="41"] span{width:41%}
#illustration-progress[data-estimate="42"] span{width:42%}
#illustration-progress[data-estimate="43"] span{width:43%}
#illustration-progress[data-estimate="44"] span{width:44%}
#illustration-progress[data-estimate="45"] span{width:45%}
#illustration-progress[data-estimate="46"] span{width:46%}
#illustration-progress[data-estimate="47"] span{width:47%}
#illustration-progress[data-estimate="48"] span{width:48%}
#illustration-progress[data-estimate="49"] span{width:49%}
#illustration-progress[data-estimate="50"] span{width:50%}
#illustration-progress[data-estimate="51"] span{width:51%}
#illustration-progress[data-estimate="52"] span{width:52%}
#illustration-progress[data-estimate="53"] span{width:53%}
#illustration-progress[data-estimate="54"] span{width:54%}
#illustration-progress[data-estimate="55"] span{width:55%}
#illustration-progress[data-estimate="56"] span{width:56%}
#illustration-progress[data-estimate="57"] span{width:57%}
#illustration-progress[data-estimate="58"] span{width:58%}
#illustration-progress[data-estimate="59"] span{width:59%}
#illustration-progress[data-estimate="60"] span{width:60%}
#illustration-progress[data-estimate="61"] span{width:61%}
#illustration-progress[data-estimate="62"] span{width:62%}
#illustration-progress[data-estimate="63"] span{width:63%}
#illustration-progress[data-estimate="64"] span{width:64%}
#illustration-progress[data-estimate="65"] span{width:65%}
#illustration-progress[data-estimate="66"] span{width:66%}
#illustration-progress[data-estimate="67"] span{width:67%}
#illustration-progress[data-estimate="68"] span{width:68%}
#illustration-progress[data-estimate="69"] span{width:69%}
#illustration-progress[data-estimate="70"] span{width:70%}
#illustration-progress[data-estimate="71"] span{width:71%}
#illustration-progress[data-estimate="72"] span{width:72%}
#illustration-progress[data-estimate="73"] span{width:73%}
#illustration-progress[data-estimate="74"] span{width:74%}
#illustration-progress[data-estimate="75"] span{width:75%}
#illustration-progress[data-estimate="76"] span{width:76%}
#illustration-progress[data-estimate="77"] span{width:77%}
#illustration-progress[data-estimate="78"] span{width:78%}
#illustration-progress[data-estimate="79"] span{width:79%}
#illustration-progress[data-estimate="80"] span{width:80%}
#illustration-progress[data-estimate="81"] span{width:81%}
#illustration-progress[data-estimate="82"] span{width:82%}
#illustration-progress[data-estimate="83"] span{width:83%}
#illustration-progress[data-estimate="84"] span{width:84%}
#illustration-progress[data-estimate="85"] span{width:85%}
#illustration-progress[data-estimate="86"] span{width:86%}
#illustration-progress[data-estimate="87"] span{width:87%}
#illustration-progress[data-estimate="88"] span{width:88%}
#illustration-progress[data-estimate="89"] span{width:89%}
#illustration-progress[data-estimate="90"] span{width:90%}
#illustration-progress[data-estimate="91"] span{width:91%}
#illustration-progress[data-estimate="92"] span{width:92%}
#illustration-progress[data-estimate="93"] span{width:93%}
#illustration-progress[data-estimate="94"] span{width:94%}
#illustration-progress[data-estimate="95"] span{width:95%}
#illustration-progress[data-estimate="96"] span{width:96%}
#illustration-progress[data-estimate="97"] span{width:97%}
#illustration-progress[data-estimate="98"] span{width:98%}
#illustration-progress[data-estimate="99"] span{width:99%}
#illustration-progress[data-estimate="100"] span{width:100%}