/* A5 proposal: two score-driven lanes, readable questions and persistent navigation. */
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined{background:linear-gradient(#d7f4ff,#f4fff2 65%,#fff5df);min-height:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-screenhead{padding:12px 18px;min-height:84px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-screenhead>div{min-width:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-goal-pill{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 5px;padding:6px 12px;border:2px solid #fff;border-radius:15px;background:#fff9d2;color:#795810;font-size:21px;line-height:1.2;flex-shrink:0;box-shadow:0 3px 0 #0281d144}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-goal-pill b{font-size:24px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-goal-pill small{grid-column:1/-1;font-size:12px;text-align:center}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lesson-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px 0;min-height:44px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-topic-pill{font-size:15px;font-weight:700;line-height:1.4;color:#3d598b}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lesson-bar button{min-height:38px;background:#fffdf5;border:1px solid #d8deed;border-radius:12px;padding:7px 11px;color:#5c4b9b;font-size:14px;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-play-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:14px 16px 16px;align-items:start}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-racing-card{min-width:0;overflow:hidden;border:3px solid #fff;border-radius:23px;background:#fffef4;box-shadow:0 4px 0 #c2dfdc}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;background:linear-gradient(#fff2a2,#ffe584);color:#414580;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-card-title strong{font-size:16px;white-space:nowrap}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-card-title>span{font-size:11px;max-width:165px;text-align:right}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 [data-ppl-race-toggle]{display:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-v2-race-arena{border:0;border-radius:0;width:100%;max-width:none;margin:0;overflow:hidden;background:none;box-shadow:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-v2-race-scene{position:relative;aspect-ratio:auto;width:100%;max-width:none;height:clamp(240px,31dvh,300px);min-height:0;max-height:none;margin:0;background-color:#657184;background-image:url('../images/mockup-v214/racing-city.webp');background-size:cover;background-position:center 38%;overflow:hidden}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lane{position:absolute;left:0;right:0;top:42%;height:28%;background:linear-gradient(0deg,#5cb7fa10,#85c8ff20);border-top:2px solid #d5ebff70;border-bottom:2px solid #eaf3ff77;pointer-events:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lane:after{content:"";position:absolute;left:0;right:0;top:65%;border-top:3px dashed #ffffe8b3}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lane-ai{top:70%;background:linear-gradient(0deg,#ffbd8610,#ffb78312)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lane>span{display:inline-block;position:absolute;top:3px;left:40%;border-radius:20px;background:#eef9ffed;color:#24569a;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.4;z-index:4}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lane-ai>span{background:#fff2e2ed;color:#9b4d30}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-finish-stripe{position:absolute;right:7%;top:42%;height:56%;width:22px;background:conic-gradient(#fff 25%,#21324c 0 50%,#fff 0 75%,#21324c 0) 0 0/22px 24px;border-inline:2px solid #fdf6d5;box-shadow:0 0 0 2px #36415d44;z-index:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-v2-paths{position:absolute;inset:0;width:100%;height:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-v2-racer{position:absolute;width:24%;height:34%;max-width:140px;max-height:none;object-fit:contain;z-index:5;filter:drop-shadow(0 4px 2px #14234766);transition:left .48s ease,top .48s ease;pointer-events:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;background:#fffdf0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard>div{background:#f0f8ff;border:1px solid #cfe1f3;border-radius:13px;padding:8px;min-width:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard>.race-score-ai{background:#fff2e8;border-color:#f0d8c2}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard>div>div:first-child{display:flex;align-items:center;gap:5px;margin-bottom:7px;font-size:13px;line-height:1.3;color:#344e89}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard strong{font-size:13px;flex:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard b{font-size:14px;white-space:nowrap}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-score-dot{width:10px;height:10px;border-radius:50%;background:#2599e4;flex-shrink:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-score-ai .race-score-dot{background:#ec6e3e}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-score-meter{height:8px;border:1px solid #cfdbed;border-radius:20px;background:#dce5f1;overflow:hidden}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-score-meter>span{display:block;height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,#61d7ff,#3988e6);transition:width .48s ease}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-score-ai .race-score-meter>span{background:linear-gradient(90deg,#ffc45e,#ee7956)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-player-caption{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px 10px;font-size:13px;color:#667599;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-player-caption strong{color:#35528a}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-question-column{min-width:0;display:flex;flex-direction:column;gap:12px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210[data-ppl-view="race"] .race-question-column>.ppl-quiz{grid-area:auto;width:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-quiz{position:relative;display:flex;flex-direction:column;gap:0;border:3px solid #fff;border-radius:23px;background:linear-gradient(#fffef8,#fffaf0);padding:16px;margin:0;box-shadow:0 4px 0 #d9d9eb;min-width:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-quizmeta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;font-size:14px;color:#647391;line-height:1.4;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-topic-qimage{display:grid;place-items:center;height:60px;min-height:0;max-height:none;margin:8px 0 5px;font-size:43px;line-height:1.2;background:none;border:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210[data-ppl-view="race"] .race-refined .ppl-equation{font-size:32px!important;line-height:1.3!important;margin:6px 0 12px;padding:0;color:#293a89;overflow-wrap:anywhere;text-align:center}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-answers button{min-width:0;min-height:64px;border:2px solid #fff7bc;border-radius:15px;background:linear-gradient(#fff26e,#ffda29);box-shadow:0 4px 0 #d6a823;padding:10px 8px;color:#28398a;font-size:28px;line-height:1.3;font-weight:700;overflow-wrap:anywhere;white-space:normal}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-answers.race-long-answers{grid-template-columns:minmax(0,1fr);gap:9px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .race-long-answers button{font-size:22px;min-height:52px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-answers button.ppl-correct{background:linear-gradient(#d4ffa7,#8cdf91);border-color:#8ad79c;color:#235c48;box-shadow:0 4px 0 #58a676;opacity:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-answers button.ppl-wrong{background:#ffdad6;border-color:#e48e88;color:#933e43;box-shadow:0 4px 0 #d98680;opacity:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-answers button.ppl-correct:after{content:" ✓"}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-answers button.ppl-wrong:after{content:" ✕"}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-feedback-slot{min-height:54px;display:grid;align-items:center;padding:10px 0 0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-feedback{font-size:16px;line-height:1.5;min-height:0;padding:7px 9px;border-radius:12px;background:#eef6fd;color:#546a8c;text-align:center;margin:0;overflow-wrap:anywhere}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-feedback[data-result=right]{background:#e4f8df;color:#2c7453}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-feedback[data-result=wrong]{background:#fff0e3;color:#97582a}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-voicebtn{align-self:center;min-height:44px;margin:10px 0 0;padding:8px 14px;border:1px solid #ddd8ee;background:#f5f1fb;color:#70698a;border-radius:12px;font-size:14px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-play-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-play-actions button{min-height:44px;border:2px solid #fff;border-radius:13px;background:#fffdf5;color:#5e4a9c;font-size:15px;padding:9px 14px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-play-actions>span{font-size:13px;color:#7184a0;text-align:right}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-end{display:grid;justify-items:center;text-align:center;gap:13px;background:#fffdf5;border:3px solid #fff;border-radius:23px;padding:28px 16px;color:#30488c;box-shadow:0 4px 0 #d9d9eb}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-result-icon{font-size:70px;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-end h3{font-size:28px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-end p{font-size:16px;line-height:1.5}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-end button{font-size:18px;min-height:48px;border-radius:13px}
body.ppl-standalone #playlab-application>.ppl-app.ppl-mockup-v2.race-settings-open>.ppl-shell{overflow-y:hidden!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100dvh - 24px);width:min(510px,calc(100vw - 24px));max-width:none;border:3px solid #fff;border-radius:23px;padding:0;background:#fffdf5;color:#344989;overflow:hidden;font-family:inherit}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog:not([open]){display:none!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.race-settings-dialog::backdrop{background:#142a5180}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:linear-gradient(#9160dc,#733dc8);color:#fff}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog h2{font-size:23px;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog header button{width:44px;height:44px;border:1px solid #fff;border-radius:12px;background:#fff;color:#6e4aab;font-size:20px;flex-shrink:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-body{padding:16px;overflow:auto;overscroll-behavior:contain;font-size:16px;line-height:1.5}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog fieldset{padding:0;margin:0 0 14px;border:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog legend{font-size:17px;font-weight:700;padding:0;margin-bottom:8px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog label{display:flex;align-items:center;gap:9px;padding:10px;margin-bottom:7px;border:2px solid #e2dced;border-radius:13px;background:#fff;min-height:48px;font-size:15px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog label:has(input:checked){background:#efe5ff;border-color:#a17ae2}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog input{accent-color:#8545ca;width:19px;height:19px;margin:0;flex-shrink:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-level-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-level-options label{flex-direction:column;justify-content:center;font-size:14px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-body p{font-size:13px;color:#6e7e98;line-height:1.5}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog>footer{padding:12px 16px;border-top:1px solid #e7dfef;display:flex;justify-content:space-between;gap:10px;background:#fff}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog footer button{min-height:44px;padding:10px 14px;border:1px solid #ddd5ed;border-radius:13px;background:#f7f3fe;color:#6c4d9e;font-size:14px;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog [data-ppl-race-apply]{background:#8147d1;color:#fff}
@media(max-width:899px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-play-grid{gap:12px;padding:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-card-title{display:block;padding:9px 10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-card-title>span{display:block;max-width:none;text-align:left;margin-top:2px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard{padding:8px;gap:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard>div{padding:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard strong{font-size:11px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard b{font-size:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-score-dot{display:none}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-player-caption{font-size:11px;gap:4px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-quiz{padding:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-play-actions>span{display:none}
}
@media(max-width:599px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-screenhead{min-height:72px;padding:9px 10px;gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-screenhead h2{font-size:22px;line-height:1.3}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-screenhead p{font-size:13px;line-height:1.4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-goal-pill{font-size:17px;padding:5px 8px;gap:0 3px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-goal-pill b{font-size:20px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-goal-pill small{font-size:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lesson-bar{padding:6px 10px 0;gap:6px;min-height:42px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-topic-pill{font-size:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lesson-bar button{font-size:12px;min-height:36px;padding:6px 8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-play-grid{grid-template-columns:minmax(0,1fr);gap:10px;padding:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-racing-card{border-radius:18px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-card-title strong{font-size:13px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-card-title>span{display:none}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 [data-ppl-race-toggle]{display:block;font-size:12px;font-weight:700;min-height:36px;padding:6px 9px;border:1px solid #e7cd6a;border-radius:10px;background:#fffbea;color:#594c8e}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-compact .ppl-v2-race-arena{display:none!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-v2-race-scene{height:128px;background-position:center 32%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-v2-racer{width:24%;height:36%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lane>span{font-size:8px;padding:1px 5px;top:1px;left:40%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lane:after{border-top-width:2px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-finish-stripe{width:15px;background-size:15px 16px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard{padding:6px;gap:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard>div{padding:5px 6px;border-radius:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard>div>div:first-child{margin-bottom:4px;gap:4px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard strong{font-size:11px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-scoreboard b{font-size:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-score-meter{height:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-player-caption{display:none}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-question-column{gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-quiz{padding:10px;border-radius:18px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-quizmeta{min-height:40px;padding-right:47px;font-size:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-topic-qimage{height:35px;font-size:30px;margin:2px 0 4px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210[data-ppl-view="race"] .race-refined .ppl-equation{font-size:29px!important;margin:4px 0 9px;line-height:1.25!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-answers{gap:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-answers button{font-size:26px;min-height:49px;padding:7px 5px;border-radius:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .race-long-answers button{font-size:20px;min-height:48px;padding:9px 7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-feedback-slot{padding-top:8px;min-height:41px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-feedback{font-size:13px;padding:5px 7px;line-height:1.4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-voicebtn{position:absolute;top:9px;right:9px;min-height:40px;height:40px;width:40px;padding:5px;margin:0;font-size:0;border-radius:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-voicebtn:before{content:"🔊";font-size:19px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-play-actions button{min-height:42px;font-size:13px;padding:8px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-play-actions{min-height:42px;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.race-refined *{animation:none!important;transition:none!important}}

/* Production state and school topic controls. */
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-statepanel{margin:0;padding:24px 16px;border:3px solid white;border-radius:23px;background:#fffdf4;box-shadow:0 4px 0 #d9d9eb;text-align:center}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-statepanel h3{font-size:26px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-statepanel p{font-size:17px;line-height:1.5;margin:12px 0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-statepanel button{font-size:20px;min-height:50px;padding:12px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-topic-pill{flex:1;min-width:0;overflow-wrap:anywhere}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-lesson-bar .race-audio-toggle{flex-shrink:0;min-height:40px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-topic-qimage img{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;margin:auto}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-audio-status{position:static;width:100%;margin:6px 0 0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-audio-status:empty{display:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined :is(.ppl-statepanel,.ppl-quiz,.ppl-end)[hidden]{display:none!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog{width:min(740px,calc(100vw - 24px))}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog .ppl-topic-pick{margin:0 0 15px;padding:0;background:none;border:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog .ppl-topic-pick h3{font-size:19px;margin:0 0 12px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog :is(.ppl-topic-subject,.ppl-topic-tile,.ppl-levels button){font-size:15px;min-height:48px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog .ppl-topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog .ppl-topic-tile{min-width:0;white-space:normal;overflow-wrap:anywhere}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog .ppl-topic-tile strong{font-size:16px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog .ppl-topic-tile small{font-size:13px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog .ppl-levels{display:flex;gap:8px;margin:0;flex-wrap:wrap}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog .ppl-levels button{flex:1}
.race-refined button:focus-visible{outline:3px solid #7f3cce;outline-offset:3px}
@media(max-width:599px){



 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-statepanel{padding:14px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-refined .ppl-statepanel h3{font-size:23px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .race-settings-dialog .ppl-topic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}