.speech-room-map{grid-template-columns:repeat(3,1fr)!important}
.site-header .brand{display:grid!important;grid-auto-flow:row!important;justify-items:center!important;align-content:center!important;min-width:166px;min-height:50px;padding:0!important;border:0!important;background:transparent!important;color:var(--ink)}
.site-header .brand .brand-mark,.site-header .brand>span:not(.brand-mark){display:none!important}
.site-header .brand:before{content:"";display:block;width:164px;height:48px;background:url("./brand-8na7-logo.png") center/contain no-repeat}
@media(max-width:720px){.site-header .brand{min-width:154px;min-height:46px}.site-header .brand:before{width:154px;height:45px}.site-header{grid-template-columns:48px 1fr 48px!important}}
@media(max-width:380px){.site-header .brand{min-width:140px}.site-header .brand:before{width:140px;height:41px}}
@media(max-width:720px){.trainer-library{padding:18px 0 42px!important}.trainer-library-head{text-align:center!important;margin-bottom:18px!important}.trainer-library-head h1{font-size:clamp(1.75rem,8.4vw,2.15rem)!important;line-height:1!important}.trainer-library-head p{margin:5px auto 0!important;font-size:.88rem!important;line-height:1.25!important}.trainer-library-head:after{content:"";display:block;width:46px;height:3px;margin:11px auto 0;border-radius:999px;background:#17b6a6;opacity:.24}.trainer-grid{gap:10px!important}.trainer-tile{grid-template-rows:108px 82px!important;min-height:190px!important}.trainer-tile-body{grid-template-rows:auto auto!important;align-content:start!important;gap:5px!important;padding:12px 15px 10px!important}.trainer-tile-body strong{font-size:1.16rem!important;line-height:1.14!important}.trainer-tile-body small{align-self:start!important;font-size:.9rem!important;line-height:1.2!important}.trainer-tile-star{display:none!important}.trainer-tile-art .shape-one{font-size:2.55rem!important}.trainer-tile-art .shape-two{font-size:2.75rem!important}.trainer-tile-art .shape-three{font-size:2.18rem!important}.trainer-tile-art b{font-size:2.18rem!important}}
@media(max-width:380px){.trainer-library{padding-top:16px!important}.trainer-library-head h1{font-size:1.75rem!important}.trainer-library-head p{font-size:.84rem!important}.trainer-tile{grid-template-rows:100px 78px!important;min-height:178px!important}.trainer-tile-body{padding:11px 14px 9px!important}.trainer-tile-body strong{font-size:1.1rem!important}.trainer-tile-body small{font-size:.86rem!important}}
.quick-register-card{display:grid;gap:8px;margin-top:16px;padding:14px;border:1px solid rgba(23,182,166,.22);border-radius:8px;background:linear-gradient(180deg,rgba(23,182,166,.08),rgba(255,255,255,.96));color:var(--ink)}
.quick-register-card strong{font-size:1rem;line-height:1.2}
.quick-register-card span{font-size:.92rem;line-height:1.35;color:var(--muted)}
.quick-register-card button,.account-register-submit,.install-app-action{min-height:44px;border:0;border-radius:8px;background:#19b86f;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.quick-register-card button:hover,.account-register-submit:hover,.install-app-action:hover{filter:brightness(.96)}
.account-modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.34);backdrop-filter:blur(8px)}
.account-modal{position:relative;display:grid;gap:12px;width:min(430px,100%);border:1px solid rgba(17,24,39,.12);border-radius:8px;background:#fff;padding:20px;box-shadow:0 24px 70px rgba(17,24,39,.18);color:var(--ink)}
.account-modal h2{margin:0;padding-right:36px;font-size:1.45rem;line-height:1.15}
.account-modal p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.4}
.account-modal label{display:grid;gap:7px;font-size:.84rem;font-weight:800;color:var(--muted)}
.account-modal input{width:100%;min-height:46px;border:1px solid rgba(17,24,39,.14);border-radius:8px;background:#fff;padding:0 12px;color:var(--ink);font:inherit;font-size:1rem}
.account-modal input:focus{outline:2px solid rgba(23,182,166,.22);border-color:#17b6a6}
.account-login-link{min-height:40px;border:0;background:transparent;color:#147a71;font:inherit;font-weight:800;cursor:pointer}
.account-modal-close{position:absolute;right:10px;top:10px;width:36px;height:36px;border:1px solid rgba(17,24,39,.1);border-radius:8px;background:#fff;color:var(--muted);font-size:1.45rem;line-height:1;cursor:pointer}
.account-modal-error{min-height:1.2em;color:#ef5b45;font-size:.88rem;font-weight:800}
.install-app-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:900;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;width:min(760px,calc(100% - 24px));margin:auto;border:1px solid rgba(17,24,39,.12);border-radius:8px;background:#fff;padding:10px 10px 10px 14px;box-shadow:0 16px 50px rgba(17,24,39,.16);color:var(--ink)}
.install-app-banner span{font-size:.95rem;font-weight:800;line-height:1.2}
.install-app-dismiss{width:42px;height:42px;border:1px solid rgba(17,24,39,.1);border-radius:8px;background:#fff;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer}
.install-site-link{display:block;overflow-wrap:anywhere;border:1px solid rgba(23,182,166,.2);border-radius:8px;background:rgba(23,182,166,.08);padding:12px;color:#147a71;font-weight:800;text-decoration:none}
.trainer-play-mode .install-app-banner{display:none}
@media(max-width:520px){.install-app-banner{grid-template-columns:1fr auto;padding:12px}.install-app-banner span{grid-column:1/-1;padding-right:34px}.install-app-dismiss{position:absolute;right:8px;top:8px;width:34px;height:34px}.account-modal{padding:18px 14px}.account-modal h2{font-size:1.28rem}.quick-register-card{margin-top:12px;padding:12px}}
.dashboard-compact{grid-template-columns:1fr!important}
.dashboard-compact .sidebar,.dashboard-compact .cards-row{display:none!important}
.dashboard-compact .workspace{gap:14px!important}
.dashboard-compact .workspace-head{align-items:center!important;gap:12px!important;margin-bottom:0!important}
.dashboard-compact .workspace-head h1{font-size:clamp(1.35rem,3vw,1.9rem)!important;line-height:1.1!important}
.dashboard-compact .workspace-head p{margin-top:4px!important;font-size:.92rem!important;line-height:1.3!important}
.dashboard-compact .stat-grid{grid-template-columns:repeat(4,minmax(120px,1fr))!important;gap:10px!important}
.dashboard-compact .metric{min-height:auto!important;padding:14px!important;border-radius:8px!important}
.dashboard-compact .metric span{font-size:.72rem!important}
.dashboard-compact .metric strong{font-size:1.45rem!important;line-height:1!important}
.dashboard-compact .history-panel{padding:16px!important;border-radius:8px!important}
.dashboard-compact .history-panel h2{margin-bottom:10px!important;font-size:1.05rem!important}
.admin-page .workspace-head p{max-width:620px!important}
.admin-page .create-user{grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) minmax(130px,.8fr) auto!important;align-items:end!important}
.admin-page .user-table{display:grid!important;gap:10px!important}
.admin-page .user-row{grid-template-columns:minmax(180px,1.2fr) 90px 72px minmax(240px,auto)!important;gap:10px!important;align-items:center!important;border-radius:8px!important}
.admin-page .user-row.inactive{opacity:.68}
.admin-user-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.admin-user-actions button{min-height:36px;border:1px solid rgba(17,24,39,.12);border-radius:8px;background:#fff;padding:0 12px;color:var(--ink);font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}
.admin-user-actions .admin-toggle-user{border-color:rgba(23,182,166,.28);color:#147a71}
.admin-user-actions .admin-edit-user{border-color:rgba(25,118,210,.22);color:#1769aa}
.admin-user-actions .admin-delete-user{border-color:rgba(239,91,69,.26);background:rgba(239,91,69,.08);color:#d84732}
.admin-user-actions button:hover{filter:brightness(.97)}
.admin-analytics-mode .user-table{display:none!important}
.admin-analytics-mode .workspace-head{margin-bottom:14px!important}
.admin-analytics-mode .workspace-head p{max-width:760px!important}
.admin-analytics-mode .create-user{margin-bottom:16px!important;border:1px solid rgba(17,24,39,.08)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}
.admin-analytics-shell{display:grid;gap:16px;margin-top:8px}
.admin-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-overview-grid article{min-width:0;border:1px solid rgba(17,24,39,.08);border-radius:8px;background:#fff;padding:14px 16px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.admin-overview-grid span,.admin-overview-grid small{display:block;color:#64748b;font-size:.82rem;font-weight:800}
.admin-overview-grid strong{display:block;margin:4px 0;color:#111827;font-size:1.55rem;line-height:1}
.admin-analytics-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:16px;align-items:start}
.admin-users-panel,.admin-detail-panel{min-width:0;border:1px solid rgba(17,24,39,.08);border-radius:8px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.admin-users-panel{overflow:hidden}
.admin-panel-head,.admin-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px}
.admin-panel-head h2,.admin-detail-head h2{margin:0;color:#111827;font-size:1.15rem;line-height:1.15}
.admin-panel-head p,.admin-detail-head p{margin:4px 0 0;color:#64748b;font-size:.86rem}
.admin-create-focus,.admin-detail-actions button{min-height:38px;border:1px solid rgba(23,182,166,.24);border-radius:8px;background:#f0fdfa;color:#0f766e;padding:0 12px;font:inherit;font-size:.86rem;font-weight:900;cursor:pointer;white-space:nowrap}
.admin-user-table-head,.admin-user-summary{display:grid;grid-template-columns:minmax(150px,1.15fr) 106px 110px minmax(142px,1fr) minmax(142px,1fr) 128px 82px;gap:10px;align-items:center}
.admin-user-table-head{padding:10px 16px;border-top:1px solid rgba(17,24,39,.06);border-bottom:1px solid rgba(17,24,39,.06);background:#f8fafc;color:#64748b;font-size:.73rem;font-weight:900;text-transform:uppercase}
.admin-user-table{display:grid}
.admin-user-summary{width:100%;border:0;border-bottom:1px solid rgba(17,24,39,.06);background:#fff;padding:13px 16px;text-align:left;font:inherit;color:#111827;cursor:pointer}
.admin-user-summary:hover,.admin-user-summary.selected{background:#f7fbff}
.admin-user-summary.selected{box-shadow:inset 3px 0 0 #1976d2}
.admin-user-summary.inactive{opacity:.64}
.admin-user-main strong,.admin-user-main small,.admin-cell small,.admin-cell strong,.admin-trainer-cell span{display:block}
.admin-user-main strong{font-size:.95rem}
.admin-user-main small,.admin-cell small{color:#64748b;font-size:.76rem;font-weight:800}
.admin-cell{min-width:0;color:#334155;font-size:.86rem;font-weight:800}
.admin-cell>small{display:none}
.admin-trainer-cell strong{color:#111827;font-size:.84rem}
.admin-trainer-cell span{margin-top:2px;color:#64748b;font-size:.76rem;font-weight:800}
.admin-trainer-empty{display:inline-flex!important;align-items:center;min-height:24px;border-radius:999px;background:#f1f5f9;color:#64748b;padding:0 9px;font-size:.75rem;font-weight:900}
.admin-status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;padding:0 9px;font-size:.74rem;font-weight:900}
.admin-status.active{background:#ecfdf5;color:#047857}
.admin-status.blocked{background:#fff1f2;color:#be123c}
.admin-detail-panel{position:sticky;top:12px;padding-bottom:16px;overflow:hidden}
.admin-detail-head{padding-bottom:12px}
.admin-detail-head>div>span{display:block;margin-bottom:4px;color:#64748b;font-size:.76rem;font-weight:900;text-transform:uppercase}
.admin-registration-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 12px;padding:10px 12px;border-radius:8px;background:#f8fafc;color:#64748b;font-size:.83rem;font-weight:800}
.admin-registration-line strong{color:#111827;font-size:.86rem;text-align:right}
.admin-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 16px 12px}
.admin-detail-metrics div{border:1px solid rgba(17,24,39,.08);border-radius:8px;padding:10px;background:#fff}
.admin-detail-metrics span{display:block;color:#64748b;font-size:.72rem;font-weight:900}
.admin-detail-metrics strong{display:block;margin-top:3px;color:#111827;font-size:1.05rem}
.admin-detail-actions{display:flex;gap:8px;padding:0 16px 14px}
.admin-detail-actions button{flex:1}
.admin-detail-actions button:disabled{opacity:.45;cursor:not-allowed}
.admin-detail-toggle{border-color:rgba(239,91,69,.24)!important;background:#fff7ed!important;color:#c2410c!important}
.admin-trainer-details{display:grid;gap:10px;padding:0 16px 14px}
.admin-trainer-detail{border:1px solid rgba(17,24,39,.08);border-radius:8px;background:#fbfdff;padding:12px}
.admin-trainer-detail>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.admin-trainer-detail>div:first-child span{color:#1769aa;font-size:.86rem;font-weight:950}
.admin-trainer-detail>div:first-child strong{color:#111827;font-size:.88rem}
.admin-trainer-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.admin-trainer-detail dl div{min-width:0;border-radius:8px;background:#fff;padding:8px}
.admin-trainer-detail dt{color:#64748b;font-size:.72rem;font-weight:900}
.admin-trainer-detail dd{margin:2px 0 0;color:#111827;font-size:.9rem;font-weight:950}
.admin-recent-panel{padding:0 16px}
.admin-recent-panel h3{margin:0 0 8px;color:#111827;font-size:1rem}
.admin-recent-row{display:grid;grid-template-columns:1fr .9fr 58px 86px;gap:8px;align-items:center;border-top:1px solid rgba(17,24,39,.06);padding:9px 0;color:#64748b;font-size:.78rem;font-weight:800}
.admin-recent-row strong{color:#111827}
.admin-empty-note{margin:0;color:#64748b;font-size:.86rem}
@media(max-width:860px){.dashboard-compact .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-page .create-user{grid-template-columns:1fr!important}.admin-page .user-row{grid-template-columns:1fr!important;gap:8px!important}.admin-user-actions{justify-content:stretch}.admin-user-actions button{flex:1 1 130px}.dashboard-compact .workspace-head{align-items:stretch!important}.dashboard-compact .workspace-head .primary{width:100%!important}}
@media(max-width:520px){.dashboard-compact .workspace{gap:12px!important}.dashboard-compact .workspace-head h1{font-size:1.24rem!important}.dashboard-compact .workspace-head p{font-size:.86rem!important}.dashboard-compact .metric{padding:12px!important}.dashboard-compact .metric strong{font-size:1.26rem!important}.admin-page{padding-bottom:96px!important}.admin-page .workspace-head h1{font-size:1.45rem!important}.admin-page .workspace-head p{font-size:.88rem!important;line-height:1.35!important}.admin-page .user-row{padding:12px!important}.admin-user-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-user-actions .admin-delete-user{grid-column:1/-1}}
@media(max-width:1120px){.admin-analytics-grid{grid-template-columns:1fr}.admin-detail-panel{position:static}.admin-user-table-head,.admin-user-summary{grid-template-columns:minmax(160px,1.1fr) 106px 104px minmax(130px,1fr) minmax(130px,1fr) 118px 78px}}
@media(max-width:860px){.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel-head,.admin-detail-head{align-items:stretch;flex-direction:column}.admin-create-focus{width:100%}.admin-user-table-head{display:none}.admin-user-table{gap:10px;padding:0 12px 12px}.admin-user-summary{grid-template-columns:1fr;gap:8px;border:1px solid rgba(17,24,39,.08);border-radius:8px;padding:12px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.admin-user-summary.selected{box-shadow:inset 3px 0 0 #1976d2,0 8px 20px rgba(15,23,42,.05)}.admin-cell{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;align-items:start;font-size:.84rem}.admin-cell>small{display:block}.admin-trainer-cell{grid-template-columns:112px minmax(0,1fr)}.admin-status{justify-self:start}.admin-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-recent-row{grid-template-columns:1fr 74px}.admin-recent-row strong{grid-column:1/-1;grid-row:1}.admin-recent-row span:first-child{grid-column:1}.admin-recent-row span:last-child{text-align:right}}
@media(max-width:520px){.admin-analytics-shell{gap:12px}.admin-overview-grid{grid-template-columns:1fr 1fr;gap:8px}.admin-overview-grid article{padding:12px}.admin-overview-grid strong{font-size:1.28rem}.admin-users-panel,.admin-detail-panel{border-left:0;border-right:0;border-radius:0;margin-left:-12px;margin-right:-12px}.admin-panel-head,.admin-detail-head{padding:14px 12px}.admin-user-table{padding:0 12px 12px}.admin-cell{grid-template-columns:96px minmax(0,1fr)}.admin-detail-metrics,.admin-trainer-detail dl{grid-template-columns:1fr 1fr;gap:7px}.admin-detail-actions{flex-direction:column}.admin-registration-line{align-items:flex-start;flex-direction:column}.admin-registration-line strong{text-align:left}.admin-recent-panel{padding:0 12px}.admin-trainer-details,.admin-detail-metrics,.admin-detail-actions{padding-left:12px;padding-right:12px}}

main.view-arithmetic>:not(.site-header):not(#arithmetic-trainer-screen){display:none!important}
main.view-arithmetic{min-height:100vh;background:linear-gradient(180deg,#ffffff,#f5fbfb 54%,#eef9f6)}
.trainer-tile-arithmetic .trainer-tile-art{background:radial-gradient(circle at 76% 24%,rgba(255,255,255,.38) 0 7px,transparent 8px),linear-gradient(135deg,#0f766e,#17b6a6 48%,#f6b23d)}
.trainer-tile-arithmetic .trainer-tile-art:before{background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 42%),radial-gradient(circle at 18% 74%,rgba(255,255,255,.42) 0 5px,transparent 6px)}
.trainer-tile-arithmetic .trainer-tile-art:after{content:"";position:absolute;right:-34px;bottom:-44px;width:160px;height:160px;border:18px solid rgba(255,255,255,.24);border-radius:50%}
.math-chip{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(17,24,39,.16);color:#111827;font-weight:900;letter-spacing:0}
.math-chip-one{left:18px;top:22px;width:92px;height:46px;font-size:1.25rem;transform:rotate(-8deg)}
.math-chip-two{right:18px;top:38px;width:98px;height:42px;font-size:1rem;transform:rotate(7deg)}
.math-chip-three{left:72px;bottom:18px;width:100px;height:48px;font-size:1.12rem;transform:rotate(4deg)}
.math-orbit{position:absolute;left:34px;top:28px;width:170px;height:108px;border:2px dashed rgba(255,255,255,.58);border-radius:50%;transform:rotate(-14deg)}
.arithmetic-shell{width:min(980px,calc(100% - 28px));margin:0 auto;padding:26px 0 64px;color:var(--ink)}
.arithmetic-back{min-height:38px;border:1px solid rgba(17,24,39,.12);border-radius:8px;background:#fff;padding:0 14px;color:#147a71;font:inherit;font-size:.88rem;font-weight:850;cursor:pointer}
.arithmetic-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:stretch;margin-top:14px;margin-bottom:16px}
.arithmetic-kicker{margin:0 0 8px;color:#147a71;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.arithmetic-hero h1,.arithmetic-results-head h1{margin:0;color:var(--ink);font-size:clamp(2.05rem,7vw,4rem);line-height:.96;font-weight:940;letter-spacing:0}
.arithmetic-hero p{max-width:650px;margin:10px 0 0;color:var(--muted);font-size:1rem;font-weight:680;line-height:1.48}
.arithmetic-hero-card{position:relative;display:grid;align-content:center;gap:4px;min-height:184px;overflow:hidden;border:1px solid rgba(23,182,166,.18);border-radius:8px;background:linear-gradient(135deg,#17b6a6,#ffffff 52%,#f6b23d);padding:22px;box-shadow:0 18px 50px rgba(17,24,39,.1)}
.arithmetic-hero-card:before{content:"";position:absolute;right:-36px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.42)}
.arithmetic-hero-card span,.arithmetic-hero-card i{position:relative;color:#0f766e;font-weight:900}
.arithmetic-hero-card strong{position:relative;color:#111827;font-size:4.2rem;line-height:1;font-weight:950}
.arithmetic-hero-card i{font-style:normal;color:#64748b}
.arithmetic-settings-card,.arithmetic-about,.arithmetic-results-head,.arithmetic-result-grid article{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 14px 42px rgba(16,19,24,.08)}
.arithmetic-settings-card{display:grid;gap:16px;padding:18px}
.arithmetic-setting{display:grid;gap:10px}
.arithmetic-setting h2,.arithmetic-about h2{margin:0;color:var(--ink);font-size:1.08rem;line-height:1.2}
.arithmetic-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.arithmetic-choice-row button{display:grid;place-items:center;gap:2px;min-height:72px;border:1px solid rgba(17,24,39,.12);border-radius:8px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.arithmetic-choice-row button strong{font-size:1.18rem;line-height:1;font-weight:900}
.arithmetic-choice-row button span,.arithmetic-choice-row button small{color:var(--muted);font-size:.82rem;font-weight:800}
.arithmetic-choice-row button small{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.arithmetic-choice-row button.selected{border-color:#17b6a6;background:linear-gradient(180deg,rgba(23,182,166,.12),rgba(255,255,255,.98));box-shadow:0 12px 28px rgba(23,182,166,.16);color:#0f766e}
.arithmetic-choice-row button:hover{transform:translateY(-1px)}
.arithmetic-level-note{margin:0;color:var(--muted);font-size:.92rem;font-weight:700;line-height:1.35}
.arithmetic-start{min-height:52px;border:0;border-radius:8px;background:#19b86f;color:#fff;font:inherit;font-size:1.05rem;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(25,184,111,.22)}
.arithmetic-about{display:grid;gap:9px;margin-top:14px;padding:17px}
.arithmetic-about p{margin:0;color:var(--muted);font-size:.94rem;font-weight:650;line-height:1.42}
.arithmetic-about strong{color:var(--ink)}
body.arithmetic-play-mode{overflow:hidden}
body.arithmetic-play-mode .site-header,body.arithmetic-play-mode .install-app-banner{display:none!important}
.arithmetic-play{display:grid;grid-template-rows:auto auto auto minmax(128px,.9fr) minmax(0,1.4fr) auto auto;gap:10px;width:min(760px,calc(100% - 20px));height:100dvh;padding:10px 0;margin:0 auto;overflow:hidden}
.arithmetic-play-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.arithmetic-play-top div{display:grid;gap:2px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;box-shadow:0 8px 24px rgba(16,19,24,.06)}
.arithmetic-play-top span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}
.arithmetic-play-top strong{color:var(--ink);font-size:1.34rem;line-height:1;font-weight:950}
.arithmetic-timebar{height:10px;overflow:hidden;border-radius:999px;background:#dfe8ed}
.arithmetic-timebar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17b6a6,#67c95b)}
.arithmetic-answer-timer{display:grid;gap:7px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;box-shadow:0 8px 24px rgba(16,19,24,.06)}
.arithmetic-answer-timer div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.arithmetic-answer-timer span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}
.arithmetic-answer-timer strong{color:var(--ink);font-size:1.12rem;line-height:1;font-weight:950}
.arithmetic-answer-timer i{display:block;height:9px;overflow:hidden;border-radius:999px;background:#dfe8ed}
.arithmetic-answer-timer b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f6b23d,#17b6a6)}
.arithmetic-problem-card{position:relative;display:grid;place-items:center;align-content:center;gap:8px;min-height:0;border:1px solid rgba(23,182,166,.22);border-radius:8px;background:radial-gradient(circle at 78% 20%,rgba(246,178,61,.18),transparent 32%),linear-gradient(180deg,#fff,#f5fffd);box-shadow:0 14px 42px rgba(16,19,24,.08);padding:16px;text-align:center}
.arithmetic-level-badge{position:absolute;left:12px;top:12px;border-radius:999px;background:rgba(23,182,166,.1);padding:7px 10px;color:#147a71;font-size:.76rem;font-weight:900}
.arithmetic-expression{font-size:clamp(2.35rem,11vw,5.2rem);font-weight:950;line-height:1;color:#111827}
.arithmetic-problem-card p{min-height:1.2em;margin:0;color:var(--muted);font-size:.95rem;font-weight:850}
.arithmetic-problem-card p.show{color:#147a71}
.arithmetic-options-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0}
.arithmetic-option,.arithmetic-finish,.arithmetic-result-actions button{min-height:48px;border:1px solid rgba(17,24,39,.12);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:1.2rem;font-weight:950;cursor:pointer}
.arithmetic-option{min-height:0;box-shadow:0 6px 18px rgba(16,19,24,.06)}
.arithmetic-option.right{border-color:#19b86f;background:#f0fbf5;color:#137a44}
.arithmetic-option.wrong{border-color:#ef5b45;background:#fff4f2;color:#c43e2b}
.arithmetic-option:disabled{cursor:default;opacity:1}
.arithmetic-feedback-strip{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}
.arithmetic-feedback-strip span{height:8px;border-radius:999px;background:#dbe4ea}
.arithmetic-feedback-strip .hit{background:#19b86f}
.arithmetic-feedback-strip .miss{background:#ef5b45}
.arithmetic-finish{border:0;background:#ef5b45;color:#fff;box-shadow:0 12px 28px rgba(239,91,69,.2)}
.arithmetic-results{display:grid;gap:14px;width:min(760px,calc(100% - 24px));min-height:100vh;align-content:center;padding:18px 0;margin:0 auto}
.arithmetic-results-head{display:grid;gap:8px;padding:18px;text-align:center}
.arithmetic-results-head .arithmetic-kicker{margin:0}
.arithmetic-results-head h1{font-size:clamp(1.85rem,7vw,3.2rem)}
.arithmetic-results-head span{color:var(--muted);font-size:1rem;font-weight:780;line-height:1.4}
.arithmetic-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.arithmetic-result-grid article{display:grid;gap:4px;min-height:92px;padding:14px;text-align:left}
.arithmetic-result-grid span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;line-height:1.15}
.arithmetic-result-grid strong{color:var(--ink);font-size:1.52rem;line-height:1;font-weight:950}
.arithmetic-result-grid small{color:var(--muted);font-size:.78rem;font-weight:800}
.arithmetic-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.arithmetic-result-actions button:first-child{border:0;background:#17b6a6;color:#fff}
@media(max-width:720px){.trainer-tile-arithmetic .math-chip-one{left:14px;top:18px;width:82px;height:38px;font-size:1.02rem}.trainer-tile-arithmetic .math-chip-two{right:12px;top:32px;width:86px;height:36px;font-size:.86rem}.trainer-tile-arithmetic .math-chip-three{left:58px;bottom:14px;width:86px;height:38px;font-size:.94rem}.trainer-tile-arithmetic .math-orbit{left:26px;top:24px;width:142px;height:86px}.arithmetic-shell{width:min(100% - 24px,760px);padding:18px 0 44px}.arithmetic-hero{grid-template-columns:1fr;margin-top:10px}.arithmetic-hero-card{min-height:120px}.arithmetic-hero-card strong{font-size:3.2rem}.arithmetic-hero h1{font-size:2.15rem}.arithmetic-hero p{font-size:.92rem;line-height:1.38}.arithmetic-settings-card{gap:14px;padding:14px}.arithmetic-choice-row{gap:8px}.arithmetic-choice-row button{min-height:66px}.arithmetic-level-row button strong{font-size:1.02rem}.arithmetic-play{width:calc(100% - 18px);gap:8px;padding:8px 0}.arithmetic-play-top div{padding:9px 10px}.arithmetic-play-top strong{font-size:1.18rem}.arithmetic-answer-timer{padding:8px 9px}.arithmetic-problem-card{padding:14px}.arithmetic-level-badge{font-size:.68rem}.arithmetic-expression{font-size:clamp(2.2rem,13vw,4.4rem)}.arithmetic-options-grid{gap:7px}.arithmetic-option,.arithmetic-finish{min-height:44px}.arithmetic-option{font-size:1.05rem}.arithmetic-results{width:calc(100% - 20px);gap:10px}.arithmetic-results-head{padding:14px}.arithmetic-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.arithmetic-result-grid article{min-height:80px;padding:12px}.arithmetic-result-grid strong{font-size:1.28rem}}
@media(max-width:380px){.arithmetic-hero h1{font-size:1.9rem}.arithmetic-choice-row button{min-height:60px}.arithmetic-choice-row button strong{font-size:1rem}.arithmetic-choice-row button span{font-size:.74rem}.arithmetic-about{padding:14px}.arithmetic-about p{font-size:.88rem}.arithmetic-play-top span,.arithmetic-answer-timer span{font-size:.62rem}.arithmetic-play-top strong{font-size:1.05rem}.arithmetic-option,.arithmetic-finish{min-height:40px}.arithmetic-option{font-size:.98rem}.arithmetic-result-grid strong{font-size:1.14rem}}

html.switching-overlay-active,body.switching-overlay-active{min-height:100%;overflow-x:hidden;background:#f7f9ff}
body.switching-overlay-active #root{position:relative;left:auto;top:auto;width:auto;height:auto;overflow:visible}
body.switching-overlay-active main.view-trainer>:not(.site-header){display:none!important}
body.switching-overlay-active .site-header{z-index:90!important}
body.switching-overlay-active .mobile-menu-panel{z-index:120!important}
body.switching-overlay-active .install-app-banner{display:none!important}
#switching-pro-overlay{position:relative;z-index:5;min-height:calc(100vh - 78px);background:radial-gradient(circle at 78px 56px,#fff 0 88px,transparent 89px),linear-gradient(180deg,#fff 0%,#f8faff 58%,#eef4ff 100%);color:#071238;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#switching-pro-overlay *,#switching-pro-overlay *:before,#switching-pro-overlay *:after{box-sizing:border-box}
.switch-screen{width:min(943px,100%);margin:0 auto;padding:24px 47px 42px;box-sizing:border-box}
.switch-top{display:grid;width:100%;min-width:0;grid-template-columns:82px minmax(0,1fr) 116px;align-items:center;gap:18px;margin-bottom:50px}
.switch-menu,.switch-score{height:76px;border:1px solid #dce6f6;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(42,76,145,.12)}
.switch-menu{display:grid;place-items:center;padding:0;cursor:pointer}
.switch-menu span{display:block;width:36px;height:4px;border-radius:999px;background:#061237}
.switch-menu span+span{margin-top:8px}
.switch-logo{justify-self:center;width:312px;max-width:48vw;height:auto;object-fit:contain}
.switch-score{display:flex;align-items:center;justify-content:center;gap:13px;color:#04a99f;font-size:1.35rem;font-weight:900}
.switch-hero{position:relative;display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 370px;align-items:center;gap:8px;min-height:388px;margin-bottom:28px}
.switch-hero-copy{position:relative;z-index:2;display:grid;justify-items:start;gap:17px}
.switch-kicker{display:inline-flex;align-items:center;gap:14px;min-height:71px;border:1px solid #dce9f7;border-radius:999px;background:#f6feff;padding:0 34px;color:#0aafa6;text-transform:uppercase;font-size:1.48rem;font-weight:850;box-shadow:0 14px 30px rgba(66,112,186,.12)}
.switch-hero h1{margin:32px 0 0;color:#071238;font-size:4.55rem;line-height:.92;font-weight:950;letter-spacing:0}
.switch-rainbow{display:block;width:325px;height:8px;border-radius:999px;background:linear-gradient(90deg,#12c7bf 0%,#37a2f5 40%,#8954ee 68%,#f6b24a 100%)}
.switch-hero p{max-width:485px;margin:0;color:#4f6389;font-size:1.48rem;line-height:1.48;font-weight:560}
.switch-brain{position:relative;z-index:1;justify-self:end;width:390px;max-width:100%;filter:drop-shadow(0 24px 36px rgba(96,77,220,.16))}
.switch-card,.switch-about{width:100%;min-width:0;border:1px solid #dfe8f5;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 18px 46px rgba(52,81,145,.1)}
.switch-card{display:grid;gap:26px;margin-top:20px;padding:32px 35px}
.switch-card h2,.switch-about h2{display:flex;align-items:center;gap:23px;margin:0;color:#071238;font-size:1.58rem;line-height:1.16;font-weight:920;letter-spacing:0}
.switch-options{display:grid;width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px}
.switch-options button{position:relative;display:grid;align-items:center;justify-content:center;gap:10px;min-width:0;box-sizing:border-box;min-height:108px;border:1px solid #d9e3f1;border-radius:8px;background:#fff;color:#071238;padding:14px 18px;font:inherit;box-shadow:0 8px 22px rgba(52,81,145,.05);cursor:pointer}
.switch-options button strong{font-size:1.55rem;line-height:1.02;font-weight:900;letter-spacing:0}
.switch-options-time button span,.switch-options-answer button span{display:flex;align-items:baseline;gap:8px;font-size:1.43rem;white-space:nowrap}
.switch-options-time button span strong,.switch-options-answer button span strong{font-size:2rem}
.switch-options button em{display:none;position:absolute;right:-6px;top:-10px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#12c7bf,#089a94);box-shadow:0 10px 22px rgba(10,166,158,.24);font-style:normal}
.switch-options button em:after{content:"";position:absolute;left:11px;top:7px;width:9px;height:16px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(42deg)}
.switch-options button.selected{border-color:#10bab2;background:linear-gradient(135deg,#eafffb,#fff);color:#079e96;box-shadow:0 15px 32px rgba(16,186,178,.16)}
.switch-options button.selected em{display:block}
.switch-options-time button.selected span,.switch-options-answer button.selected span{color:#079e96;font-weight:900}
.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{color:#079e96;font-size:2.15rem}
.switch-options-difficulty button{grid-template-columns:auto minmax(0,auto);gap:17px;min-height:110px}
.switch-options-difficulty button[data-switch-difficulty=medium].selected{border-color:#824df3;color:#5b2bd8;box-shadow:0 15px 32px rgba(130,77,243,.16)}
.switch-options-difficulty button[data-switch-difficulty=medium].selected em{background:linear-gradient(135deg,#965cff,#6630df)}
.switch-options-mode button.selected{border-color:#824df3;color:#5b2bd8;box-shadow:0 15px 32px rgba(130,77,243,.16)}
.switch-options-mode button.selected em{background:linear-gradient(135deg,#965cff,#6630df)}
.switch-start{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:21px;width:100%;min-height:91px;margin-top:20px;border:0;border-radius:8px;background:linear-gradient(100deg,#05c8bd 0%,#259df2 52%,#792cef 100%);color:#fff;font:inherit;font-size:2.05rem;font-weight:920;letter-spacing:0;box-shadow:0 18px 42px rgba(83,80,222,.2);cursor:pointer}
.switch-start .sw-icon{justify-self:end;width:44px;height:44px}
.switch-start b{justify-self:end;width:18px;height:18px;margin-right:31px;border-top:5px solid currentColor;border-right:5px solid currentColor;transform:rotate(45deg)}
.switch-about{display:grid;gap:12px;margin-top:20px;padding:25px 38px 27px}
.switch-about h2 span{display:grid;width:38px;height:38px;place-items:center;border:3px solid #75aef7;border-radius:50%;color:#75aef7;font-size:1.25rem;font-weight:950}
.switch-about p{max-width:720px;margin:0 0 0 61px;color:#4f6389;font-size:1.18rem;line-height:1.5;font-weight:560}
.sw-icon{position:relative;display:inline-block;width:32px;height:32px;flex:0 0 auto;color:currentColor}
.sw-icon-bolt:before{content:"";position:absolute;inset:2px 8px;background:currentColor;clip-path:polygon(50% 0,100% 0,68% 38%,100% 38%,32% 100%,42% 56%,0 56%)}
.sw-icon-fire:before,.sw-icon-fire:after{content:"";position:absolute;background:currentColor}
.sw-icon-fire:before{inset:2px 7px 2px 7px;clip-path:polygon(55% 0,82% 32%,69% 31%,92% 66%,72% 94%,50% 100%,27% 92%,10% 66%,22% 39%,39% 18%,43% 47%)}
.sw-icon-clock{border:3px solid currentColor;border-radius:50%;box-sizing:border-box}
.sw-icon-clock:before{content:"";position:absolute;left:13px;top:6px;width:3px;height:11px;border-radius:999px;background:currentColor}
.sw-icon-clock:after{content:"";position:absolute;left:14px;top:15px;width:10px;height:3px;border-radius:999px;background:currentColor;transform:rotate(35deg);transform-origin:left center}
.sw-icon-bars:before{content:"";position:absolute;left:13px;top:4px;width:8px;height:25px;border-radius:3px;background:#7b68f4;box-shadow:-12px 11px 0 -1px #8b52f1,12px -4px 0 -1px #6a8bf7}
.sw-icon-timer{border:3px solid currentColor;border-radius:50%;box-sizing:border-box;color:#6887f2}
.sw-icon-timer:before{content:"";position:absolute;left:7px;top:-9px;width:13px;height:5px;border-radius:999px;background:currentColor}
.sw-icon-timer:after{content:"";position:absolute;left:14px;top:8px;width:10px;height:4px;border-radius:999px;background:currentColor;transform:rotate(-42deg);transform-origin:left center}
.sw-icon-leaf{color:#10bfa5;transform:rotate(-19deg)}
.sw-icon-leaf:before{content:"";position:absolute;left:2px;top:7px;width:29px;height:19px;border-radius:100% 0 100% 0;background:currentColor}
.sw-icon-leaf:after{content:"";position:absolute;left:6px;top:17px;width:23px;height:3px;border-radius:999px;background:#fff;transform:rotate(-28deg)}
.sw-icon-star{color:#814cf0;background:currentColor;clip-path:polygon(50% 3%,62% 36%,96% 36%,68% 57%,79% 93%,50% 72%,21% 93%,32% 57%,4% 36%,38% 36%)}
.sw-icon-rocket{background:currentColor;clip-path:polygon(52% 0,78% 20%,88% 45%,72% 45%,58% 73%,36% 95%,31% 68%,5% 63%,28% 42%,55% 28%)}
@media(max-width:720px){.switch-screen{width:390px;max-width:100%;margin-left:0;margin-right:0;padding:20px 18px 34px;overflow:hidden}.switch-top{grid-template-columns:58px minmax(0,1fr) 64px;gap:8px;margin-bottom:30px}.switch-menu,.switch-score{height:52px}.switch-menu span{width:28px;height:3px}.switch-menu span+span{margin-top:6px}.switch-logo{width:172px;max-width:100%}.switch-score{gap:6px;font-size:.96rem}.switch-score .sw-icon{width:22px;height:22px}.switch-hero{grid-template-columns:1fr;gap:8px;min-height:0;margin-bottom:20px}.switch-kicker{min-height:44px;padding:0 18px;font-size:.95rem}.switch-kicker .sw-icon{width:24px;height:24px}.switch-hero h1{margin-top:16px;font-size:clamp(2.2rem,9.8vw,2.55rem);max-width:100%;line-height:.98}.switch-rainbow{width:min(282px,78vw);height:6px}.switch-hero p{max-width:100%;font-size:1.02rem;line-height:1.48}.switch-brain{justify-self:center;width:245px;margin-top:4px}.switch-card{gap:16px;margin-top:14px;padding:18px 14px}.switch-card h2,.switch-about h2{gap:13px;font-size:1.2rem}.switch-card h2 .sw-icon{width:30px;height:30px}.switch-options{gap:8px}.switch-options button{min-height:82px;padding:10px 6px}.switch-options button strong{font-size:1rem}.switch-options-time button span,.switch-options-answer button span{gap:4px;font-size:.94rem}.switch-options-time button span strong,.switch-options-answer button span strong{font-size:1.2rem}.switch-options-difficulty button{grid-template-columns:1fr;gap:5px;min-height:88px}.switch-options-difficulty .sw-icon{justify-self:center;width:30px;height:30px}.switch-options-difficulty button strong{font-size:.84rem}.switch-options-answer button strong{font-size:.78rem}.switch-options button em{right:-6px;top:-10px;width:34px;height:34px}.switch-options button em:after{left:10px;top:8px;width:10px;height:16px;border-width:0 4px 4px 0}.switch-start{min-height:75px;margin-top:14px;font-size:1.62rem}.switch-start .sw-icon{width:32px;height:32px}.switch-start b{width:15px;height:15px;margin-right:20px;border-width:4px}.switch-about{margin-top:14px;padding:18px 16px}.switch-about h2 span{width:32px;height:32px;font-size:1rem}.switch-about p{margin-left:0;font-size:.96rem;line-height:1.46}}
@media(max-width:380px){.switch-screen{padding-left:14px;padding-right:14px}.switch-top{grid-template-columns:54px minmax(0,1fr) 60px}.switch-logo{width:154px}.switch-hero h1{font-size:2.08rem}.switch-rainbow{width:230px}.switch-brain{width:220px}.switch-card{padding:16px 12px}.switch-card h2,.switch-about h2{font-size:1.04rem}.switch-options{gap:7px}.switch-options button{min-height:76px;padding-left:4px;padding-right:4px}.switch-options-time button span{font-size:.85rem}.switch-options-time button span strong{font-size:1.08rem}.switch-options-answer button strong{font-size:.68rem}.switch-options-difficulty button strong{font-size:.72rem}.switch-start{font-size:1.38rem;min-height:68px}}
@media(max-width:720px){.switch-screen{width:390px;max-width:100%;margin:0 auto;padding:10px 14px 20px;overflow:hidden}.switch-top{grid-template-columns:48px minmax(0,1fr) 58px;gap:8px;margin-bottom:10px}.switch-menu,.switch-score{height:42px;border-radius:8px}.switch-menu span{width:24px;height:3px}.switch-menu span+span{margin-top:5px}.switch-logo{width:148px;max-width:100%}.switch-score{gap:5px;font-size:.86rem}.switch-score .sw-icon{width:18px;height:18px}.switch-hero{display:grid;grid-template-columns:minmax(0,1fr) 122px;align-items:center;gap:4px;min-height:0;margin-bottom:8px}.switch-hero-copy{gap:6px}.switch-kicker{min-height:32px;padding:0 12px;font-size:.74rem;gap:7px}.switch-kicker .sw-icon{width:18px;height:18px}.switch-hero h1{margin:5px 0 0;font-size:clamp(1.86rem,8.2vw,2.08rem);line-height:.98;white-space:nowrap}.switch-rainbow{width:min(210px,58vw);height:4px}.switch-hero p{max-width:225px;font-size:.72rem;line-height:1.24}.switch-brain{justify-self:end;width:124px;margin-top:0}.switch-card{gap:8px;margin-top:8px;padding:10px}.switch-card h2,.switch-about h2{gap:9px;font-size:.98rem;line-height:1.1}.switch-card h2 .sw-icon{width:24px;height:24px}.switch-options{gap:7px}.switch-options button{min-height:46px;padding:6px 4px;border-radius:8px;gap:4px}.switch-options button strong{font-size:.83rem;line-height:1.05}.switch-options-time button span,.switch-options-answer button span{gap:3px;font-size:.78rem;line-height:1;white-space:nowrap}.switch-options-time button span strong,.switch-options-answer button span strong{font-size:1.12rem}.switch-options-difficulty button{grid-template-columns:1fr;gap:3px;min-height:54px}.switch-options-difficulty .sw-icon{justify-self:center;width:22px;height:22px}.switch-options-difficulty button strong{font-size:.72rem}.switch-options-answer button{min-height:44px}.switch-options-answer button strong{font-size:.66rem;white-space:nowrap}.switch-options button em{right:-4px;top:-8px;width:24px;height:24px}.switch-options button em:after{left:8px;top:5px;width:7px;height:12px;border-width:0 3px 3px 0}.switch-start{min-height:52px;margin-top:8px;font-size:1.18rem;gap:12px}.switch-start .sw-icon{width:24px;height:24px}.switch-start b{width:11px;height:11px;margin-right:15px;border-width:3px}.switch-about{margin-top:10px;padding:12px 12px}.switch-about h2 span{width:24px;height:24px;border-width:2px;font-size:.8rem}.switch-about p{margin-left:0;font-size:.78rem;line-height:1.34}}
@media(max-width:380px){.switch-screen{padding-left:12px;padding-right:12px}.switch-top{grid-template-columns:44px minmax(0,1fr) 54px;margin-bottom:8px}.switch-menu,.switch-score{height:39px}.switch-logo{width:136px}.switch-hero{grid-template-columns:minmax(0,1fr) 104px}.switch-kicker{min-height:30px;font-size:.68rem;padding:0 10px}.switch-hero h1{font-size:1.73rem}.switch-rainbow{width:184px}.switch-hero p{font-size:.68rem;line-height:1.2;max-width:205px}.switch-brain{width:106px}.switch-card{gap:7px;margin-top:7px;padding:9px}.switch-card h2,.switch-about h2{font-size:.9rem}.switch-options{gap:6px}.switch-options button{min-height:42px;padding-left:3px;padding-right:3px}.switch-options-time button span,.switch-options-answer button span{font-size:.72rem}.switch-options-time button span strong,.switch-options-answer button span strong{font-size:1rem}.switch-options-difficulty button{min-height:50px}.switch-options-difficulty button strong{font-size:.66rem}.switch-options-answer button strong{font-size:.6rem}.switch-start{min-height:48px;font-size:1.05rem}.switch-about{padding:10px}}
.switch-options-time button,.switch-options-answer button{min-height:92px;padding:12px 14px}
.switch-options-time button span,.switch-options-answer button span{font-size:1.16rem;line-height:1}
.switch-options-time button span strong,.switch-options-answer button span strong{font-size:1.46rem}
.switch-options-time button.selected,.switch-options-answer button.selected{background:linear-gradient(135deg,#dffbf4,#fbfffe 72%);border-color:#10bab2;color:#079e96}
.switch-options-time button.selected span,.switch-options-answer button.selected span{color:#079e96}
.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{font-size:1.56rem;color:#079e96}
@media(max-width:720px){.switch-options-time button,.switch-options-answer button{min-height:46px;padding:4px}.switch-options-time button span,.switch-options-answer button span{gap:3px;font-size:.62rem}.switch-options-time button span strong,.switch-options-answer button span strong{font-size:.84rem}.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{font-size:.9rem}.switch-options-time button.selected,.switch-options-answer button.selected{background:linear-gradient(135deg,#d8faef,#fbfffd 74%)}.switch-options-time button em,.switch-options-answer button em{right:-3px;top:-6px;width:18px;height:18px}.switch-options-time button em:after,.switch-options-answer button em:after{left:6px;top:4px;width:5px;height:9px;border-width:0 2px 2px 0}}
@media(max-width:380px){.switch-options-time button,.switch-options-answer button{min-height:42px}.switch-options-time button span,.switch-options-answer button span{font-size:.6rem}.switch-options-time button span strong,.switch-options-answer button span strong{font-size:.8rem}.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{font-size:.86rem}}
.switch-kicker{display:none!important}
.switch-hero h1{margin-top:0}

.switch-brain{width:350px}
@media(max-width:720px){.switch-hero h1{margin-top:0}.switch-brain{width:112px}}
@media(max-width:380px){.switch-brain{width:96px}}
.trainer-play .play-grid:has(.play-zone:nth-child(2):last-child){grid-template-rows:repeat(2,minmax(0,1fr))}
@keyframes switching-correct-flash{0%{background:#fff;border-color:var(--line);box-shadow:inset 0 0 0 0 rgba(25,184,111,0)}42%{background:#adf3cc;border-color:#0abf65;box-shadow:inset 0 0 0 999px rgba(25,184,111,.16)}100%{background:#d9fbe8;border-color:#12a85a;box-shadow:inset 0 0 0 0 rgba(25,184,111,0)}}
@keyframes switching-wrong-flash{0%{background:#fff;border-color:var(--line);box-shadow:inset 0 0 0 0 rgba(255,58,38,0)}42%{background:#ffb7ac;border-color:#ff2f1a;box-shadow:inset 0 0 0 999px rgba(255,58,38,.18)}100%{background:#ffd8d1;border-color:#ef321f;box-shadow:inset 0 0 0 0 rgba(239,50,31,0)}}
.play-zone.right{animation:switching-correct-flash .42s ease-out both}
.play-zone.wrong{background:#ffe6e1;border-color:#ef3f2c;animation:switching-wrong-flash .42s ease-out both}
.switching-exit-button{position:fixed;right:12px;top:10px;z-index:60;min-height:34px;border:1px solid rgba(17,24,39,.12);border-radius:8px;background:rgba(255,255,255,.92);padding:0 12px;color:#d83a2e;font:inherit;font-size:.82rem;font-weight:900;box-shadow:0 10px 28px rgba(17,24,39,.14);backdrop-filter:blur(12px);cursor:pointer}
.switching-exit-button:hover{background:#fff4f2;border-color:rgba(239,63,44,.32)}
@media(max-width:430px){.switching-exit-button{right:10px;top:8px;min-height:32px;padding:0 10px;font-size:.78rem}}
.trainer-play .play-round div{justify-content:flex-start;gap:6px}
.trainer-play .play-round strong{font-size:.94rem;color:var(--ink)}
.trainer-play .play-session{border:0;background:transparent;padding:0;box-shadow:none}
.trainer-play .play-session i,.trainer-play .play-round i{display:block;width:100%;height:9px;border-radius:999px}
.switch-about h2 span{width:34px;height:34px;border-width:2px;background:#f4f9ff;color:#4d9af0;font-size:1.02rem;font-weight:880;box-shadow:inset 0 0 0 4px rgba(117,174,247,.08)}
.trainer-results .result-motivation{position:relative;margin:2px 0 0;border:1px solid #dfe8f5;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 18px 46px rgba(52,81,145,.1);padding:25px 38px 27px 99px;color:#4f6389;font-size:1.18rem;line-height:1.5;font-weight:560}
.trainer-results .result-motivation:before{content:"i";position:absolute;left:38px;top:25px;display:grid;width:34px;height:34px;place-items:center;border:2px solid #75aef7;border-radius:50%;background:#f4f9ff;color:#4d9af0;font-size:1.02rem;font-weight:880;box-shadow:inset 0 0 0 4px rgba(117,174,247,.08)}
@media(max-width:720px){.switch-about h2 span{width:26px;height:26px;border-width:2px;font-size:.78rem}.trainer-results .result-motivation{padding:12px 12px 12px 50px;font-size:.78rem;line-height:1.34}.trainer-results .result-motivation:before{left:12px;top:12px;width:26px;height:26px;font-size:.78rem}}
.switch-options-time button,.switch-options-answer button,.switch-options-mode button{min-height:92px;padding:12px 14px}
.switch-options-time button span,.switch-options-answer button span{font-size:1.24rem;line-height:1}
.switch-options-time button span strong,.switch-options-answer button span strong{font-size:1.58rem}
.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{font-size:1.68rem}
.switch-options-mode button{grid-template-columns:1fr;gap:4px;background:#fff;color:#071238}
.switch-options-mode button strong{font-size:1.58rem;line-height:1;font-weight:900;white-space:nowrap}
.switch-options-mode button.selected{border-color:#10bab2;background:linear-gradient(135deg,#dffbf4,#fbfffe 72%);color:#079e96;box-shadow:0 15px 32px rgba(16,186,178,.16)}
.switch-options-mode button.selected strong{color:#079e96;font-size:1.68rem}
@media(max-width:720px){.switch-options-time button,.switch-options-answer button,.switch-options-mode button{min-height:46px;padding:4px}.switch-options-time button span,.switch-options-answer button span{font-size:.68rem}.switch-options-time button span strong,.switch-options-answer button span strong{font-size:.94rem}.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{font-size:1rem}.switch-options-mode button{min-height:46px;padding:4px}.switch-options-mode button strong{font-size:.94rem}.switch-options-mode button.selected strong{font-size:1rem}.switch-options-mode button.selected{background:linear-gradient(135deg,#d8faef,#fbfffd 74%)}}
@media(max-width:380px){.switch-options-time button,.switch-options-answer button,.switch-options-mode button{min-height:42px}.switch-options-time button span,.switch-options-answer button span{font-size:.66rem}.switch-options-time button span strong,.switch-options-answer button span strong{font-size:.9rem}.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{font-size:.96rem}.switch-options-mode button strong{font-size:.9rem}.switch-options-mode button.selected strong{font-size:.96rem}}
.switch-options-time button span,.switch-options-answer button span{font-size:1.32rem}
.switch-options-time button span strong,.switch-options-answer button span strong{font-size:1.72rem}
.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{font-size:1.82rem}
.switch-options-mode button.selected em{background:linear-gradient(135deg,#12c7bf,#089a94)}
@media(max-width:720px){.switch-options-time button span,.switch-options-answer button span{font-size:.74rem}.switch-options-time button span strong,.switch-options-answer button span strong{font-size:1.04rem}.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{font-size:1.1rem}.switch-options-mode button strong{font-size:.9rem}.switch-options-mode button.selected strong{font-size:.94rem}.switch-options-mode button em{right:-3px;top:-6px;width:18px;height:18px}.switch-options-mode button em:after{left:6px;top:4px;width:5px;height:9px;border-width:0 2px 2px 0}}
@media(max-width:380px){.switch-options-time button span,.switch-options-answer button span{font-size:.72rem}.switch-options-time button span strong,.switch-options-answer button span strong{font-size:1rem}.switch-options-time button.selected span strong,.switch-options-answer button.selected span strong{font-size:1.06rem}.switch-options-mode button strong{font-size:.86rem}.switch-options-mode button.selected strong{font-size:.9rem}}
@media(max-width:720px){.switch-brain{width:101px}}
@media(max-width:380px){.switch-brain{width:86px}}
.switch-options-time button:not(.selected) span,.switch-options-answer button:not(.selected) span{font-size:1.42rem}
@media(max-width:720px){.switch-options-time button:not(.selected) span,.switch-options-answer button:not(.selected) span{font-size:.82rem}}
@media(max-width:380px){.switch-options-time button:not(.selected) span,.switch-options-answer button:not(.selected) span{font-size:.8rem}}
.arithmetic-setup{position:relative;width:min(943px,100%);margin:0 auto;padding:24px 47px 42px;box-sizing:border-box;color:#071238}
main.view-arithmetic{background:#fff}
.arithmetic-setup .arithmetic-back{position:absolute;left:16px;top:16px;z-index:4;width:52px;height:42px;min-height:0;overflow:hidden;border:1px solid #dce6f6;border-radius:8px;background:#fff;color:transparent;box-shadow:0 12px 28px rgba(42,76,145,.12)}
.arithmetic-setup .arithmetic-back:before,.arithmetic-setup .arithmetic-back:after{content:"";position:absolute;left:14px;width:24px;height:3px;border-radius:999px;background:#061237}
.arithmetic-setup .arithmetic-back:before{top:14px}
.arithmetic-setup .arithmetic-back:after{top:24px}
.arithmetic-setup .arithmetic-hero{position:relative;display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:8px;min-height:388px;margin:0 0 28px}
.arithmetic-setup .arithmetic-hero>div:first-child{position:relative;z-index:2;display:grid;justify-items:start;gap:17px}
.arithmetic-setup .arithmetic-kicker{display:none!important}
.arithmetic-setup .arithmetic-hero h1{margin:32px 0 0;color:#071238;font-size:4.55rem;line-height:.92;font-weight:950;letter-spacing:0}
.arithmetic-setup .arithmetic-hero h1:after{content:"";display:block;width:325px;height:8px;margin-top:17px;border-radius:999px;background:linear-gradient(90deg,#12c7bf 0%,#37a2f5 40%,#8954ee 68%,#f6b24a 100%)}
.arithmetic-setup .arithmetic-hero p{max-width:485px;margin:0;color:#4f6389;font-size:1.48rem;line-height:1.48;font-weight:560}
.arithmetic-setup .arithmetic-hero-card{justify-self:end;display:grid;place-items:center;align-content:center;gap:4px;width:320px;min-height:250px;border:0;background:radial-gradient(circle at 68% 20%,rgba(55,162,245,.18),transparent 28%),radial-gradient(circle at 32% 72%,rgba(246,178,74,.2),transparent 30%),linear-gradient(135deg,#eafffb,#fff 58%);box-shadow:none;filter:drop-shadow(0 24px 36px rgba(96,77,220,.16));padding:20px}
.arithmetic-setup .arithmetic-hero-card span{color:#079e96;font-size:2.15rem;line-height:1;font-weight:920}
.arithmetic-setup .arithmetic-hero-card strong{color:#071238;font-size:5.4rem;line-height:.9;font-weight:950}
.arithmetic-setup .arithmetic-hero-card i{color:#4f6389;font-size:1.05rem;font-style:normal;font-weight:760}
.arithmetic-setup .arithmetic-settings-card{display:grid;gap:0;border:0;background:transparent;box-shadow:none;padding:0}
.arithmetic-setup .arithmetic-setting,.arithmetic-setup .arithmetic-about{width:100%;min-width:0;border:1px solid #dfe8f5;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 18px 46px rgba(52,81,145,.1)}
.arithmetic-setup .arithmetic-setting{display:grid;gap:26px;margin-top:20px;padding:32px 35px}
.arithmetic-setup .arithmetic-setting h2,.arithmetic-setup .arithmetic-about h2{display:flex;align-items:center;gap:23px;margin:0;color:#071238;font-size:1.58rem;line-height:1.16;font-weight:920;letter-spacing:0}
.arithmetic-setup .arithmetic-choice-row{display:grid;width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px}
.arithmetic-setup .arithmetic-choice-row button{position:relative;display:grid;align-items:center;justify-content:center;gap:10px;min-width:0;box-sizing:border-box;min-height:92px;border:1px solid #d9e3f1;border-radius:8px;background:#fff;color:#071238;padding:12px 14px;font:inherit;box-shadow:0 8px 22px rgba(52,81,145,.05);cursor:pointer;transition:none}
.arithmetic-setup .arithmetic-choice-row button:hover{transform:none}
.arithmetic-setup .arithmetic-choice-row button:after{content:"";display:none;position:absolute;right:-6px;top:-10px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#12c7bf,#089a94);box-shadow:0 10px 22px rgba(10,166,158,.24)}
.arithmetic-setup .arithmetic-choice-row button:before{content:"";display:none;position:absolute;right:6px;top:-3px;z-index:1;width:9px;height:16px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(42deg)}
.arithmetic-setup .arithmetic-choice-row button.selected{border-color:#10bab2;background:linear-gradient(135deg,#dffbf4,#fbfffe 72%);color:#079e96;box-shadow:0 15px 32px rgba(16,186,178,.16)}
.arithmetic-setup .arithmetic-choice-row button.selected:before,.arithmetic-setup .arithmetic-choice-row button.selected:after{display:block}
.arithmetic-setup .arithmetic-choice-row button span{display:flex;align-items:baseline;gap:8px;color:inherit;font-size:1.32rem;line-height:1;white-space:nowrap}
.arithmetic-setup .arithmetic-choice-row button span strong{color:inherit;font-size:1.72rem;line-height:1;font-weight:900}
.arithmetic-setup .arithmetic-choice-row button.selected span strong{font-size:1.82rem}
.arithmetic-setup .arithmetic-choice-row button strong{color:inherit;font-size:1.24rem;line-height:1;font-weight:900;white-space:nowrap}
.arithmetic-setup .arithmetic-level-row button.selected strong{font-size:1.34rem}
.arithmetic-setup .arithmetic-start{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:21px;width:100%;min-height:91px;margin-top:20px;border:0;border-radius:8px;background:linear-gradient(100deg,#05c8bd 0%,#259df2 52%,#792cef 100%);color:#fff;font:inherit;font-size:2.05rem;font-weight:920;letter-spacing:0;box-shadow:0 18px 42px rgba(83,80,222,.2);cursor:pointer}
.arithmetic-setup .arithmetic-start:before{content:"";justify-self:end;width:44px;height:44px;background:currentColor;clip-path:polygon(52% 0,78% 20%,88% 45%,72% 45%,58% 73%,36% 95%,31% 68%,5% 63%,28% 42%,55% 28%)}
.arithmetic-setup .arithmetic-start:after{content:"";justify-self:end;width:18px;height:18px;margin-right:31px;border-top:5px solid currentColor;border-right:5px solid currentColor;transform:rotate(45deg)}
.arithmetic-setup .arithmetic-about{display:grid;gap:12px;margin-top:20px;padding:25px 38px 27px}
.arithmetic-setup .arithmetic-about h2:before{content:"i";display:grid;width:34px;height:34px;place-items:center;border:2px solid #75aef7;border-radius:50%;background:#f4f9ff;color:#4d9af0;font-size:1.02rem;font-weight:880;box-shadow:inset 0 0 0 4px rgba(117,174,247,.08)}
.arithmetic-setup .arithmetic-about p{max-width:720px;margin:0 0 0 61px;color:#4f6389;font-size:1.18rem;line-height:1.5;font-weight:560}
.arithmetic-setup .arithmetic-about strong{color:#071238}
@media(max-width:720px){.arithmetic-setup{width:390px;max-width:100%;margin:0 auto;padding:10px 14px 20px;overflow:hidden}.arithmetic-setup .arithmetic-back{left:14px;top:10px;width:42px;height:42px}.arithmetic-setup .arithmetic-back:before,.arithmetic-setup .arithmetic-back:after{left:9px;width:24px}.arithmetic-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 101px;align-items:center;gap:4px;min-height:0;margin-bottom:8px}.arithmetic-setup .arithmetic-hero>div:first-child{gap:6px}.arithmetic-setup .arithmetic-hero h1{margin:5px 0 0;font-size:clamp(1.55rem,7.1vw,1.78rem);line-height:.98}.arithmetic-setup .arithmetic-hero h1:after{width:min(210px,58vw);height:4px;margin-top:6px}.arithmetic-setup .arithmetic-hero p{max-width:225px;font-size:.72rem;line-height:1.24}.arithmetic-setup .arithmetic-hero-card{width:101px;min-height:108px;padding:8px;justify-self:end}.arithmetic-setup .arithmetic-hero-card span{font-size:.86rem}.arithmetic-setup .arithmetic-hero-card strong{font-size:2.1rem}.arithmetic-setup .arithmetic-hero-card i{font-size:.56rem;text-align:center}.arithmetic-setup .arithmetic-setting{gap:8px;margin-top:8px;padding:10px}.arithmetic-setup .arithmetic-setting h2,.arithmetic-setup .arithmetic-about h2{gap:9px;font-size:.98rem;line-height:1.1}.arithmetic-setup .arithmetic-choice-row{gap:7px}.arithmetic-setup .arithmetic-choice-row button{min-height:46px;padding:4px;border-radius:8px;gap:4px}.arithmetic-setup .arithmetic-choice-row button span{gap:3px;font-size:.74rem;line-height:1}.arithmetic-setup .arithmetic-choice-row button span strong{font-size:1.04rem}.arithmetic-setup .arithmetic-choice-row button.selected span strong{font-size:1.1rem}.arithmetic-setup .arithmetic-choice-row button strong{font-size:.9rem}.arithmetic-setup .arithmetic-level-row button.selected strong{font-size:.94rem}.arithmetic-setup .arithmetic-choice-row button:after{right:-3px;top:-6px;width:18px;height:18px}.arithmetic-setup .arithmetic-choice-row button:before{right:3px;top:-2px;width:5px;height:9px;border-width:0 2px 2px 0}.arithmetic-setup .arithmetic-start{min-height:52px;margin-top:8px;font-size:1.18rem;gap:12px}.arithmetic-setup .arithmetic-start:before{width:24px;height:24px}.arithmetic-setup .arithmetic-start:after{width:11px;height:11px;margin-right:15px;border-width:3px}.arithmetic-setup .arithmetic-about{margin-top:10px;padding:12px 12px}.arithmetic-setup .arithmetic-about h2:before{width:26px;height:26px;border-width:2px;font-size:.78rem}.arithmetic-setup .arithmetic-about p{margin-left:0;font-size:.78rem;line-height:1.34}}
@media(max-width:380px){.arithmetic-setup{padding-left:12px;padding-right:12px}.arithmetic-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 86px}.arithmetic-setup .arithmetic-hero h1{font-size:1.43rem}.arithmetic-setup .arithmetic-hero h1:after{width:184px}.arithmetic-setup .arithmetic-hero p{font-size:.68rem;line-height:1.2;max-width:205px}.arithmetic-setup .arithmetic-hero-card{width:86px;min-height:96px}.arithmetic-setup .arithmetic-hero-card strong{font-size:1.85rem}.arithmetic-setup .arithmetic-setting{gap:7px;margin-top:7px;padding:9px}.arithmetic-setup .arithmetic-setting h2,.arithmetic-setup .arithmetic-about h2{font-size:.9rem}.arithmetic-setup .arithmetic-choice-row{gap:6px}.arithmetic-setup .arithmetic-choice-row button{min-height:42px;padding-left:3px;padding-right:3px}.arithmetic-setup .arithmetic-choice-row button span{font-size:.72rem}.arithmetic-setup .arithmetic-choice-row button span strong{font-size:1rem}.arithmetic-setup .arithmetic-choice-row button.selected span strong{font-size:1.06rem}.arithmetic-setup .arithmetic-choice-row button strong{font-size:.86rem}.arithmetic-setup .arithmetic-level-row button.selected strong{font-size:.9rem}.arithmetic-setup .arithmetic-start{min-height:48px;font-size:1.05rem}.arithmetic-setup .arithmetic-about{padding:10px}}
main.view-arithmetic .site-header{display:grid!important}
body.arithmetic-play-mode main.view-arithmetic .site-header{display:none!important}
body:not(.arithmetic-play-mode) main.view-arithmetic>:not(.site-header):not(#arithmetic-trainer-screen){display:none!important}
.arithmetic-setup .arithmetic-back{display:none!important}
.arithmetic-setup .arithmetic-brain{position:relative;z-index:1;justify-self:end;width:350px;max-width:100%;filter:none}
.arithmetic-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 350px}
@media(max-width:720px){.arithmetic-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 101px}.arithmetic-setup .arithmetic-brain{justify-self:end;width:101px}}
@media(max-width:380px){.arithmetic-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 86px}.arithmetic-setup .arithmetic-brain{width:86px}}
/* Counting sprint setup: match First Count sizing on tablet and web. */
@media(min-width:721px){
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup{
    box-sizing:border-box;
    width:min(1060px,calc(100% - 44px));
    margin:0 auto;
    padding:18px 0 34px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(330px,410px);
    gap:14px 18px;
    align-items:start;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero{
    grid-column:1;
    min-height:0;
    margin:0;
    padding:16px 18px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(112px,180px);
    align-items:center;
    gap:14px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero>div:first-child{
    gap:9px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero h1{
    margin:0;
    font-size:3rem;
    line-height:1;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero h1:after{
    height:8px;
    margin-top:17px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero p{
    max-width:none;
    margin-top:9px;
    font-size:.95rem;
    line-height:1.42;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-brain{
    width:min(180px,100%);
    max-height:190px;
    object-fit:contain;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-settings-card{
    grid-column:2;
    grid-row:1 / span 2;
    margin:0;
    padding:8px;
    gap:7px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-setting{
    min-height:112px;
    gap:7px;
    margin-top:12px;
    padding:22px 24px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-setting h2{
    gap:14px;
    font-size:.86rem;
    line-height:1.15;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row{
    gap:7px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button{
    min-height:44px;
    padding:6px 8px;
    gap:6px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button span{
    gap:5px;
    font-size:.96rem;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button span strong{
    font-size:1.28rem;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected span strong{
    font-size:1.34rem;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button strong{
    font-size:1.08rem;
    line-height:1;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-level-row button.selected strong{
    font-size:1.14rem;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected:after{
    right:-3px;
    top:-6px;
    width:20px;
    height:20px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected:before{
    right:4px;
    top:-2px;
    width:5px;
    height:9px;
    border-width:0 2px 2px 0;
    transform:rotate(42deg);
    transform-origin:center;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-start{
    min-height:50px;
    margin-top:0;
    gap:12px;
    font-size:1.08rem;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-start:before{
    width:24px;
    height:24px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-start:after{
    width:11px;
    height:11px;
    margin-right:15px;
    border-width:3px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-about{
    grid-column:1;
    margin:0;
    padding:14px 16px;
    gap:8px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-about h2{
    gap:14px;
    font-size:1.08rem;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-about h2:before{
    width:26px;
    height:26px;
    border-width:2px;
    font-size:.78rem;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-about p{
    max-width:none;
    margin:0;
    font-size:.88rem;
    line-height:1.38;
  }
}
@media(min-width:721px) and (max-width:900px){
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup{
    width:min(100% - 28px,820px);
    grid-template-columns:minmax(0,1fr) minmax(300px,340px);
    gap:12px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero{
    grid-template-columns:minmax(0,1fr) 118px;
    padding:14px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero h1{
    font-size:2.35rem;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero h1:after{
    width:196px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero p{
    font-size:.86rem;
    line-height:1.34;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-brain{
    width:118px;
    max-height:132px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button{
    min-height:42px;
    padding:5px 7px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-setting{
    min-height:106px;
    margin-top:10px;
    padding:20px 22px;
  }
}
.arithmetic-play{grid-template-rows:auto auto auto minmax(112px,.9fr) minmax(0,1.55fr);gap:8px;width:min(760px,calc(100% - 24px));padding:8px 0 10px}
.arithmetic-play-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;box-shadow:0 8px 24px rgba(16,19,24,.06)}
.arithmetic-play-top div{display:grid;gap:2px;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
.arithmetic-play-top span:not(.arithmetic-timebar){color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}
.arithmetic-play-top strong{color:var(--ink);font-size:1.1rem;line-height:1;font-weight:950}
.arithmetic-exit-button{align-self:center;min-height:34px;border:1px solid rgba(239,63,44,.28);border-radius:8px;background:#fff4f2;padding:0 12px;color:#d83a2e;font:inherit;font-size:.82rem;font-weight:900;box-shadow:0 8px 22px rgba(239,63,44,.1);cursor:pointer}
.arithmetic-exit-button:hover{background:#ffece7;border-color:rgba(239,63,44,.42)}
.arithmetic-play-top .arithmetic-timebar{grid-column:1/-1;display:block;height:8px;overflow:hidden;border-radius:999px;background:#e4ebf0}
.arithmetic-play-top .arithmetic-timebar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#67c95b)}
.arithmetic-answer-timer{gap:7px;border:0;background:transparent;padding:0;box-shadow:none}
.arithmetic-answer-timer div{justify-content:flex-start;gap:6px}
.arithmetic-answer-timer span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}
.arithmetic-answer-timer strong{color:var(--ink);font-size:.94rem;line-height:1;font-weight:950}
.arithmetic-answer-timer i{display:block;width:100%;height:9px;border-radius:999px;background:#e4ebf0}
.arithmetic-answer-timer b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#17b6a6)}
.arithmetic-feedback-strip{grid-template-columns:repeat(30,1fr);gap:5px;padding:0 0 2px}
.arithmetic-feedback-strip span{position:relative;height:12px;border-radius:999px;background:#dbe4ea}
.arithmetic-feedback-strip .hit{background:#19b86f}
.arithmetic-feedback-strip .hit:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-62%) rotate(42deg)}
.arithmetic-feedback-strip .miss{background:#ef5b45}
.arithmetic-feedback-strip .miss:before,.arithmetic-feedback-strip .miss:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:2px;border-radius:999px;background:#fff}
.arithmetic-feedback-strip .miss:before{transform:translate(-50%,-50%) rotate(45deg)}
.arithmetic-feedback-strip .miss:after{transform:translate(-50%,-50%) rotate(-45deg)}
@media(max-width:720px){.arithmetic-play{width:calc(100% - 24px);gap:7px;padding:8px 0 9px}.arithmetic-play-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:7px;padding:8px 9px}.arithmetic-play-top span:not(.arithmetic-timebar),.arithmetic-answer-timer span{font-size:.62rem}.arithmetic-play-top strong{font-size:.95rem}.arithmetic-exit-button{min-height:32px;padding:0 10px;font-size:.78rem}.arithmetic-feedback-strip{gap:3px}.arithmetic-feedback-strip span{height:10px}.arithmetic-feedback-strip .hit:after{width:4px;height:7px;border-width:0 2px 2px 0}.arithmetic-feedback-strip .miss:before,.arithmetic-feedback-strip .miss:after{width:7px}}
@media(max-width:380px){.arithmetic-play{width:calc(100% - 20px);gap:6px}.arithmetic-play-top{gap:6px;padding:7px}.arithmetic-play-top strong{font-size:.86rem}.arithmetic-exit-button{min-height:30px;padding:0 8px;font-size:.72rem}.arithmetic-feedback-strip{gap:2px}.arithmetic-feedback-strip span{height:9px}}
.arithmetic-play{grid-template-rows:auto auto auto minmax(0,.92fr) minmax(0,1.42fr);gap:8px;width:100%;max-width:none;height:100dvh;margin:0;padding:8px 12px 10px;background:#f8fbfc;overflow:hidden}
.arithmetic-play .play-session{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
.arithmetic-play .play-session div{display:grid;gap:2px}
.arithmetic-play .play-session span,.arithmetic-play .play-round span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}
.arithmetic-play .play-session strong,.arithmetic-play .play-round strong{color:var(--ink);font-size:1.1rem;font-weight:950}
.arithmetic-play .play-session i{grid-column:1/-1;display:block;width:100%;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--teal) var(--session-progress),#e4ebf0 0)}
.arithmetic-play .play-round{display:grid;gap:7px}
.arithmetic-play .play-round div{display:flex;align-items:center;justify-content:flex-start;gap:6px}
.arithmetic-play .play-round strong{font-size:.94rem}
.arithmetic-play .play-round i{display:block;width:100%;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--teal) var(--round-progress),#e4ebf0 0)}
.arithmetic-play .play-history{display:grid;grid-template-columns:repeat(15,1fr);gap:5px;padding:0 0 2px}
.arithmetic-play .play-history span{height:9px;border-radius:999px;background:#dbe4ea}
.arithmetic-play .play-history .hit{background:var(--green)}
.arithmetic-play .play-history .miss{background:var(--coral)}
.arithmetic-play .switching-exit-button{position:fixed;right:12px;top:10px;z-index:60;min-height:34px;border:1px solid rgba(17,24,39,.12);border-radius:8px;background:rgba(255,255,255,.92);padding:0 12px;color:#d83a2e;font:inherit;font-size:.82rem;font-weight:900;box-shadow:0 10px 28px rgba(17,24,39,.14);backdrop-filter:blur(12px);cursor:pointer}
@media(max-width:430px){.arithmetic-play{gap:7px;padding:8px 12px 10px}.arithmetic-play .play-session span,.arithmetic-play .play-round span{font-size:.72rem}.arithmetic-play .play-session strong{font-size:1.1rem}.arithmetic-play .play-round strong{font-size:.94rem}.arithmetic-play .switching-exit-button{right:10px;top:8px;min-height:32px;padding:0 10px;font-size:.78rem}}
.view-arithmetic .arithmetic-results.trainer-results{width:min(720px,calc(100% - 24px));height:calc(100dvh - 76px);min-height:0;margin:0 auto;overflow:hidden;align-content:start;gap:12px;padding:18px 0 14px}
.view-arithmetic .arithmetic-results.trainer-results .results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.view-arithmetic .arithmetic-results.trainer-results .metric{padding:13px}
.view-arithmetic .arithmetic-results.trainer-results .metric strong{font-size:clamp(1.15rem,4.8vw,1.65rem);word-break:break-word}
.view-arithmetic .arithmetic-results.trainer-results .results-actions{gap:9px}
.view-arithmetic .arithmetic-results.trainer-results .results-actions .setup-start,.view-arithmetic .arithmetic-results.trainer-results .results-actions .secondary{min-height:50px}
@media(max-width:430px){.view-arithmetic .arithmetic-results.trainer-results{height:calc(100dvh - 64px);padding:12px 0 10px;gap:9px}.view-arithmetic .arithmetic-results.trainer-results h1{font-size:2rem}.view-arithmetic .arithmetic-results.trainer-results .results-grid{gap:8px}.view-arithmetic .arithmetic-results.trainer-results .metric{padding:10px}.view-arithmetic .arithmetic-results.trainer-results .metric span{font-size:.66rem}.view-arithmetic .arithmetic-results.trainer-results .metric strong{margin-top:5px;font-size:1.18rem}.view-arithmetic .arithmetic-results.trainer-results .results-actions .setup-start,.view-arithmetic .arithmetic-results.trainer-results .results-actions .secondary{min-height:48px}}
.arithmetic-problem-card.right{animation:switching-correct-flash .42s ease-out both}
.arithmetic-problem-card.wrong{background:#ffe6e1;border-color:#ef3f2c;animation:switching-wrong-flash .42s ease-out both}

/* Admin redesign: matches the clean dashboard reference. */
main.view-admin{background:#f8fafc!important;min-height:100vh!important}
main.view-admin>.site-header{display:none!important}
.admin-page.admin-analytics-mode{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#f8fafc!important;color:#111827!important}
.admin-page.admin-analytics-mode>.workspace-head,.admin-page.admin-analytics-mode>.create-user,.admin-page.admin-analytics-mode>.user-table{display:none!important}
.admin-page.admin-analytics-mode .admin-analytics-shell{display:block!important;margin:0!important}
.admin-dashboard-frame{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh;background:#f8fafc;color:#111827;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.admin-mock-sidebar{position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;border-right:1px solid #e5eaf2;background:#fff;padding:28px 18px}
.admin-mock-logo{height:48px;display:flex;align-items:center;margin-bottom:26px}
.admin-mock-logo span{color:#1f2937;font-size:2.7rem;line-height:1;font-weight:950;letter-spacing:0}
.admin-mock-logo span span{color:#1769f2;font-size:inherit}
.admin-mock-sidebar nav{display:grid;align-content:start;gap:18px}
.admin-mock-sidebar nav button{display:flex;align-items:center;gap:14px;min-height:56px;border:0;border-radius:8px;background:transparent;padding:0 16px;color:#374151;font:inherit;font-size:1rem;font-weight:760;text-align:left;cursor:pointer}
.admin-mock-sidebar nav button.selected{background:#eaf1ff;color:#0b62f0}
.admin-mock-sidebar nav button span{display:grid;place-items:center;width:24px;color:#64748b;font-size:1.1rem}
.admin-mock-sidebar nav button.selected span{color:#0b62f0}
.admin-mock-brand-note{display:grid;gap:4px;color:#7b8797;font-size:.92rem;line-height:1.35}
.admin-mock-brand-note:before{content:"";width:38px;height:38px;border:2px solid #0b62f0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#eaf1ff 0 34%,transparent 36%)}
.admin-mock-brand-note strong{color:#111827;font-size:1rem}
.admin-mock-main{min-width:0}
.admin-mock-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:84px;border-bottom:1px solid #e5eaf2;background:#fff;padding:0 28px 0 40px}
.admin-mock-topbar h1{margin:0;color:#111827;font-size:1.65rem;line-height:1;font-weight:900}
.admin-mock-topbar .admin-create-focus{min-height:46px;border:0;border-radius:8px;background:#0b62f0;color:#fff;padding:0 18px;font-size:.98rem;font-weight:850;box-shadow:0 10px 24px rgba(11,98,240,.18)}
.admin-mock-content{display:grid;grid-template-columns:minmax(0,1fr) 382px;gap:18px;padding:22px 24px 28px 38px}
.admin-mock-workspace{display:grid;gap:18px;min-width:0}
.admin-mock-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.admin-mock-metrics article{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;min-height:124px;border:1px solid #dde4ee;border-radius:8px;background:#fff;padding:22px;box-shadow:none}
.admin-mock-metrics .metric-icon{grid-row:1/3;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#eef4ff;color:#0b62f0;font-weight:900}
.admin-mock-metrics .metric-icon:before{font-size:1.55rem;line-height:1}
.admin-mock-metrics .metric-icon.users:before{content:"⊕"}
.admin-mock-metrics .metric-icon.book{background:#eaf8ee;color:#169447}
.admin-mock-metrics .metric-icon.book:before{content:"▣"}
.admin-mock-metrics .metric-icon.target:before{content:"◎"}
.admin-mock-metrics .metric-icon.calendar{background:#eaf8ee;color:#169447}
.admin-mock-metrics .metric-icon.calendar:before{content:"□"}
.admin-mock-metrics strong{align-self:end;color:#111827;font-size:2.3rem;line-height:.96;font-weight:900}
.admin-mock-metrics small{align-self:start;color:#334155;font-size:.96rem;font-weight:520;line-height:1.2}
.admin-mock-table-card,.admin-mock-recent,.admin-mock-side-detail{border:1px solid #dde4ee;border-radius:8px;background:#fff;box-shadow:none;overflow:hidden}
.admin-mock-table-head,.admin-mock-user-row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(140px,.85fr) minmax(170px,1fr) minmax(178px,1fr) minmax(150px,.92fr) 96px;align-items:center;gap:18px}
.admin-mock-table-head{min-height:64px;border-bottom:1px solid #e5eaf2;background:#fff;padding:0 24px;color:#475569;font-size:.86rem;font-weight:760}
.admin-mock-user-row{width:100%;min-height:68px;border:0;border-bottom:1px solid #e5eaf2;background:#fff;padding:0 24px;text-align:left;font:inherit;color:#111827;cursor:pointer}
.admin-mock-user-row:hover,.admin-mock-user-row.selected{background:#f7fbff}
.admin-mock-user-row.selected{box-shadow:inset 4px 0 0 #0b62f0}
.admin-mock-user{display:flex;align-items:center;gap:13px;min-width:0}
.admin-avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#eaf1ff;color:#0b62f0;font-weight:900}
.admin-avatar.large{width:58px;height:58px;font-size:1.12rem}
.admin-mock-user-row:nth-child(2n) .admin-avatar{background:#ecf8ef;color:#169447}
.admin-mock-user-row:nth-child(3n) .admin-avatar{background:#f0e8fb;color:#7c3fb5}
.admin-mock-user strong,.admin-mock-user small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-mock-user strong{font-size:.96rem;font-weight:820}
.admin-mock-user small{margin-top:4px;color:#64748b;font-size:.82rem;font-weight:650}
.admin-mock-activity{display:flex;align-items:center;gap:8px;color:#475569;font-size:.9rem;font-weight:560}
.admin-mock-activity i{width:7px;height:7px;border-radius:50%;background:#aeb8c6}
.admin-mock-activity.online i{background:#22b14c}
.admin-mock-badge,.admin-mock-empty{display:inline-flex;align-items:center;min-height:34px;max-width:100%;border-radius:8px;padding:0 12px;font-size:.86rem;font-weight:680;white-space:nowrap}
.admin-mock-badge.blue{border:1px solid #bfd3fb;background:#f3f7ff;color:#243044}
.admin-mock-badge.green{border:1px solid #c7e4cf;background:#f2fbf4;color:#243044}
.admin-mock-empty{background:#f1f5f9;color:#64748b}
.admin-mock-last{color:#334155;font-size:.9rem;font-weight:560}
.admin-mock-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;width:max-content;border-radius:8px;padding:0 11px;font-size:.78rem;font-weight:800}
.admin-mock-status.active{background:#dff2df;color:#19833a}
.admin-mock-status.blocked{background:#fff0ed;color:#d14933}
.admin-mock-pagination{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 24px;color:#475569;font-size:.9rem}
.admin-mock-pagination span{margin-right:auto}
.admin-mock-pagination button{width:36px;height:36px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#64748b;font:inherit;font-weight:800}
.admin-mock-pagination button.selected{border-color:#0b62f0;color:#0b62f0;box-shadow:0 0 0 3px rgba(11,98,240,.08)}
.admin-mock-recent{padding:20px 24px}
.admin-mock-recent h2{margin:0 0 16px;color:#111827;font-size:1.22rem;font-weight:900}
.admin-mock-recent-head,.admin-recent-row{display:grid;grid-template-columns:1.15fr 1.15fr 1.25fr .8fr .8fr 28px;gap:16px;align-items:center}
.admin-mock-recent-head{height:30px;color:#475569;font-size:.84rem;font-weight:760}
.admin-recent-row{min-height:43px;border-top:1px solid #e5eaf2;color:#334155;font-size:.9rem;font-weight:520}
.admin-recent-row strong{color:#243044;font-weight:650}
.admin-recent-row span:nth-child(4).good{color:#169447}
.admin-recent-row span:nth-child(4){font-weight:800}
.admin-mock-recent button{display:block;margin:16px auto 0;border:0;background:transparent;color:#0b62f0;font:inherit;font-size:.92rem;font-weight:760;cursor:pointer}
.admin-mock-side-detail{display:grid;align-content:start;gap:20px;min-height:calc(100vh - 128px);padding:26px 22px}
.admin-mock-profile{display:flex;align-items:flex-start;gap:18px}
.admin-mock-profile h2{margin:6px 0 6px;color:#111827;font-size:1.16rem;line-height:1;font-weight:900}
.admin-mock-profile p,.admin-mock-profile small{display:block;margin:0;color:#475569;font-size:.84rem;font-weight:560}
.admin-registration-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:10px 0!important;border-radius:0!important;background:transparent!important;color:#64748b!important;font-size:.85rem!important;font-weight:700!important}
.admin-registration-line strong{color:#111827!important;font-size:.85rem!important;text-align:right!important}
.admin-mock-detail-card{border:1px solid #dde4ee;border-radius:8px;background:#fff;padding:20px 20px 18px}
.admin-mock-detail-card h3{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#111827;font-size:1.17rem;font-weight:900}
.admin-mock-card-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:#0b62f0}
.admin-mock-card-icon:before{content:"◎";font-size:1.25rem;font-weight:900}
.admin-mock-detail-card.green .admin-mock-card-icon{color:#169447}
.admin-mock-detail-card.green .admin-mock-card-icon:before{content:"▣"}
.admin-mock-statline{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;color:#475569;font-size:.98rem;font-weight:560}
.admin-mock-statline strong{color:#111827;font-weight:850}
.admin-mock-detail-card.blue .admin-mock-statline:nth-child(3) strong,.admin-mock-detail-card.green .admin-mock-statline:nth-child(3) strong{color:#0b62f0}
.admin-detail-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important}
.admin-detail-actions button{min-height:44px!important;border-radius:8px!important;font-size:.9rem!important}
.admin-detail-edit{border:1px solid #b8e7df!important;background:#eafffb!important;color:#07756f!important}
.admin-detail-toggle{border:1px solid #f2d6cd!important;background:#fff6f2!important;color:#d14933!important}
@media(max-width:1280px){.admin-dashboard-frame{grid-template-columns:88px minmax(0,1fr)}.admin-mock-sidebar{padding:22px 12px}.admin-mock-logo span{font-size:1.5rem}.admin-mock-sidebar nav button{justify-content:center;padding:0}.admin-mock-sidebar nav button span{width:auto}.admin-mock-sidebar nav button{font-size:0}.admin-mock-brand-note{display:none}.admin-mock-content{grid-template-columns:1fr;gap:16px}.admin-mock-side-detail{min-height:auto;grid-template-columns:1fr 1fr;align-items:start}.admin-mock-profile,.admin-registration-line,.admin-detail-actions{grid-column:1/-1}.admin-mock-table-head,.admin-mock-user-row{grid-template-columns:minmax(170px,1.1fr) 118px minmax(150px,1fr) minmax(150px,1fr) 128px 86px}}
@media(max-width:860px){.admin-dashboard-frame{display:block}.admin-mock-sidebar{position:static;display:block;min-height:0;border-right:0;border-bottom:1px solid #e5eaf2;padding:14px;background:#fff}.admin-mock-logo{height:auto;margin:0 0 12px}.admin-mock-logo span{font-size:2rem}.admin-mock-sidebar nav{display:flex;gap:8px;overflow:auto}.admin-mock-sidebar nav button{flex:0 0 auto;min-height:42px;padding:0 12px;font-size:.88rem}.admin-mock-sidebar nav button span{display:none}.admin-mock-topbar{height:auto;padding:14px;align-items:stretch}.admin-mock-topbar h1{font-size:1.35rem}.admin-mock-content{padding:14px;display:grid;grid-template-columns:1fr}.admin-mock-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-mock-metrics article{grid-template-columns:48px 1fr;min-height:86px;padding:14px}.admin-mock-metrics .metric-icon{width:40px;height:40px}.admin-mock-metrics strong{font-size:1.55rem}.admin-mock-metrics small{font-size:.82rem}.admin-mock-table-head{display:none}.admin-mock-table{display:grid;gap:10px;padding:10px}.admin-mock-user-row{grid-template-columns:1fr;gap:9px;min-height:0;border:1px solid #e5eaf2;border-radius:8px;padding:12px}.admin-mock-user-row.selected{box-shadow:inset 4px 0 0 #0b62f0}.admin-mock-badge,.admin-mock-empty{width:max-content}.admin-mock-last:before{content:"Последнее: ";color:#64748b;font-weight:700}.admin-mock-pagination{display:none}.admin-mock-side-detail{display:grid;grid-template-columns:1fr;gap:12px;padding:16px}.admin-detail-actions{grid-template-columns:1fr!important}.admin-mock-recent{padding:16px}.admin-mock-recent-head{display:none}.admin-recent-row{grid-template-columns:1fr auto;gap:7px;padding:10px 0}.admin-recent-row span:nth-child(2),.admin-recent-row strong{grid-column:1/-1}.admin-recent-row span:last-child{display:none}}
@media(max-width:430px){.admin-mock-topbar{display:grid;grid-template-columns:1fr}.admin-mock-topbar .admin-create-focus{width:100%}.admin-mock-content{padding:10px}.admin-mock-metrics{grid-template-columns:1fr 1fr}.admin-mock-metrics article{padding:12px}.admin-mock-metrics strong{font-size:1.35rem}.admin-mock-side-detail,.admin-mock-recent{margin-left:-10px;margin-right:-10px;border-left:0;border-right:0;border-radius:0}.admin-mock-table-card{margin-left:-10px;margin-right:-10px;border-left:0;border-right:0;border-radius:0}}

.admin-page.admin-analytics-mode{overflow-x:hidden!important}
.admin-dashboard-frame{overflow-x:hidden}
.admin-mock-logo span{font-weight:880}
.admin-mock-topbar h1{font-weight:820}
.admin-mock-sidebar nav button{font-weight:650}
.admin-mock-metrics strong{font-weight:780}
.admin-mock-metrics small{font-weight:520}
.admin-mock-user strong,.admin-mock-profile h2,.admin-mock-detail-card h3,.admin-mock-recent h2{font-weight:760}
.admin-mock-table-head,.admin-mock-recent-head{font-weight:650}
.admin-mock-badge{font-weight:580}
.admin-mock-statline strong{font-weight:720}
.admin-recent-row span.good{color:#169447!important}
.admin-recent-row span.warn{color:#f97316!important}
.admin-recent-row span.low{color:#dc2626!important}
.admin-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border:1px solid #dde4ee;border-radius:8px;background:#fff;padding:20px 24px}
.admin-section-title h2{margin:0;color:#111827;font-size:1.25rem;font-weight:760}
.admin-section-title p{margin:6px 0 0;color:#64748b;font-size:.92rem;line-height:1.35}
.admin-section-title .admin-create-focus{min-height:40px;border:1px solid #b8e7df;border-radius:8px;background:#eafffb;color:#07756f;padding:0 14px;font:inherit;font-size:.9rem;font-weight:700;white-space:nowrap}
.admin-users-workspace,.admin-settings-workspace{align-content:start}
.admin-users-manage-list{display:grid;gap:10px}
.admin-user-manage-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(190px,1.1fr) 138px 116px 130px 88px minmax(250px,1.25fr);gap:12px;align-items:center;border:1px solid #dde4ee;border-radius:8px;background:#fff;padding:14px 16px}
.admin-user-manage-row.selected{box-shadow:inset 4px 0 0 #0b62f0;background:#f7fbff}
.admin-user-manage-main{display:flex;align-items:center;gap:12px;min-width:0;border:0;background:transparent;padding:0;text-align:left;font:inherit;color:#111827;cursor:pointer}
.admin-user-manage-main strong,.admin-user-manage-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-manage-main strong{font-size:.96rem;font-weight:720}
.admin-user-manage-main small,.admin-user-manage-row small{color:#64748b;font-size:.74rem;font-weight:650;text-transform:uppercase}
.admin-user-manage-row div{min-width:0}
.admin-user-manage-row div>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827;font-size:.9rem;font-weight:680}
.admin-user-manage-row em{display:block;margin-top:2px;color:#64748b;font-size:.78rem;font-style:normal}
.admin-user-manage-actions{display:flex!important;justify-content:flex-end;gap:8px;min-width:0}
.admin-user-manage-actions button{min-height:34px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#334155;padding:0 10px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}
.admin-user-manage-actions button:first-child{border-color:#b8e7df;background:#eafffb;color:#07756f}
.admin-user-manage-actions button.danger{border-color:#f2d6cd;background:#fff6f2;color:#d14933}
.admin-user-manage-actions button:disabled{opacity:.45;cursor:not-allowed}
.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-settings-grid article{border:1px solid #dde4ee;border-radius:8px;background:#fff;padding:18px 20px}
.admin-settings-grid strong{display:block;color:#111827;font-size:1rem;font-weight:760}
.admin-settings-grid p{margin:8px 0 0;color:#64748b;font-size:.92rem;line-height:1.42}
@media(max-width:1480px){.admin-user-manage-row{grid-template-columns:1fr 1fr 120px 110px 120px 86px;}.admin-user-manage-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:860px){.admin-dashboard-frame,.admin-mock-main,.admin-mock-content,.admin-mock-workspace,.admin-users-workspace,.admin-settings-workspace{max-width:100%;overflow-x:hidden}.admin-mock-sidebar nav{overflow-x:auto;max-width:100%;scrollbar-width:none}.admin-mock-sidebar nav::-webkit-scrollbar{display:none}.admin-mock-badge,.admin-mock-empty{max-width:100%;white-space:normal;line-height:1.25;padding-top:7px;padding-bottom:7px}.admin-section-title{align-items:stretch;flex-direction:column;padding:16px}.admin-user-manage-row{grid-template-columns:1fr;gap:10px;padding:14px}.admin-user-manage-actions{display:grid!important;grid-template-columns:1fr;justify-content:stretch}.admin-user-manage-actions button{width:100%;white-space:normal}.admin-settings-grid{grid-template-columns:1fr}.admin-mock-sidebar{overflow:hidden}.admin-mock-sidebar nav button{white-space:nowrap}}
@media(max-width:430px){.admin-dashboard-frame{width:100%;max-width:100vw}.admin-mock-sidebar,.admin-mock-topbar,.admin-mock-content{box-sizing:border-box;max-width:100vw}.admin-mock-badge,.admin-mock-empty{width:fit-content;max-width:100%}.admin-mock-user-row{overflow:hidden}.admin-mock-user{max-width:100%}.admin-mock-user span:last-child{min-width:0}.admin-settings-grid article{padding:15px}}

main.view-color{min-height:100vh;background:#fff}
main.view-color .site-header{display:grid!important}
body.color-play-mode{overflow:hidden}
body.color-play-mode .site-header,body.color-play-mode .install-app-banner{display:none!important}
body.color-play-mode main.view-color .site-header{display:none!important}
body:not(.color-play-mode) main.view-color>:not(.site-header):not(#color-trainer-screen){display:none!important}
.trainer-tile-color .trainer-tile-art{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.46) 0 7px,transparent 8px),linear-gradient(135deg,#1769f2 0%,#18a058 42%,#f6b23d 72%,#ef3f2c 100%)}
.trainer-tile-color .trainer-tile-art:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.3);border-radius:22px;transform:rotate(-8deg)}
.trainer-tile-color .trainer-tile-art:after{content:"";position:absolute;right:-30px;bottom:-42px;width:154px;height:154px;border:18px solid rgba(255,255,255,.23);border-radius:50%}
.color-card-art .color-word{position:absolute;z-index:2;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(15,23,42,.16);font-size:1.02rem;font-weight:900;letter-spacing:.02em;line-height:1;color:#111827}
.color-card-art .color-word-one{left:18px;top:24px;color:#ef3f2c;transform:rotate(-7deg)}
.color-card-art .color-word-two{right:16px;bottom:22px;color:#1769f2;transform:rotate(6deg)}
.color-card-art .color-swatch{position:absolute;z-index:2;width:38px;height:38px;border:7px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 12px 26px rgba(15,23,42,.18)}
.color-card-art .color-swatch-one{right:48px;top:26px;background:#169447}
.color-card-art .color-swatch-two{left:50px;bottom:22px;background:#f6b23d}
.color-card-art .color-orbit{position:absolute;left:34px;top:27px;width:146px;height:88px;border:2px solid rgba(255,255,255,.45);border-radius:50%;transform:rotate(-22deg)}
.color-setup .arithmetic-hero-card{background:linear-gradient(135deg,#1769f2,#17b6a6 54%,#f6b23d)}
.color-countdown-shell{width:min(100% - 32px,760px);height:100dvh;margin:0 auto;display:grid;place-items:center}
.color-countdown-card{width:min(100%,460px);padding:34px;border:1px solid #d9e3f0;border-radius:24px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 28px 70px rgba(15,23,42,.14);text-align:center}
.color-countdown-card span{display:block;color:#64748b;font-weight:800;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}
.color-countdown-card strong{display:block;margin:10px 0 8px;font-size:clamp(5rem,18vw,9rem);line-height:.9;color:#1769f2}
.color-countdown-card p{margin:0;color:#334155;font-weight:700}
.color-play{height:100dvh;min-height:0;justify-content:center;align-content:center}
.color-problem-card{border:4px solid transparent;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.color-word-stage{width:100%;min-height:116px;display:grid;place-items:center;padding:12px;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(148,163,184,.22);font-size:clamp(3rem,11vw,6.8rem);font-weight:1000;line-height:1;text-align:center;text-transform:uppercase}
.color-options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.color-option{gap:9px;font-size:1.02rem}
.color-option span{width:18px;height:18px;flex:0 0 18px;border:3px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1px rgba(15,23,42,.16)}
.color-results.trainer-results{width:min(720px,calc(100% - 24px));height:calc(100dvh - 76px);min-height:0;margin:0 auto;overflow:hidden;align-content:start;gap:12px;padding:18px 0 14px}
.color-results.trainer-results .results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.color-results.trainer-results .metric{padding:13px}
.color-results.trainer-results .metric strong{font-size:clamp(1.15rem,4.8vw,1.65rem);word-break:break-word}
.color-results.trainer-results .results-actions{gap:9px}
.color-results.trainer-results .results-actions .setup-start,.color-results.trainer-results .results-actions .secondary{min-height:50px}
@media(max-width:720px){.trainer-tile-color .color-card-art .color-word{font-size:.82rem;padding:7px 10px}.trainer-tile-color .color-card-art .color-word-one{left:14px;top:20px}.trainer-tile-color .color-card-art .color-word-two{right:10px;bottom:18px}.trainer-tile-color .color-card-art .color-swatch{width:32px;height:32px;border-width:6px}.trainer-tile-color .color-card-art .color-swatch-one{right:38px;top:24px}.trainer-tile-color .color-card-art .color-swatch-two{left:42px;bottom:17px}.trainer-tile-color .color-card-art .color-orbit{left:25px;top:24px;width:128px;height:76px}.color-countdown-shell{width:calc(100% - 22px)}.color-countdown-card{padding:26px 18px;border-radius:20px}.color-word-stage{min-height:92px;font-size:clamp(2.45rem,13vw,4.35rem)}.color-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.color-option{font-size:.98rem}.color-results.trainer-results{height:calc(100dvh - 64px);padding:12px 0 10px;gap:9px}.color-results.trainer-results h1{font-size:2rem}.color-results.trainer-results .results-grid{gap:8px}.color-results.trainer-results .metric{padding:10px}.color-results.trainer-results .metric span{font-size:.66em}.color-results.trainer-results .metric strong{margin-top:5px;font-size:1.18rem}.color-results.trainer-results .results-actions .setup-start,.color-results.trainer-results .results-actions .secondary{min-height:48px}}

/* Color trainer polish: stable game layout, compact mobile controls, visible swatches. */
.color-play{box-sizing:border-box;grid-template-rows:auto auto 18px auto auto;align-content:start;justify-content:stretch;justify-items:stretch;width:min(760px,100%);max-width:760px;margin:0 auto;padding:10px 14px 12px;gap:10px;background:#f7fafc;overflow:hidden}
.color-play .play-session{align-items:start}
.color-play .play-history{align-self:center;height:14px;padding:0}
.color-play .play-history span{height:8px;align-self:center}
.color-problem-card{box-sizing:border-box;width:100%;height:clamp(184px,31dvh,260px);min-height:184px;overflow:hidden;border-width:3px;border-radius:16px;padding:20px 18px 16px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 46px rgba(15,23,42,.1)}
.color-problem-card .arithmetic-level-badge{left:14px;top:12px;background:rgba(11,98,240,.08);color:#0b62f0}
.color-word-stage{box-sizing:border-box;width:100%;height:clamp(98px,17dvh,146px);min-height:0;display:grid;place-items:center;padding:0 14px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(148,163,184,.22);font-size:clamp(2.55rem,8.7vw,5.2rem);font-weight:1000;line-height:1;letter-spacing:0;text-align:center;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.color-problem-card p{height:24px;min-height:24px;margin:0;color:#64748b;font-size:.9rem;font-weight:850;line-height:24px}
.color-problem-card p.show{color:#147a71}
.color-problem-card.wrong p.show{color:#c43e2b}
.color-options-grid{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-height:0}
.color-option{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;height:58px;min-height:58px;padding:0 10px;gap:8px;border-radius:12px;background:#fff;font-size:.98rem;font-weight:900;line-height:1.05;box-shadow:0 8px 22px rgba(15,23,42,.07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.color-option span{display:block!important;width:12px!important;height:12px!important;flex:0 0 12px!important;border:0!important;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(15,23,42,.15)}
.color-option.right{border-color:#19b86f;background:#eefcf5;color:#137a44}
.color-option.wrong{border-color:#ef5b45;background:#fff2ef;color:#c43e2b}
@media(max-width:720px){.color-play{grid-template-rows:auto auto 14px auto auto;align-content:start;width:100%;max-width:none;padding:8px 10px 10px;gap:8px}.color-play .play-session{gap:7px}.color-play .play-session span,.color-play .play-round span{font-size:.66rem}.color-play .play-session strong{font-size:1rem}.color-play .play-round strong{font-size:.9rem}.color-play .play-history{height:12px}.color-play .play-history span{height:7px}.color-problem-card{height:clamp(166px,30dvh,214px);min-height:166px;padding:18px 12px 12px;border-radius:14px}.color-problem-card .arithmetic-level-badge{left:10px;top:10px;padding:6px 9px;font-size:.64rem}.color-word-stage{height:clamp(82px,16dvh,116px);padding:0 10px;border-radius:14px;font-size:clamp(2rem,10vw,2.68rem)}.color-problem-card p{height:22px;min-height:22px;font-size:.78rem;line-height:22px}.color-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.color-option{height:48px;min-height:48px;padding:0 8px;gap:7px;border-radius:10px;font-size:.88rem}.color-option span{width:10px!important;height:10px!important;flex-basis:10px!important}.color-play .switching-exit-button{right:8px;top:7px;min-height:30px;padding:0 9px;font-size:.74rem}}
@media(max-width:380px){.color-play{padding:7px 8px 9px;gap:7px}.color-problem-card{height:158px;min-height:158px}.color-word-stage{height:78px;font-size:clamp(1.75rem,9.5vw,2.25rem)}.color-options-grid{gap:7px}.color-option{height:45px;min-height:45px;font-size:.82rem}.color-option span{width:9px!important;height:9px!important;flex-basis:9px!important}}

@media(max-width:720px){
  body.trainer-play-mode .trainer-play{grid-template-rows:auto auto auto auto auto auto!important;align-content:start!important;gap:6px!important;padding:8px 12px 12px!important}
  body.trainer-play-mode .trainer-play .play-grid{height:auto!important;min-height:0!important;align-self:start!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:7px!important}
  body.trainer-play-mode .trainer-play .play-zone{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;padding:10px!important}
  body.trainer-play-mode .play-answer-row{position:static!important;z-index:auto!important;width:100%!important;margin:-1px 0 0!important;border-top:0!important;padding:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;align-self:start!important}
  body.trainer-play-mode .play-answer-row .answer{width:100%!important;height:90px!important;min-height:90px!important;aspect-ratio:auto!important;font-size:1.18rem!important}
}
@media(max-width:430px) and (max-height:700px){
  body.trainer-play-mode .trainer-play{gap:4px!important;padding:6px 10px 8px!important}
  body.trainer-play-mode .trainer-play .play-session{padding:6px 8px!important}
  body.trainer-play-mode .trainer-play .play-session span,body.trainer-play-mode .trainer-play .play-round span{font-size:.58rem!important}
  body.trainer-play-mode .trainer-play .play-session strong,body.trainer-play-mode .trainer-play .play-round strong{font-size:.9rem!important}
  body.trainer-play-mode .trainer-play .play-round{gap:4px!important}
  body.trainer-play-mode .trainer-play .play-round i{height:6px!important}
  body.trainer-play-mode .trainer-play .play-history{gap:3px!important}
  body.trainer-play-mode .trainer-play .play-history span{height:6px!important}
  body.trainer-play-mode .trainer-play .play-grid{gap:6px!important}
  body.trainer-play-mode .trainer-play .play-zone{padding:8px!important}
  body.trainer-play-mode .trainer-play .play-zone b.stimulus{font-size:clamp(2.1rem,12vw,3.3rem)!important}
  body.trainer-play-mode .play-answer-row{gap:6px!important;margin-top:-1px!important}
  body.trainer-play-mode .play-answer-row .answer{height:74px!important;min-height:74px!important;font-size:.96rem!important}
}

body.trainer-play-mode .switching-current-question{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:2px solid rgba(23,182,166,.24);border-radius:8px;background:linear-gradient(180deg,#fff,#edfffb);box-shadow:0 10px 24px rgba(15,23,42,.08);padding:10px 14px;color:#071238;text-align:center}
body.trainer-play-mode .switching-current-question span{display:none!important}
body.trainer-play-mode .switching-current-question strong{display:block;width:100%;min-width:0;color:#071238;font-size:1.46rem;font-weight:950;line-height:1.08;letter-spacing:0;text-align:center}
@media(max-width:720px){body.trainer-play-mode .switching-current-question{min-height:48px;padding:8px 12px}body.trainer-play-mode .switching-current-question strong{font-size:1.36rem}}
@media(max-width:430px) and (max-height:700px){body.trainer-play-mode .switching-current-question{min-height:38px;padding:5px 8px}body.trainer-play-mode .switching-current-question strong{font-size:1.14rem}}

/* Color impulse advanced Stroop trainer */
.color-advanced-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 176px;align-items:center}
.color-advanced-hero{position:relative;min-height:176px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:linear-gradient(135deg,#111827,#1769f2 42%,#169447 68%,#fefe22);overflow:hidden;box-shadow:0 18px 48px rgba(15,23,42,.14)}
.color-advanced-hero span{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;border-radius:8px;background:#fffffff0;color:var(--hero-color);font-size:1.1rem;font-weight:950;letter-spacing:0;box-shadow:0 12px 24px rgba(15,23,42,.18)}
.color-advanced-hero span:first-child{left:18px;top:24px;transform:rotate(-8deg)}
.color-advanced-hero span:nth-child(2){right:14px;bottom:24px;transform:rotate(7deg)}
.color-advanced-hero i{position:absolute;left:52px;bottom:30px;width:76px;height:76px;border-radius:50%;background:#ef3f2c;box-shadow:74px -62px 0 #fefe22}
.color-advanced-settings{gap:14px}
.color-start-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.color-start-metrics article,.color-rule-preview article{border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fff;padding:12px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.color-start-metrics span,.color-rule-preview span,.color-rule-report h2,.color-round-log h2{color:#64748b;font-size:.72rem;font-weight:950;text-transform:uppercase}
.color-start-metrics strong{display:block;margin-top:4px;color:#111827;font-size:1.22rem;font-weight:950}
.color-rule-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.color-rule-preview article{display:grid;gap:5px;min-height:104px;align-content:start}
.color-rule-preview span{color:#0b8f86}
.color-rule-preview p{margin:0;color:#334155;font-size:.82rem;font-weight:760;line-height:1.25}
.color-advanced-about{margin-top:12px}
.color-advanced-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 350px}
.color-setup-brain-card{justify-self:end;display:grid;place-items:center;width:350px;max-width:100%;min-height:330px;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible}
.color-setup-brain{width:350px;max-width:100%;height:auto;display:block;background:transparent!important;filter:drop-shadow(0 18px 24px rgba(120,84,34,.14))}
.color-advanced-settings{gap:0}
.color-mode-row button{align-content:center}
.color-mode-row button small{display:block;margin-top:7px;color:#5f718d;font-size:.82rem;line-height:1.16;font-weight:760;white-space:normal;text-align:center}
.color-mode-row button.selected small{color:#079e96}
.color-advanced-about strong{color:#071238}
.color-advanced-play.color-play{position:relative;box-sizing:border-box;grid-template-rows:auto auto auto minmax(0,1fr) 124px;align-content:start;justify-content:stretch;justify-items:stretch;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:8px 12px 10px;gap:8px;background:#f8fbfc;overflow:hidden}
.color-advanced-play.color-feedback-right{animation:color-screen-correct-flash .42s ease-out both}
.color-advanced-play.color-feedback-wrong{animation:color-screen-wrong-flash .42s ease-out both}
@keyframes color-screen-correct-flash{0%{background:#f8fbfc}42%{background:#adf3cc;box-shadow:inset 0 0 0 999px rgba(25,184,111,.13)}100%{background:#d9fbe8;box-shadow:inset 0 0 0 0 rgba(25,184,111,0)}}
@keyframes color-screen-wrong-flash{0%{background:#f8fbfc}42%{background:#ffb7ac;box-shadow:inset 0 0 0 999px rgba(255,58,38,.15)}100%{background:#ffd8d1;box-shadow:inset 0 0 0 0 rgba(239,50,31,0)}}
.color-advanced-play .switching-exit-button{position:fixed;right:12px;top:10px;z-index:60;min-height:34px;border:1px solid rgba(17,24,39,.12);border-radius:8px;background:rgba(255,255,255,.92);padding:0 12px;color:#d83a2e;font:inherit;font-size:.82rem;font-weight:900;box-shadow:0 10px 28px rgba(17,24,39,.14);backdrop-filter:blur(12px);cursor:pointer}
.color-rule-panel{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 12px;width:100%;min-height:70px;border:2px solid rgba(23,182,166,.22);border-radius:8px;background:linear-gradient(180deg,#fff,#edfffb);box-shadow:0 10px 24px rgba(15,23,42,.08);padding:10px 14px;text-align:left}
.color-rule-panel span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:7px;background:rgba(23,182,166,.1);color:#0b8f86;font-size:.68rem;font-weight:950;text-transform:uppercase}
.color-rule-panel strong{min-width:0;color:#071238;font-size:1.72rem;font-weight:950;line-height:1;letter-spacing:0}
.color-rule-panel p{grid-column:1/-1;margin:0;color:#334155;font-size:.84rem;font-weight:820;line-height:1.15}
.color-rule-panel.is-switching{animation:color-rule-pulse .95s ease both}
@keyframes color-rule-pulse{0%{transform:scale(.98);border-color:#fefe22;box-shadow:0 0 0 0 rgba(254,254,34,.34)}42%{transform:scale(1.015);border-color:#ef3f2c;box-shadow:0 0 0 12px rgba(239,63,44,.12)}100%{transform:scale(1);border-color:rgba(23,182,166,.22);box-shadow:0 10px 24px rgba(15,23,42,.08)}}
.color-advanced-play .play-session{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
.color-advanced-play .play-session div{display:grid;gap:2px}
.color-advanced-play .play-session span,.color-advanced-play .play-round span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}
.color-advanced-play .play-session strong,.color-advanced-play .play-round strong{color:var(--ink);font-size:1.1rem;font-weight:950}
.color-advanced-play .play-session i{grid-column:1/-1;display:block;width:100%;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--teal) var(--session-progress),#e4ebf0 0)}
.color-advanced-play .play-round{display:grid;gap:7px}
.color-advanced-play .play-round div{display:flex;align-items:center;justify-content:flex-start;gap:6px}
.color-advanced-play .play-round strong{font-size:.94rem}
.color-advanced-play .play-round i{display:block;width:100%;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--teal) var(--round-progress),#e4ebf0 0)}
.color-advanced-play .play-history{display:grid;grid-template-columns:repeat(15,1fr);gap:5px;height:auto;padding:0 0 2px}
.color-advanced-play .play-history span{position:relative;height:9px;border-radius:999px;background:#dbe4ea}
.color-advanced-play .play-history .hit{background:#19b86f}
.color-advanced-play .play-history .miss{background:#ef5b45}
.color-stimulus-card{align-self:center;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;width:min(620px,100%);height:clamp(286px,46dvh,410px);min-height:0;margin:0 auto;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:#fff;padding:12px;box-shadow:0 16px 38px rgba(15,23,42,.08);overflow:hidden}
.color-stimulus-card.right{border-color:#19b86f;background:linear-gradient(180deg,#f0fbf5,#fff)}
.color-stimulus-card.wrong{border-color:#ef5b45;background:linear-gradient(180deg,#fff4f2,#fff)}
.color-stimulus-stage{display:grid;grid-template-columns:1fr;align-content:center;align-items:center;justify-items:center;gap:10px;min-height:0}
.color-task-badge{display:block;min-width:0;min-height:0;border:0;border-radius:0;background:transparent;color:var(--rule-label-color,#071238);font-size:clamp(1.08rem,3.2vw,1.58rem);font-weight:1000;line-height:1;text-align:center;text-transform:uppercase;box-shadow:none;text-shadow:0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(15,23,42,.16);-webkit-text-stroke:.5px rgba(15,23,42,.22);paint-order:stroke fill}
.color-stimulus-card.is-switching .color-task-badge{animation:color-rule-pulse .95s ease both}
.color-stimulus-shape{place-self:center;display:grid;place-items:center;width:min(218px,54vw);aspect-ratio:1;background:var(--shape-color);box-shadow:inset 0 0 0 4px rgba(255,255,255,.54),0 16px 34px rgba(15,23,42,.14);overflow:hidden}
.color-stimulus-shape.circle{border-radius:50%}
.color-stimulus-shape.square{border-radius:18px}
.color-stimulus-shape.oval{width:min(258px,60vw);aspect-ratio:1.42;border-radius:999px}
.color-stimulus-shape.rectangle{width:min(274px,63vw);aspect-ratio:1.62;border-radius:18px}
.color-stimulus-shape.triangle{clip-path:polygon(50% 3%,98% 96%,2% 96%)}
.color-stimulus-shape.triangle .color-stimulus-word{max-width:70%;font-size:clamp(1.08rem,4.7vw,2.05rem);transform:translateY(62%)}
.color-stimulus-shape.triangle .color-stimulus-word.is-long-word{font-size:clamp(.98rem,4.15vw,1.72rem)}
.color-stimulus-word{box-sizing:border-box;max-width:78%;overflow:visible;padding:0 .05em;font-size:clamp(1.54rem,6.2vw,3.55rem);font-weight:1000;line-height:1;text-align:center;text-transform:uppercase;text-shadow:none;letter-spacing:0;white-space:nowrap;-webkit-text-stroke:clamp(1.25px,.32vw,3px) rgba(255,255,255,.96);paint-order:stroke fill;filter:drop-shadow(0 1px 1px rgba(15,23,42,.2))}
.color-stimulus-word.is-long-word{font-size:clamp(1.32rem,5.55vw,3rem)}
.color-stimulus-word.is-short-word{font-size:clamp(1.72rem,6.75vw,3.8rem)}
.color-round-feedback{height:22px;margin:0;color:#64748b;font-size:.84rem;font-weight:850;line-height:22px;text-align:center}
.color-round-feedback.show{color:#0b8f86}
.color-stimulus-card.wrong .color-round-feedback.show{color:#c43e2b}
.color-advanced-options.color-options-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
.color-answer-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:58px;min-height:58px;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#fff;color:#111827;font:inherit;font-size:.98rem;font-weight:950;line-height:1;box-shadow:0 8px 22px rgba(15,23,42,.07);cursor:pointer}
.color-answer-button .color-choice-dot{display:block;width:13px;height:13px;flex:0 0 13px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(15,23,42,.18)}
.shape-choice-icon{display:block;width:24px;height:24px;flex:0 0 24px;background:#111827;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(15,23,42,.18)}
.shape-choice-icon.triangle{clip-path:polygon(50% 4%,98% 96%,2% 96%)}
.shape-choice-icon.oval{width:28px;height:19px;flex-basis:28px;border-radius:999px}
.shape-choice-icon.rectangle{width:30px;height:18px;flex-basis:30px;border-radius:5px}
.shape-choice-icon.square{border-radius:5px}
.color-answer-button strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.color-advanced-options.shape-mode .color-answer-button{gap:7px;font-size:.86rem}
.color-advanced-options.shape-mode .color-answer-button strong{overflow:visible;text-overflow:clip;white-space:nowrap}
.color-answer-button.right{border-color:#19b86f;background:#eefcf5;color:#137a44}
.color-answer-button.wrong{border-color:#ef5b45;background:#fff2ef;color:#c43e2b}
.color-answer-button:disabled{cursor:default}
.color-advanced-results.color-results.trainer-results{height:calc(100dvh - 76px);min-height:0;overflow:hidden;align-content:start;padding-bottom:14px}
.color-advanced-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.color-rule-report,.color-round-log{display:grid;gap:8px;border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fff;padding:12px;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.color-rule-report h2,.color-round-log h2{margin:0;color:#111827;font-size:.95rem}
.color-rule-row{display:grid;grid-template-columns:82px minmax(0,1fr) 48px;align-items:center;gap:8px}
.color-rule-row span{color:#111827;font-size:.84rem;font-weight:930}
.color-rule-row i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#ef5b45 var(--error-rate),#e2e8f0 0)}
.color-rule-row strong{color:#334155;font-size:.82rem;text-align:right}
.color-rule-report pre{max-height:118px;overflow:auto;margin:4px 0 0;border-radius:8px;background:#0f172a;color:#e2e8f0;padding:10px;font-size:.72rem;line-height:1.35}
.color-round-log div{display:grid;grid-template-columns:76px 56px minmax(0,1fr);gap:8px;align-items:center;border-radius:8px;background:#f8fafc;padding:8px}
.color-round-log div.ok strong{color:#137a44}
.color-round-log div.bad strong{color:#c43e2b}
.color-round-log span{color:#111827;font-size:.82rem;font-weight:950}
.color-round-log small{min-width:0;color:#64748b;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:720px){
  .color-advanced-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 104px}
  .color-advanced-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 101px}
  .color-setup-brain-card{width:101px;min-height:108px;box-shadow:none}
  .color-setup-brain{width:116px;max-width:none}
  .color-advanced-hero{min-height:112px}
  .color-advanced-hero span{min-height:28px;padding:0 8px;font-size:.72rem}
  .color-advanced-hero span:first-child{left:9px;top:14px}
  .color-advanced-hero span:nth-child(2){right:8px;bottom:14px}
  .color-advanced-hero i{left:22px;bottom:20px;width:46px;height:46px;box-shadow:46px -42px 0 #fefe22}
  .color-mode-row button{min-height:56px}
  .color-mode-row button strong{font-size:.82rem}
  .color-mode-row button.selected strong{font-size:.88rem}
  .color-mode-row button small{margin-top:3px;font-size:.56rem;line-height:1.08}
  .color-start-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .color-start-metrics article,.color-rule-preview article{padding:9px}
  .color-start-metrics span,.color-rule-preview span{font-size:.58rem}
  .color-start-metrics strong{font-size:.9rem}
  .color-rule-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .color-rule-preview article{min-height:76px}
  .color-rule-preview p{font-size:.7rem}
  .color-advanced-play.color-play{grid-template-rows:auto auto auto minmax(0,1fr) auto;width:100%;max-width:none;padding:8px 12px 10px;gap:7px}
  .color-advanced-play .play-session{gap:8px;padding:0}
  .color-advanced-play .play-session span,.color-advanced-play .play-round span{font-size:.72rem}
  .color-advanced-play .play-session strong{font-size:1.1rem}
  .color-advanced-play .play-round strong{font-size:.94rem}
  .color-advanced-play .switching-exit-button{right:10px;top:8px;min-height:32px;padding:0 10px;font-size:.78rem}
  .color-rule-panel{min-height:58px;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;padding:7px 10px}
  .color-rule-panel span{min-height:22px;padding:0 7px;font-size:.56rem}
  .color-rule-panel strong{font-size:1.22rem}
  .color-rule-panel p{font-size:.7rem;line-height:1.12}
  .color-stimulus-card{width:100%;height:clamp(308px,45dvh,384px);gap:6px;padding:10px}
  .color-stimulus-stage{grid-template-columns:1fr;align-content:center;gap:9px}
  .color-task-badge{font-size:1.12rem;-webkit-text-stroke:.38px rgba(255,255,255,.82)}
  .color-stimulus-shape{width:min(154px,43vw)}
  .color-stimulus-shape.oval{width:min(188px,50vw)}
  .color-stimulus-shape.rectangle{width:min(204px,55vw)}
  .color-stimulus-word{max-width:78%;font-size:clamp(1.28rem,6.35vw,2rem);-webkit-text-stroke:clamp(1.2px,.36vw,1.8px) rgba(255,255,255,.97)}
  .color-stimulus-word.is-long-word{font-size:clamp(1.08rem,5.35vw,1.68rem)}
  .color-stimulus-word.is-short-word{font-size:clamp(1.4rem,6.8vw,2.18rem)}
  .color-stimulus-shape.triangle .color-stimulus-word{max-width:72%;font-size:clamp(.86rem,3.95vw,1.2rem);transform:translateY(68%)}
  .color-stimulus-shape.triangle .color-stimulus-word.is-long-word{font-size:clamp(.84rem,3.85vw,1.13rem)}
  .color-round-feedback{height:19px;font-size:.7rem;line-height:19px}
  .color-advanced-options.color-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .color-answer-button{height:48px;min-height:48px;border-radius:10px;font-size:.9rem}
  .color-advanced-options.shape-mode .color-answer-button{gap:6px;font-size:.8rem}
  .color-advanced-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .color-rule-row{grid-template-columns:70px minmax(0,1fr) 42px}
  .color-round-log div{grid-template-columns:62px 46px minmax(0,1fr)}
}
@media(max-width:380px){
  .color-advanced-play.color-play{padding:7px 10px 9px;gap:6px}
  .color-advanced-setup .arithmetic-hero{grid-template-columns:minmax(0,1fr) 86px}
  .color-setup-brain-card{width:86px;min-height:96px}
  .color-setup-brain{width:100px}
  .color-mode-row button{min-height:52px}
  .color-mode-row button strong{font-size:.74rem}
  .color-mode-row button.selected strong{font-size:.8rem}
  .color-mode-row button small{font-size:.5rem}
  .color-rule-panel strong{font-size:1.08rem}
  .color-rule-panel p{font-size:.64rem}
  .color-stimulus-card{height:clamp(286px,43dvh,352px);padding:9px}
  .color-stimulus-shape{width:min(140px,41vw)}
  .color-stimulus-shape.oval{width:min(168px,49vw)}
  .color-stimulus-shape.rectangle{width:min(184px,53vw)}
  .color-task-badge{font-size:1rem}
  .color-stimulus-word{font-size:clamp(1.16rem,6vw,1.82rem)}
  .color-stimulus-word.is-long-word{font-size:clamp(.98rem,5vw,1.5rem)}
  .color-stimulus-shape.triangle .color-stimulus-word{font-size:clamp(.72rem,3.35vw,.96rem);transform:translateY(70%)}
  .color-stimulus-shape.triangle .color-stimulus-word.is-long-word{font-size:clamp(.72rem,3.25vw,.92rem)}
  .color-answer-button{height:44px;min-height:44px;font-size:.82rem}
  .color-advanced-options.shape-mode .color-answer-button{font-size:.72rem}
  .color-answer-button .color-choice-dot{width:10px;height:10px;flex-basis:10px}
  .shape-choice-icon{width:20px;height:20px;flex-basis:20px}
  .shape-choice-icon.oval{width:24px;height:16px;flex-basis:24px}
  .shape-choice-icon.rectangle{width:26px;height:16px;flex-basis:26px}
}

/* Speech quest: tongue-twister trainer. */
main.view-speech>:not(.site-header):not(#speech-trainer-screen){display:none!important}
main.view-speech{min-height:100vh;background:linear-gradient(180deg,#ffffff,#f7fbff 56%,#eef9f6)}
.speech-twister-setup,.speech-twister-quest,.speech-twister-results{width:min(920px,calc(100% - 28px));margin:0 auto;color:var(--ink)}
.speech-back{min-height:38px;border:1px solid rgba(17,24,39,.12);border-radius:8px;background:#fff;padding:0 14px;color:#147a71;font:inherit;font-size:.88rem;font-weight:850;cursor:pointer}
.speech-twister-hero{grid-template-columns:minmax(0,1fr) 250px;align-items:center;margin-top:14px;margin-bottom:16px}
.speech-twister-hero h1{font-size:clamp(2.35rem,8vw,4.85rem);line-height:.9}
.speech-twister-hero p{max-width:640px;color:#52627a;font-size:1.05rem;line-height:1.45;font-weight:720}
.speech-twister-hero .speech-hero-art{position:relative;display:grid;place-items:center;min-height:220px;border:0;border-radius:8px;background:linear-gradient(135deg,#17b6a6,#ffffff 48%,#f6b23d);box-shadow:0 18px 46px rgba(17,24,39,.1);overflow:hidden}
.speech-twister-hero .speech-hero-art:before{content:"";position:absolute;inset:18px;border:2px dashed rgba(255,255,255,.74);border-radius:50%;transform:rotate(-14deg)}
.speech-twister-hero .speech-hero-art span{position:absolute;display:grid;place-items:center;width:78px;height:48px;border:1px solid rgba(255,255,255,.76);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 12px 26px rgba(17,24,39,.15);color:#071238;font-size:1.35rem;font-weight:950}
.speech-twister-hero .speech-hero-art span:first-child{left:28px;top:34px;transform:rotate(-9deg)}
.speech-twister-hero .speech-hero-art span:nth-child(2){right:26px;top:78px;transform:rotate(8deg);color:#147a71}
.speech-twister-hero .speech-hero-art span:nth-child(3){left:88px;bottom:34px;transform:rotate(4deg);color:#8a6500}
.speech-twister-panel{display:grid;gap:14px;border:1px solid #dfe8ee;border-radius:8px;background:#fff;padding:18px;box-shadow:0 14px 42px rgba(16,19,24,.08)}
.speech-twister-panel h2{margin:0;color:#071238;font-size:1.15rem;line-height:1.2}
.speech-duration-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.speech-duration-row button{position:relative;display:grid;grid-template-columns:auto auto;gap:6px;place-content:center;min-height:84px;border:1px solid #dfe8ee;border-radius:8px;background:#fff;color:#071238;font:inherit;cursor:pointer}
.speech-duration-row button strong{font-size:1.86rem;line-height:1;font-weight:950}
.speech-duration-row button span{align-self:end;color:#52627a;font-size:1rem;font-weight:900}
.speech-duration-row button.selected{border-color:#17b6a6;background:linear-gradient(180deg,#edfffb,#fff);box-shadow:inset 0 0 0 1px rgba(23,182,166,.22)}
.speech-duration-row button.selected:after{content:"";position:absolute;right:12px;top:12px;width:22px;height:22px;border-radius:50%;background:#17b6a6;box-shadow:inset 0 0 0 6px #fff}
.speech-twister-panel .speech-start{width:100%;min-height:58px;border:0;border-radius:8px;background:linear-gradient(90deg,#17b6a6,#159dcc 55%,#5b5fe8);color:#fff;font-size:1.08rem;font-weight:950}
.speech-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.speech-how article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid #dfe8ee;border-radius:8px;background:#fff;padding:13px;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.speech-how strong{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#eef8ff;color:#1769f2;font-size:1rem;font-weight:950}
.speech-how span{color:#334155;font-size:.94rem;font-weight:850;line-height:1.25}
.speech-twister-quest{box-sizing:border-box;display:grid;grid-template-rows:auto auto;gap:10px;min-height:calc(100dvh - 76px);padding:14px 0 18px;overflow:visible}
.speech-twister-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;border:1px solid #dfe8ee;border-radius:8px;background:#fff;padding:10px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.speech-twister-hud div{display:grid;gap:2px}
.speech-twister-hud span{color:#64748b;font-size:.7rem;font-weight:930;text-transform:uppercase}
.speech-twister-hud strong{color:#071238;font-size:1.16rem;font-weight:950}
.speech-twister-hud i{grid-column:1/-1;display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#17b6a6 var(--speech-progress),#e4ebf0 0)}
.speech-twister-card{display:grid;grid-template-rows:auto auto auto auto auto auto;gap:10px;min-height:0;border:1px solid #dfe8ee;border-radius:8px;background:#fff;padding:16px;box-shadow:0 16px 42px rgba(15,23,42,.08);overflow:visible}
.speech-twister-card .speech-room-head{gap:5px}
.speech-twister-card .speech-room-head span{color:#0b8f86;font-size:.76rem;font-weight:950;text-transform:uppercase}
.speech-twister-card .speech-room-head h1{margin:0;color:#071238;font-size:clamp(1.8rem,5vw,3.25rem);line-height:1;font-weight:950}
.speech-twister-card .speech-room-head p{margin:0;color:#52627a;font-size:.98rem;font-weight:760;line-height:1.3}
.speech-line-card{display:grid;align-content:start;gap:12px;min-height:0;border:1px solid #dfe8ee;border-radius:8px;background:linear-gradient(180deg,#fbfdff,#f2fbfa);padding:18px;text-align:center}
.speech-warmup{display:inline-grid;justify-self:center;grid-auto-flow:column;gap:8px;align-items:center;border:1px solid rgba(23,182,166,.2);border-radius:8px;background:#fff;padding:8px 12px}
.speech-warmup span{color:#64748b;font-size:.72rem;font-weight:950;text-transform:uppercase}
.speech-warmup strong{color:#147a71;font-size:1.04rem;font-weight:950}
.speech-line-card blockquote{margin:0;color:#071238;font-size:clamp(1.85rem,5.1vw,3.45rem);font-weight:950;line-height:1.08;letter-spacing:0}
.speech-line-card p{max-width:680px;margin:0 auto;color:#52627a;font-size:1rem;font-weight:760;line-height:1.35}
.speech-repeat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.speech-repeat-row span{display:grid;min-height:42px;place-items:center;border:1px solid #dfe8ee;border-radius:8px;background:#f8fafc;color:#94a3b8;font-size:1rem;font-weight:950}
.speech-repeat-row span.active{border-color:#bdd7ff;background:#eef6ff;color:#1769f2}
.speech-repeat-row span.done{border-color:#17b6a6;background:#edfffb;color:#0b8f86}
.speech-actions-row{display:grid;grid-template-columns:.8fr 1.1fr 1fr;gap:8px}
.speech-actions-row button,.speech-small-actions button,.speech-results-actions button{min-height:52px;border:1px solid #dfe8ee;border-radius:8px;background:#fff;color:#071238;font:inherit;font-size:.98rem;font-weight:950;cursor:pointer}
.speech-listen{color:#1769f2!important}
.speech-repeat{border-color:#17b6a6!important;background:#17b6a6!important;color:#fff!important}
.speech-next{border-color:#5b5fe8!important;background:#5b5fe8!important;color:#fff!important}
.speech-next:disabled{border-color:#dfe8ee!important;background:#f1f5f9!important;color:#94a3b8!important;opacity:1}
.speech-small-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.speech-small-actions button:first-child{color:#8a6500}
.speech-small-actions button:last-child{color:#d84732}
.speech-twister-card .speech-feedback{margin:0;border:1px solid #dfe8ee;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;font-size:.92rem;font-weight:820;line-height:1.25}
.speech-twister-results{display:grid;gap:12px;min-height:calc(100dvh - 76px);align-content:center;padding:18px 0}
.speech-twister-results .speech-results-head{border:1px solid #dfe8ee;border-radius:8px;background:#fff;padding:18px;text-align:center;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.speech-twister-results .speech-results-head h1{margin:0;color:#071238;font-size:clamp(2rem,8vw,3.5rem);line-height:.95;font-weight:950}
.speech-twister-results .speech-results-head p{margin:8px 0 0;color:#52627a;font-weight:780}
.speech-twister-results .speech-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.speech-twister-results .speech-result-grid article{border:1px solid #dfe8ee;border-radius:8px;background:#fff;padding:14px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.speech-twister-results .speech-result-grid span{display:block;color:#64748b;font-size:.72rem;font-weight:930;text-transform:uppercase}
.speech-twister-results .speech-result-grid strong{display:block;margin-top:7px;color:#071238;font-size:1.48rem;line-height:1;font-weight:950}
.speech-twister-results .speech-results-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.speech-twister-results .speech-results-actions .speech-start{border:0;background:#17b6a6;color:#fff}
.speech-twister-results .speech-safe-note{margin:0;border:1px solid #dfe8ee;border-radius:8px;background:#fff;padding:13px 14px;color:#52627a;font-size:.9rem;font-weight:760;line-height:1.35}
@media(max-width:720px){
  .speech-twister-setup{width:calc(100% - 24px);padding:16px 0 42px}
  .speech-twister-hero{grid-template-columns:minmax(0,1fr) 112px;gap:10px;margin-top:10px}
  .speech-twister-hero h1{font-size:clamp(2rem,10vw,2.7rem)}
  .speech-twister-hero p{font-size:.88rem;line-height:1.28}
  .speech-twister-hero .speech-hero-art{min-height:112px}
  .speech-twister-hero .speech-hero-art:before{inset:12px}
  .speech-twister-hero .speech-hero-art span{width:46px;height:30px;font-size:.82rem}
  .speech-twister-hero .speech-hero-art span:first-child{left:10px;top:18px}
  .speech-twister-hero .speech-hero-art span:nth-child(2){right:8px;top:42px}
  .speech-twister-hero .speech-hero-art span:nth-child(3){left:38px;bottom:14px}
  .speech-twister-panel{padding:14px;gap:12px}
  .speech-duration-row{gap:7px}
  .speech-duration-row button{min-height:58px;grid-template-columns:auto auto}
  .speech-duration-row button strong{font-size:1.25rem}
  .speech-duration-row button span{font-size:.82rem}
  .speech-duration-row button.selected:after{right:7px;top:7px;width:16px;height:16px;box-shadow:inset 0 0 0 4px #fff}
  .speech-twister-panel .speech-start{min-height:52px}
  .speech-how{grid-template-columns:1fr;gap:8px}
  .speech-how article{padding:11px}
  .speech-twister-quest{width:100%;height:calc(100dvh - 64px);padding:8px 10px 10px;gap:7px}
  .speech-twister-hud{gap:7px;padding:8px}
  .speech-twister-hud span{font-size:.62rem}
  .speech-twister-hud strong{font-size:.98rem}
  .speech-twister-card{gap:7px;padding:10px}
  .speech-twister-card .speech-room-head h1{font-size:1.62rem}
  .speech-twister-card .speech-room-head p{font-size:.78rem;line-height:1.2}
  .speech-line-card{gap:8px;padding:10px}
  .speech-warmup{padding:6px 8px}
  .speech-warmup span{font-size:.58rem}
  .speech-warmup strong{font-size:.82rem}
  .speech-line-card blockquote{font-size:clamp(1.32rem,7vw,2.25rem);line-height:1.08}
  .speech-line-card p{font-size:.78rem;line-height:1.25}
  .speech-repeat-row{gap:6px}
  .speech-repeat-row span{min-height:32px}
  .speech-actions-row{grid-template-columns:1fr;gap:6px}
  .speech-actions-row button,.speech-small-actions button{min-height:42px;font-size:.88rem}
  .speech-small-actions{gap:6px}
  .speech-twister-card .speech-feedback{padding:8px 9px;font-size:.76rem}
  .speech-twister-results{width:calc(100% - 24px);min-height:calc(100dvh - 64px);padding:12px 0;align-content:start}
  .speech-twister-results .speech-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .speech-twister-results .speech-results-head,.speech-twister-results .speech-result-grid article{padding:12px}
  .speech-twister-results .speech-result-grid strong{font-size:1.24rem}
}
@media(max-width:380px){
  .speech-twister-hero{grid-template-columns:minmax(0,1fr) 94px}
  .speech-twister-hero .speech-hero-art{min-height:98px}
  .speech-twister-hero p{font-size:.82rem}
  .speech-line-card blockquote{font-size:clamp(1.18rem,6.5vw,1.86rem)}
  .speech-line-card p{font-size:.72rem}
}

/* Speech quest: simplified timed twister flow. */
.speech-twister-setup{width:min(943px,100%);padding:22px 47px 32px;box-sizing:border-box}
.speech-twister-setup .speech-back{display:none!important}
.speech-twister-hero{position:relative;display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:8px;min-height:300px;margin:0 0 18px}
.speech-twister-hero .speech-hero-copy{position:relative;z-index:2;display:grid;justify-items:start;gap:17px}
.speech-twister-hero h1{margin:0;color:#071238;font-size:4.25rem;line-height:.92;font-weight:950;letter-spacing:0}
.speech-twister-hero h1:after{content:"";display:block;width:325px;height:8px;margin-top:17px;border-radius:999px;background:linear-gradient(90deg,#12c7bf 0%,#37a2f5 40%,#8954ee 68%,#f6b24a 100%)}
.speech-twister-hero p{max-width:520px;margin:0;color:#4f6389;font-size:1.16rem;line-height:1.42;font-weight:590}
.speech-brain{position:relative;z-index:1;justify-self:end;width:320px;max-width:100%;height:auto;display:block;filter:saturate(1.28) hue-rotate(10deg) drop-shadow(0 24px 36px rgba(96,77,220,.2))}
.speech-twister-panel{display:grid;gap:18px;margin-top:0;padding:24px 28px;border:1px solid #dfe8f5;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 18px 46px rgba(52,81,145,.1)}
.speech-twister-panel h2{margin:0;color:#071238;font-size:1.35rem;line-height:1.16;font-weight:920;letter-spacing:0}
.speech-duration-row{display:grid;width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.speech-duration-row button{position:relative;display:grid;align-items:center;justify-content:center;gap:10px;min-width:0;box-sizing:border-box;min-height:88px;border:1px solid #d9e3f1;border-radius:8px;background:#fff;color:#071238;padding:12px 16px;font:inherit;box-shadow:0 8px 22px rgba(52,81,145,.05);cursor:pointer}
.speech-duration-row button span{display:flex;align-items:baseline;gap:8px;color:inherit;font-size:1.43rem;line-height:1;white-space:nowrap;font-weight:850}
.speech-duration-row button span strong{color:inherit;font-size:2rem;line-height:1;font-weight:900}
.speech-duration-row button em{display:none;position:absolute;right:-6px;top:-10px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#12c7bf,#089a94);box-shadow:0 10px 22px rgba(10,166,158,.24);font-style:normal}
.speech-duration-row button em:after{content:"";position:absolute;left:11px;top:7px;width:9px;height:16px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(42deg)}
.speech-duration-row button.selected{border-color:#10bab2;background:linear-gradient(135deg,#eafffb,#fff);color:#079e96;box-shadow:0 15px 32px rgba(16,186,178,.16)}
.speech-duration-row button.selected:after{display:none}
.speech-duration-row button.selected em{display:block}
.speech-twister-panel .speech-start{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:21px;width:100%;min-height:70px;margin-top:0;border:0;border-radius:8px;background:linear-gradient(100deg,#05c8bd 0%,#259df2 52%,#792cef 100%);color:#fff;font:inherit;font-size:1.55rem;font-weight:920;letter-spacing:0;box-shadow:0 18px 42px rgba(83,80,222,.2);cursor:pointer}
.speech-twister-panel .speech-start:before{content:"";justify-self:end;width:44px;height:44px;background:currentColor;clip-path:polygon(52% 0,78% 20%,88% 45%,72% 45%,58% 73%,36% 95%,31% 68%,5% 63%,28% 42%,55% 28%)}
.speech-twister-panel .speech-start:after{content:"";justify-self:end;width:18px;height:18px;margin-right:31px;border-top:5px solid currentColor;border-right:5px solid currentColor;transform:rotate(45deg)}
.speech-twister-quest{width:min(820px,calc(100% - 28px));min-height:calc(100dvh - 76px);height:auto;align-content:start;padding:14px 0 18px;overflow:visible}
.speech-twister-hud{grid-template-columns:repeat(3,minmax(0,1fr))}
.speech-twister-card{grid-template-rows:auto auto auto;gap:14px;padding:18px}
.speech-line-card{align-content:center;gap:14px;min-height:300px}
.speech-line-card blockquote{font-size:clamp(2rem,5vw,3.55rem)}
.speech-simple-actions{grid-template-columns:.85fr 1fr .85fr;gap:9px}
.speech-actions-row.speech-simple-actions button{min-height:58px;border-radius:8px;font-size:1rem;font-weight:950}
.speech-finish-simple{border-color:rgba(216,58,46,.22)!important;background:#fff7f6!important;color:#d83a2e!important}
.speech-actions-row.speech-simple-actions .speech-next{border-color:#5b5fe8!important;background:#5b5fe8!important;color:#fff!important}
@media(max-width:720px){
  .speech-twister-setup{width:390px;max-width:100%;margin:0 auto;padding:10px 14px 20px;overflow:hidden}
  .speech-twister-setup .speech-back{min-height:34px;margin-bottom:8px;padding:0 12px;font-size:.78rem}
  .speech-twister-hero{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:4px;min-height:0;margin-bottom:8px}
  .speech-twister-hero .speech-hero-copy{gap:6px}
  .speech-twister-hero h1{font-size:clamp(1.55rem,7.2vw,1.86rem);line-height:.98}
  .speech-twister-hero h1:after{width:min(210px,58vw);height:4px;margin-top:6px}
  .speech-twister-hero p{max-width:225px;font-size:.72rem;line-height:1.24}
  .speech-brain{justify-self:end;width:112px;margin-top:0}
  .speech-twister-panel{gap:8px;margin-top:8px;padding:10px}
  .speech-twister-panel h2{font-size:.98rem;line-height:1.1}
  .speech-duration-row{gap:7px}
  .speech-duration-row button{min-height:46px;padding:6px 4px;border-radius:8px;gap:4px}
  .speech-duration-row button span{gap:3px;font-size:.78rem}
  .speech-duration-row button span strong{font-size:1.12rem}
  .speech-duration-row button em{right:-4px;top:-8px;width:24px;height:24px}
  .speech-duration-row button em:after{left:8px;top:5px;width:7px;height:12px;border-width:0 3px 3px 0}
  .speech-twister-panel .speech-start{min-height:52px;margin-top:8px;font-size:1.18rem;gap:12px}
  .speech-twister-panel .speech-start:before{width:24px;height:24px}
  .speech-twister-panel .speech-start:after{width:11px;height:11px;margin-right:15px;border-width:3px}
  .speech-twister-quest{width:100%;min-height:calc(100dvh - 64px);height:auto;padding:8px 10px 10px;gap:7px;overflow:visible}
  .speech-twister-card{gap:8px;padding:10px}
  .speech-line-card{min-height:260px;gap:8px;padding:10px}
  .speech-simple-actions{grid-template-columns:1fr;gap:6px}
  .speech-actions-row.speech-simple-actions button{min-height:44px;font-size:.88rem}
}
@media(max-width:380px){
  .speech-twister-setup{padding-left:12px;padding-right:12px}
  .speech-twister-hero{grid-template-columns:minmax(0,1fr) 96px}
  .speech-twister-hero h1{font-size:1.42rem}
  .speech-twister-hero h1:after{width:184px}
  .speech-twister-hero p{max-width:205px;font-size:.66rem;line-height:1.2}
  .speech-brain{width:96px}
  .speech-duration-row{gap:6px}
  .speech-duration-row button{min-height:42px}
  .speech-duration-row button span{font-size:.72rem}
  .speech-duration-row button span strong{font-size:1rem}
  .speech-twister-panel .speech-start{min-height:48px;font-size:1.05rem}
  .speech-line-card{min-height:236px}
}

/* Speech quest active-session header: match Code Attention without its answer timer/history. */
html.speech-play-mode,
body.speech-play-mode{
  height:100%;
  overflow:hidden;
  overscroll-behavior:none;
}
body.speech-play-mode{
  position:fixed;
  inset:0;
  width:100%;
}
body.speech-play-mode #root,
body.speech-play-mode main.view-speech{
  height:100dvh;
  min-height:0;
  overflow:hidden;
}
body.speech-play-mode main.view-speech{background:#f8fbfc}
body.speech-play-mode .site-header{display:none}
body.speech-play-mode .speech-twister-quest{
  box-sizing:border-box;
  width:min(760px,calc(100% - 20px));
  height:100dvh;
  min-height:0;
  grid-template-rows:auto minmax(0,1fr);
  gap:7px;
  padding:10px 0 14px;
  overflow:hidden;
}
body.speech-play-mode .speech-session-time{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:100%;
  margin:0;
  border:0;
  background:transparent;
  padding:0;
  box-shadow:none;
}
body.speech-play-mode .speech-session-time i{
  height:9px;
}
body.speech-play-mode .speech-game-actions{
  right:max(20px,calc((100vw - 760px) / 2 + 10px));
}
body.speech-game-paused .speech-twister-card{
  opacity:.88;
  filter:saturate(.9);
}
body.speech-game-paused .speech-twister-card button{
  pointer-events:none;
}

@media(max-width:720px){
  body.speech-play-mode .speech-twister-quest{
    width:min(390px,100%);
    max-width:390px;
    margin:0 auto;
    padding:8px 12px 12px;
  }
  body.speech-play-mode .speech-game-actions{
    top:max(8px,env(safe-area-inset-top));
    right:max(8px,env(safe-area-inset-right));
  }
  body.speech-play-mode .speech-session-time{padding:0}
}

/* Speech quest: level selector and transparent brain art. */
.speech-brain{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain;
}
.speech-level-row{
  display:grid;
  width:100%;
  min-width:0;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.speech-level-row button{
  position:relative;
  display:grid;
  min-width:0;
  min-height:106px;
  align-content:center;
  gap:7px;
  border:1px solid #d9e3f1;
  border-radius:8px;
  background:#fff;
  color:#071238;
  padding:13px 10px;
  font:inherit;
  text-align:center;
  box-shadow:0 8px 22px rgba(52,81,145,.05);
  cursor:pointer;
}
.speech-level-row button strong,
.speech-level-row button span,
.speech-level-row button small{
  display:block;
  min-width:0;
}
.speech-level-row button strong{
  font-size:.92rem;
  line-height:1.05;
  font-weight:950;
}
.speech-level-row button span{
  color:#1769f2;
  font-size:1.2rem;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
}
.speech-level-row button small{
  color:#52627a;
  font-size:.72rem;
  line-height:1.16;
  font-weight:820;
}
.speech-level-row button em{
  display:none;
  position:absolute;
  right:-6px;
  top:-10px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(135deg,#12c7bf,#089a94);
  box-shadow:0 10px 22px rgba(10,166,158,.22);
  font-style:normal;
}
.speech-level-row button em:after{
  content:"";
  position:absolute;
  left:9px;
  top:6px;
  width:8px;
  height:13px;
  border:solid #fff;
  border-width:0 3px 3px 0;
  transform:rotate(42deg);
}
.speech-level-row button.selected{
  border-color:#10bab2;
  background:linear-gradient(135deg,#eafffb,#fff);
  color:#079e96;
  box-shadow:0 15px 32px rgba(16,186,178,.14);
}
.speech-level-row button.selected em{
  display:block;
}
.speech-level-row button[data-speech-set="cone-factory"]{
  grid-column:span 2;
}
.speech-level-row button[data-speech-set="t-s-ts"]{
  grid-column:span 2;
}
@media(max-width:720px){
  .speech-twister-setup{
    overflow:visible;
  }
  .speech-level-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .speech-level-row button{
    min-height:72px;
    gap:4px;
    padding:8px 7px;
  }
  .speech-level-row button strong{
    font-size:.72rem;
  }
  .speech-level-row button span{
    font-size:.96rem;
  }
  .speech-level-row button small{
    font-size:.62rem;
  }
  .speech-level-row button em{
    right:-4px;
    top:-8px;
    width:22px;
    height:22px;
  }
  .speech-level-row button em:after{
    left:7px;
    top:5px;
    width:6px;
    height:10px;
    border-width:0 3px 3px 0;
  }
}
@media(max-width:380px){
  .speech-level-row button{
    min-height:68px;
    padding:7px 5px;
  }
  .speech-level-row button span{
    font-size:.88rem;
  }
  .speech-level-row button small{
    font-size:.58rem;
  }
}

/* Speech quest setup: match First Count sizing on tablet and web. */
@media(min-width:721px){
  .speech-twister-setup{
    box-sizing:border-box;
    width:min(1060px,calc(100% - 44px));
    margin:0 auto;
    padding:18px 0 34px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(330px,410px);
    gap:14px 18px;
    align-items:start;
  }
  .speech-twister-hero{
    grid-column:1;
    width:auto;
    min-height:0;
    margin:0;
    padding:16px 18px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(112px,180px);
    align-items:center;
    gap:14px;
  }
  .speech-twister-hero .speech-hero-copy{
    gap:9px;
  }
  .speech-twister-hero h1{
    font-size:3rem;
    line-height:1;
  }
  .speech-twister-hero p{
    max-width:none;
    margin-top:9px;
    font-size:.95rem;
    line-height:1.42;
  }
  .speech-twister-setup .speech-brain{
    width:min(180px,100%);
    max-height:190px;
    object-fit:contain;
  }
  .speech-twister-panel{
    grid-column:2;
    grid-row:1;
    margin:0;
    padding:8px;
    gap:7px;
  }
  .speech-twister-panel h2{
    font-size:.86rem;
    line-height:1.15;
  }
  .speech-duration-row{
    gap:7px;
  }
  .speech-duration-row button{
    min-height:44px;
    padding:6px 8px;
    gap:6px;
  }
  .speech-duration-row button span{
    gap:5px;
    font-size:.96rem;
  }
  .speech-duration-row button span strong{
    font-size:1.28rem;
  }
  .speech-duration-row button.selected span strong{
    font-size:1.34rem;
  }
  .speech-level-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .speech-level-row button{
    min-height:64px;
    gap:4px;
    padding:8px 9px;
  }
  .speech-level-row button strong{
    font-size:.74rem;
    line-height:1.05;
  }
  .speech-level-row button span{
    font-size:.96rem;
  }
  .speech-level-row button small{
    font-size:.6rem;
    line-height:1.12;
  }
  .speech-duration-row button em,
  .speech-level-row button em{
    right:-3px;
    top:-6px;
    width:20px;
    height:20px;
    place-items:center;
  }
  .speech-duration-row button.selected em,
  .speech-level-row button.selected em{
    display:grid;
  }
  .speech-duration-row button em:after,
  .speech-level-row button em:after{
    position:static;
    width:5px;
    height:9px;
    border-width:0 2px 2px 0;
    transform:translateY(-1px) rotate(42deg);
    transform-origin:center;
  }
  .speech-twister-panel .speech-start{
    min-height:50px;
    margin-top:0;
    gap:12px;
    font-size:1.08rem;
  }
  .speech-twister-panel .speech-start:before{
    width:24px;
    height:24px;
  }
  .speech-twister-panel .speech-start:after{
    width:11px;
    height:11px;
    margin-right:15px;
    border-width:3px;
  }
  .color-advanced-setup .color-duration-row button.selected:before,
  .color-advanced-setup .color-answer-time-row button.selected:before,
  .color-advanced-setup .color-mode-row button.selected:before{
    right:4px;
    top:-2px;
    width:5px;
    height:9px;
    border-width:0 2px 2px 0;
    transform:rotate(42deg);
    transform-origin:center;
  }
}
@media(min-width:721px) and (max-width:900px){
  .speech-twister-setup{
    width:min(100% - 28px,820px);
    grid-template-columns:minmax(0,1fr) minmax(300px,340px);
    gap:12px;
  }
  .speech-twister-hero{
    grid-template-columns:minmax(0,1fr) 118px;
    padding:14px;
  }
  .speech-twister-hero h1{
    font-size:2.35rem;
  }
  .speech-twister-hero h1:after{
    width:196px;
  }
  .speech-twister-hero p{
    font-size:.86rem;
    line-height:1.34;
  }
  .speech-twister-setup .speech-brain{
    width:118px;
    max-height:132px;
  }
  .speech-duration-row button{
    min-height:42px;
    padding:5px 7px;
  }
  .speech-level-row button{
    min-height:62px;
    padding:7px 8px;
  }
}

/* Color impulse: reference-like clean figure cards. */
.color-stimulus-shape{
  position:relative;
  width:min(262px,56vw);
  overflow:hidden;
  background:var(--shape-color);
  box-shadow:
    inset 0 0 0 8px rgba(15,23,42,.12),
    inset 0 2px 0 rgba(255,255,255,.18),
    0 18px 34px rgba(15,23,42,.16);
}
.color-stimulus-shape:before{
  content:"";
  position:absolute;
  inset:22px;
  z-index:1;
  border:5px solid rgba(255,255,255,.94);
  border-radius:inherit;
  pointer-events:none;
}
.color-stimulus-shape.square{
  border-radius:22px;
}
.color-stimulus-shape.square:before{
  border-radius:15px;
}
.color-stimulus-shape.rectangle{
  width:min(306px,64vw);
  border-radius:22px;
}
.color-stimulus-shape.rectangle:before{
  border-radius:15px;
}
.color-stimulus-shape.oval,
.color-stimulus-shape.circle{
  border-radius:999px;
}
.color-stimulus-shape.triangle{
  width:min(292px,60vw);
  overflow:hidden;
  clip-path:polygon(50% 1.5%,99% 97%,1% 97%);
  filter:drop-shadow(0 18px 24px rgba(15,23,42,.16));
  box-shadow:inset 0 0 0 12px rgba(15,23,42,.12);
}
.color-stimulus-shape.triangle:before{
  inset:24px 22px 24px;
  border:0;
  border-radius:0;
  background:rgba(255,255,255,.94);
  clip-path:polygon(50% 0,100% 100%,0 100%);
}
.color-stimulus-shape.triangle:after{
  content:"";
  position:absolute;
  inset:34px 33px 38px;
  z-index:1;
  background:var(--shape-color);
  clip-path:polygon(50% 0,100% 100%,0 100%);
  pointer-events:none;
}
.color-stimulus-word{
  position:relative;
  z-index:2;
  max-width:86%;
  font-size:clamp(1.5rem,4.7vw,2.46rem);
  font-weight:950;
  line-height:1;
  letter-spacing:0;
  text-shadow:0 2px 4px rgba(15,23,42,.18);
  -webkit-text-stroke:0 transparent;
  paint-order:normal;
  filter:none;
}
.color-stimulus-word.is-long-word{
  font-size:clamp(1.32rem,4.15vw,2.22rem);
}
.color-stimulus-word.is-short-word{
  font-size:clamp(1.7rem,5.2vw,2.78rem);
}
.color-stimulus-shape.triangle .color-stimulus-word{
  max-width:58%;
  font-size:clamp(1.14rem,3.6vw,1.92rem);
  transform:translateY(18%);
}
.color-stimulus-shape.triangle .color-stimulus-word.is-long-word{
  font-size:clamp(.98rem,3.1vw,1.55rem);
}
@media(max-width:720px){
  .color-stimulus-shape{
    width:min(186px,50vw);
    box-shadow:
      inset 0 0 0 6px rgba(15,23,42,.12),
      inset 0 1px 0 rgba(255,255,255,.18),
      0 14px 24px rgba(15,23,42,.14);
  }
  .color-stimulus-shape:before{
    inset:16px;
    border-width:4px;
  }
  .color-stimulus-shape.square,
  .color-stimulus-shape.rectangle{
    border-radius:18px;
  }
  .color-stimulus-shape.square:before,
  .color-stimulus-shape.rectangle:before{
    border-radius:12px;
  }
  .color-stimulus-shape.oval{
    width:min(210px,56vw);
  }
  .color-stimulus-shape.rectangle{
    width:min(224px,58vw);
  }
  .color-stimulus-shape.triangle{
    width:min(208px,55vw);
  }
  .color-stimulus-shape.triangle:before{
    inset:18px 17px 20px;
  }
  .color-stimulus-shape.triangle:after{
    inset:26px 26px 31px;
  }
  .color-stimulus-word{
    max-width:84%;
    font-size:clamp(1.42rem,6.8vw,2rem);
  }
  .color-stimulus-word.is-long-word{
    font-size:clamp(1.18rem,5.8vw,1.72rem);
  }
  .color-stimulus-word.is-short-word{
    font-size:clamp(1.58rem,7.4vw,2.18rem);
  }
  .color-stimulus-shape.triangle .color-stimulus-word{
    max-width:60%;
    font-size:clamp(.98rem,4.4vw,1.28rem);
    transform:translateY(16%);
  }
  .color-stimulus-shape.triangle .color-stimulus-word.is-long-word{
    font-size:clamp(.82rem,3.8vw,1.08rem);
  }
}
@media(max-width:380px){
  .color-stimulus-shape{
    width:min(170px,48vw);
  }
  .color-stimulus-shape.oval{
    width:min(188px,54vw);
  }
  .color-stimulus-shape.rectangle{
    width:min(204px,56vw);
  }
  .color-stimulus-shape.triangle{
    width:min(186px,53vw);
  }
  .color-stimulus-word{
    font-size:clamp(1.28rem,6.2vw,1.78rem);
  }
  .color-stimulus-word.is-long-word{
    font-size:clamp(1.06rem,5.3vw,1.5rem);
  }
}

/* Color impulse: photo-reference SVG figure cards. */
.color-stimulus-shape.color-reference-figure{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:min(326px,62vw)!important;
  aspect-ratio:1!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
  filter:drop-shadow(0 18px 24px rgba(17,17,17,.16));
}
.color-stimulus-shape.color-reference-figure:before,
.color-stimulus-shape.color-reference-figure:after{
  content:none!important;
  display:none!important;
}
.color-stimulus-shape.color-reference-figure.rectangle{
  width:min(382px,72vw)!important;
  aspect-ratio:1.44!important;
}
.color-stimulus-shape.color-reference-figure.oval{
  width:min(372px,70vw)!important;
  aspect-ratio:1.42!important;
}
.color-stimulus-shape.color-reference-figure.hexagon{
  width:min(340px,64vw)!important;
  aspect-ratio:1.13!important;
}
.color-reference-svg{
  grid-area:1/1;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.color-reference-svg .shape-fill{
  fill:var(--shape-color);
  stroke:var(--outer-stroke);
  stroke-width:14;
  stroke-linejoin:round;
  paint-order:stroke fill;
}
.color-reference-svg .shape-inner{
  fill:none;
  stroke:var(--inner-stroke);
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.color-reference-figure.circle .shape-fill,
.color-reference-figure.oval .shape-fill{
  stroke-width:11;
}
.color-reference-figure.circle .shape-inner,
.color-reference-figure.oval .shape-inner{
  stroke-width:7;
}
.color-stimulus-shape.color-reference-figure .color-stimulus-word{
  grid-area:1/1;
  z-index:2;
  max-width:72%;
  color:var(--word-color)!important;
  font-size:clamp(1.72rem,4.7vw,2.84rem);
  font-weight:880;
  line-height:1;
  letter-spacing:0;
  text-align:center;
  white-space:nowrap;
  text-transform:uppercase;
  transform:none!important;
  filter:none!important;
  -webkit-text-stroke:0 transparent;
  paint-order:normal;
  text-shadow:0 2px 4px var(--word-shadow);
}
.color-stimulus-shape.color-reference-figure .color-stimulus-word.is-short-word{
  font-size:clamp(1.9rem,5vw,3.12rem);
}
.color-stimulus-shape.color-reference-figure .color-stimulus-word.is-long-word{
  font-size:clamp(1.48rem,4.05vw,2.36rem);
}
.color-stimulus-shape.color-reference-figure.rectangle .color-stimulus-word,
.color-stimulus-shape.color-reference-figure.oval .color-stimulus-word{
  max-width:76%;
}
.color-stimulus-shape.color-reference-figure.hexagon .color-stimulus-word{
  max-width:68%;
  font-size:clamp(1.46rem,4vw,2.34rem);
}
.color-stimulus-shape.color-reference-figure.hexagon .color-stimulus-word.is-long-word{
  font-size:clamp(1.28rem,3.5vw,2.02rem);
}
.shape-choice-icon.circle{
  border-radius:50%;
}
.shape-choice-icon.hexagon{
  width:28px;
  height:24px;
  flex-basis:28px;
  border-radius:0;
  clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);
}
@media(max-width:720px){
  .color-stimulus-shape.color-reference-figure{
    width:min(226px,57vw)!important;
    filter:drop-shadow(0 14px 20px rgba(17,17,17,.15));
  }
  .color-stimulus-shape.color-reference-figure.rectangle{
    width:min(264px,70vw)!important;
  }
  .color-stimulus-shape.color-reference-figure.oval{
    width:min(254px,68vw)!important;
  }
  .color-stimulus-shape.color-reference-figure.hexagon{
    width:min(236px,61vw)!important;
  }
  .color-reference-svg .shape-fill{
    stroke-width:12;
  }
  .color-reference-svg .shape-inner{
    stroke-width:7;
  }
  .color-stimulus-shape.color-reference-figure .color-stimulus-word{
    font-size:clamp(1.32rem,6.5vw,2.02rem);
  }
  .color-stimulus-shape.color-reference-figure .color-stimulus-word.is-short-word{
    font-size:clamp(1.46rem,7vw,2.24rem);
  }
  .color-stimulus-shape.color-reference-figure .color-stimulus-word.is-long-word{
    font-size:clamp(1.14rem,5.55vw,1.68rem);
  }
  .color-stimulus-shape.color-reference-figure.hexagon .color-stimulus-word,
  .color-stimulus-shape.color-reference-figure.hexagon .color-stimulus-word.is-long-word{
    font-size:clamp(1.02rem,5vw,1.48rem);
  }
}
@media(max-width:380px){
  .color-stimulus-shape.color-reference-figure{
    width:min(206px,56vw)!important;
  }
  .color-stimulus-shape.color-reference-figure.rectangle{
    width:min(238px,68vw)!important;
  }
  .color-stimulus-shape.color-reference-figure.oval{
    width:min(230px,66vw)!important;
  }
  .color-stimulus-shape.color-reference-figure.hexagon{
    width:min(214px,59vw)!important;
  }
  .color-stimulus-shape.color-reference-figure .color-stimulus-word{
    font-size:clamp(1.18rem,6vw,1.72rem);
  }
  .color-stimulus-shape.color-reference-figure .color-stimulus-word.is-long-word{
    font-size:clamp(.98rem,5.1vw,1.38rem);
  }
}

/* Color impulse: keep answer icons on the same visual axis. */
.color-answer-button{
  display:grid!important;
  grid-template-columns:34px minmax(0,auto)!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:start;
  column-gap:8px!important;
}
.color-answer-button .color-choice-dot,
.color-answer-button .shape-choice-icon{
  grid-column:1;
  justify-self:center!important;
  align-self:center!important;
  box-sizing:border-box;
  margin:0!important;
  transform:none!important;
}
.color-answer-button .color-choice-dot{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  border-radius:50%;
}
.color-answer-button .shape-choice-icon{
  display:block;
  background:#111827;
  box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(15,23,42,.18);
}
.color-answer-button .shape-choice-icon.square,
.color-answer-button .shape-choice-icon.circle{
  width:22px!important;
  height:22px!important;
  flex-basis:22px!important;
}
.color-answer-button .shape-choice-icon.circle{
  border-radius:50%;
}
.color-answer-button .shape-choice-icon.square{
  border-radius:5px;
}
.color-answer-button .shape-choice-icon.oval,
.color-answer-button .shape-choice-icon.rectangle{
  width:26px!important;
  height:16px!important;
  flex-basis:26px!important;
}
.color-answer-button .shape-choice-icon.oval{
  border-radius:999px;
}
.color-answer-button .shape-choice-icon.rectangle{
  border-radius:5px;
}
.color-answer-button .shape-choice-icon.hexagon{
  width:24px!important;
  height:22px!important;
  flex-basis:24px!important;
  border-radius:0;
  clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);
}
.color-answer-button strong{
  grid-column:2;
  justify-self:start;
}
@media(max-width:380px){
  .color-answer-button{
    grid-template-columns:30px minmax(0,auto)!important;
    column-gap:6px!important;
  }
  .color-answer-button .color-choice-dot{
    width:14px!important;
    height:14px!important;
    flex-basis:14px!important;
  }
  .color-answer-button .shape-choice-icon.square,
  .color-answer-button .shape-choice-icon.circle{
    width:20px!important;
    height:20px!important;
    flex-basis:20px!important;
  }
  .color-answer-button .shape-choice-icon.oval,
  .color-answer-button .shape-choice-icon.rectangle{
    width:24px!important;
    height:15px!important;
    flex-basis:24px!important;
  }
  .color-answer-button .shape-choice-icon.hexagon{
    width:22px!important;
    height:20px!important;
    flex-basis:22px!important;
  }
}

/* Color impulse: polished setup checks, answer menu, and stable play area. */
.color-duration-row button,
.color-answer-time-row button,
.color-mode-row button{
  position:relative;
  overflow:visible;
}
.color-duration-row button.selected:after,
.color-answer-time-row button.selected:after,
.color-mode-row button.selected:after{
  content:"";
  position:absolute;
  right:-6px;
  top:-10px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,#12c7bf,#089a94);
  box-shadow:0 10px 22px rgba(10,166,158,.24);
}
.color-duration-row button.selected:before,
.color-answer-time-row button.selected:before,
.color-mode-row button.selected:before{
  content:"";
  position:absolute;
  right:6px;
  top:0;
  z-index:1;
  width:9px;
  height:16px;
  border:solid #fff;
  border-width:0 4px 4px 0;
  transform:rotate(42deg);
}
.color-mode-row button{
  min-height:78px;
}
.color-mode-row button strong{
  font-size:1.28rem;
}
.color-mode-row button small{
  display:none!important;
}
.color-advanced-play.color-play{
  grid-template-rows:auto auto auto minmax(0,1fr) 136px!important;
}
.color-advanced-options.color-options-grid{
  min-height:136px;
  align-content:start;
}
.color-answer-button{
  display:grid!important;
  grid-template-columns:44px minmax(0,auto)!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:start!important;
  column-gap:12px!important;
  height:64px!important;
  min-height:64px!important;
  padding:0 18px!important;
  line-height:1!important;
}
.color-answer-button .color-choice-dot,
.color-answer-button .shape-choice-icon{
  grid-column:1;
  justify-self:center!important;
  align-self:center!important;
  box-sizing:border-box;
  margin:0!important;
  transform:none!important;
}
.color-answer-button .color-choice-dot{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  border-radius:7px!important;
  box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(15,23,42,.16)!important;
}
.color-answer-button strong{
  grid-column:2;
  display:flex;
  align-items:center;
  align-self:center;
  min-height:1.1em;
  justify-self:start;
  overflow:hidden;
  color:inherit;
  font-size:1.08rem;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.color-advanced-options.shape-mode .color-answer-button{
  grid-template-columns:46px minmax(0,auto)!important;
  font-size:1rem;
}
.color-advanced-options.shape-mode .color-answer-button strong{
  font-size:1rem;
  overflow:visible;
  text-overflow:clip;
}
.color-answer-button .shape-choice-icon{
  background:#111827;
  box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(15,23,42,.16)!important;
}
.color-answer-button .shape-choice-icon.square,
.color-answer-button .shape-choice-icon.circle{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important;
}
.color-answer-button .shape-choice-icon.square{
  border-radius:7px;
}
.color-answer-button .shape-choice-icon.circle{
  border-radius:50%;
}
.color-answer-button .shape-choice-icon.oval,
.color-answer-button .shape-choice-icon.rectangle{
  width:34px!important;
  height:23px!important;
  flex-basis:34px!important;
}
.color-answer-button .shape-choice-icon.oval{
  border-radius:999px;
}
.color-answer-button .shape-choice-icon.rectangle{
  border-radius:7px;
}
.color-answer-button .shape-choice-icon.hexagon{
  width:32px!important;
  height:30px!important;
  flex-basis:32px!important;
  border-radius:0;
  clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);
}
.color-stimulus-card{
  align-self:stretch!important;
  height:100%!important;
  max-height:430px;
  min-height:286px;
}
.color-stimulus-stage{
  min-height:0;
}
.color-stimulus-shape.color-reference-figure.hexagon{
  width:min(334px,63vw)!important;
}
/* Color impulse setup: match First Count sizing on tablet and web. */
@media(min-width:721px){
  .color-advanced-setup{
    box-sizing:border-box;
    width:min(1060px,calc(100% - 44px));
    margin:0 auto;
    padding:18px 0 34px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(330px,410px);
    gap:14px 18px;
    align-items:start;
  }
  .color-advanced-setup .arithmetic-back{
    grid-column:1 / -1;
    justify-self:start;
    min-height:38px;
  }
  .color-advanced-setup .arithmetic-hero{
    grid-column:1;
    min-height:0;
    margin:0;
    padding:16px 18px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(112px,180px);
    align-items:center;
    gap:14px;
  }
  .color-advanced-setup .arithmetic-hero h1{
    max-width:none;
    font-size:3rem;
    line-height:1;
  }
  .color-advanced-setup .arithmetic-hero p:not(.arithmetic-kicker){
    margin-top:9px;
    font-size:.95rem;
    line-height:1.42;
  }
  .color-advanced-setup .color-setup-brain-card{
    width:min(180px,100%);
    min-height:0;
    justify-self:end;
    display:grid;
    place-items:center;
  }
  .color-advanced-setup .color-setup-brain{
    width:min(180px,100%);
    max-height:190px;
    object-fit:contain;
  }
  .color-advanced-setup .color-advanced-settings{
    grid-column:2;
    grid-row:1 / span 2;
    margin:0;
    padding:8px;
    gap:7px;
  }
  .color-advanced-setup .color-setting-card{
    min-height:112px;
    gap:7px;
    margin-top:12px;
    padding:22px 24px;
  }
  .color-advanced-setup .color-setting-card h2{
    gap:14px;
    font-size:.86rem;
    line-height:1.15;
  }
  .color-advanced-setup .arithmetic-choice-row{
    gap:7px;
  }
  .color-advanced-setup .color-duration-row button,
  .color-advanced-setup .color-answer-time-row button,
  .color-advanced-setup .color-mode-row button{
    min-height:44px;
    padding:6px 8px;
    gap:6px;
  }
  .color-advanced-setup .color-duration-row button span,
  .color-advanced-setup .color-answer-time-row button span{
    gap:5px;
    font-size:.96rem;
  }
  .color-advanced-setup .color-duration-row button span strong,
  .color-advanced-setup .color-answer-time-row button span strong{
    font-size:1.28rem;
  }
  .color-advanced-setup .color-duration-row button.selected span strong,
  .color-advanced-setup .color-answer-time-row button.selected span strong{
    font-size:1.34rem;
  }
  .color-advanced-setup .color-mode-row button strong{
    font-size:1.08rem;
    line-height:1;
  }
  .color-advanced-setup .color-mode-row button.selected strong{
    font-size:1.14rem;
  }
  .color-advanced-setup .color-duration-row button.selected:after,
  .color-advanced-setup .color-answer-time-row button.selected:after,
  .color-advanced-setup .color-mode-row button.selected:after{
    right:-3px;
    top:-6px;
    z-index:1;
    width:20px;
    height:20px;
  }
  .color-advanced-setup .color-duration-row button.selected:before,
  .color-advanced-setup .color-answer-time-row button.selected:before,
  .color-advanced-setup .color-mode-row button.selected:before{
    right:4px;
    top:-2px;
    z-index:2;
    width:5px;
    height:9px;
    border-width:0 2px 2px 0;
  }
  .color-advanced-setup .color-advanced-start{
    min-height:50px;
    font-size:1.08rem;
  }
  .color-advanced-setup .color-advanced-about{
    grid-column:1;
    margin:0;
    padding:14px 16px;
    gap:8px;
  }
  .color-advanced-setup .color-advanced-about h2{
    font-size:1.08rem;
  }
  .color-advanced-setup .color-advanced-about p{
    margin:0;
    font-size:.88rem;
    line-height:1.38;
  }
}
@media(min-width:721px) and (max-width:900px){
  .color-advanced-setup{
    width:min(100% - 28px,820px);
    grid-template-columns:minmax(0,1fr) minmax(300px,340px);
    gap:12px;
  }
  .color-advanced-setup .arithmetic-hero{
    grid-template-columns:minmax(0,1fr) 118px;
    padding:14px;
  }
  .color-advanced-setup .arithmetic-hero h1{
    font-size:2.35rem;
  }
  .color-advanced-setup .arithmetic-hero h1:after{
    width:196px;
  }
  .color-advanced-setup .arithmetic-hero p:not(.arithmetic-kicker){
    font-size:.86rem;
    line-height:1.34;
  }
  .color-advanced-setup .color-setup-brain-card{
    width:118px;
  }
  .color-advanced-setup .color-setup-brain{
    width:118px;
    max-height:132px;
  }
  .color-advanced-setup .color-duration-row button,
  .color-advanced-setup .color-answer-time-row button,
  .color-advanced-setup .color-mode-row button{
    min-height:42px;
    padding:5px 7px;
  }
  .color-advanced-setup .color-setting-card{
    min-height:106px;
    margin-top:10px;
    padding:20px 22px;
  }
}
@media(max-width:720px){
  .color-duration-row button.selected:after,
  .color-answer-time-row button.selected:after,
  .color-mode-row button.selected:after{
    right:-4px;
    top:-8px;
    width:24px;
    height:24px;
  }
  .color-duration-row button.selected:before,
  .color-answer-time-row button.selected:before,
  .color-mode-row button.selected:before{
    right:5px;
    top:-3px;
    width:7px;
    height:12px;
    border-width:0 3px 3px 0;
  }
  .color-advanced-play.color-play{
    grid-template-rows:auto auto auto minmax(0,1fr) 232px!important;
  }
  .color-advanced-options.color-options-grid{
    min-height:232px;
  }
  .color-stimulus-card{
    max-height:360px;
    min-height:0;
  }
  .color-answer-button{
    grid-template-columns:38px minmax(0,auto)!important;
    column-gap:9px!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 12px!important;
  }
  .color-answer-button .color-choice-dot{
    width:21px!important;
    height:21px!important;
    flex-basis:21px!important;
    border-radius:6px!important;
  }
  .color-answer-button strong{
    font-size:.94rem;
  }
  .color-advanced-options.shape-mode .color-answer-button{
    grid-template-columns:40px minmax(0,auto)!important;
  }
  .color-advanced-options.shape-mode .color-answer-button strong{
    font-size:.82rem;
  }
  .color-answer-button .shape-choice-icon.square,
  .color-answer-button .shape-choice-icon.circle{
    width:26px!important;
    height:26px!important;
    flex-basis:26px!important;
  }
  .color-answer-button .shape-choice-icon.oval,
  .color-answer-button .shape-choice-icon.rectangle{
    width:30px!important;
    height:20px!important;
    flex-basis:30px!important;
  }
  .color-answer-button .shape-choice-icon.hexagon{
    width:28px!important;
    height:26px!important;
    flex-basis:28px!important;
  }
}
@media(max-width:380px){
  .color-mode-row button{
    min-height:52px;
  }
  .color-mode-row button strong{
    font-size:.88rem;
  }
  .color-advanced-play.color-play{
    grid-template-rows:auto auto auto minmax(0,1fr) 213px!important;
  }
  .color-advanced-options.color-options-grid{
    min-height:213px;
  }
  .color-answer-button{
    grid-template-columns:34px minmax(0,auto)!important;
    column-gap:7px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 9px!important;
  }
  .color-answer-button .color-choice-dot{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
  }
  .color-answer-button strong{
    font-size:.82rem;
  }
  .color-advanced-options.shape-mode .color-answer-button{
    grid-template-columns:36px minmax(0,auto)!important;
  }
  .color-advanced-options.shape-mode .color-answer-button strong{
    font-size:.72rem;
  }
  .color-answer-button .shape-choice-icon.square,
  .color-answer-button .shape-choice-icon.circle{
    width:23px!important;
    height:23px!important;
    flex-basis:23px!important;
  }
  .color-answer-button .shape-choice-icon.oval,
  .color-answer-button .shape-choice-icon.rectangle{
    width:27px!important;
    height:18px!important;
    flex-basis:27px!important;
  }
  .color-answer-button .shape-choice-icon.hexagon{
    width:25px!important;
    height:24px!important;
    flex-basis:25px!important;
  }
}

/* Color impulse reference field: woven background and five-shape board. */
.color-advanced-play.color-play{
  --cloth-base:#fbf4df;
  --cloth-warm:#f6ebcf;
  --cloth-thread:rgba(146,112,58,.08);
  --cloth-thread-soft:rgba(255,255,255,.48);
  grid-template-rows:auto auto auto minmax(0,1fr) 196px!important;
  background-color:var(--cloth-base)!important;
  background-image:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.54) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 62%,rgba(150,112,52,.045) 0 1px,transparent 2px),
    repeating-linear-gradient(90deg,rgba(149,111,55,.07) 0 1px,transparent 1px 5px,rgba(255,255,255,.24) 5px 6px,transparent 6px 10px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 10px),
    repeating-linear-gradient(90deg,transparent 0 18px,rgba(126,93,44,.035) 18px 19px,transparent 19px 36px),
    repeating-linear-gradient(45deg,rgba(255,255,255,.2) 0 1px,transparent 1px 10px),
    linear-gradient(180deg,#fff9ea 0%,var(--cloth-warm) 100%)!important;
  background-size:30px 30px,38px 38px,10px 10px,10px 10px,36px 36px,20px 20px,100% 100%!important;
}
.color-advanced-play.color-rule-shape{
  grid-template-rows:auto auto auto minmax(0,1fr) 78px!important;
}
.color-advanced-play .play-session,
.color-advanced-play .play-round{
  position:relative;
  z-index:2;
}
.color-advanced-play .play-session span,
.color-advanced-play .play-round span{
  color:#7b725f!important;
}
.color-advanced-play .play-session strong,
.color-advanced-play .play-round strong{
  color:#2f2b23!important;
}
.color-advanced-play .play-session i,
.color-advanced-play .play-round i{
  background:linear-gradient(90deg,#2f77e7 var(--session-progress,var(--round-progress)),rgba(125,96,46,.2) 0)!important;
}
.color-advanced-play .play-round i{
  background:linear-gradient(90deg,#2f77e7 var(--round-progress),rgba(125,96,46,.2) 0)!important;
}
.color-stimulus-card{
  width:min(1180px,100%)!important;
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 8px 2px!important;
  overflow:visible!important;
}
.color-stimulus-card.right,
.color-stimulus-card.wrong{
  background:transparent!important;
}
.color-stimulus-stage{
  grid-template-rows:auto minmax(0,1fr)!important;
  align-content:stretch!important;
  align-items:center!important;
  justify-items:center!important;
  gap:6px!important;
  height:100%;
}
.color-task-badge{
  z-index:3;
  min-height:22px!important;
  color:var(--rule-label-color,#342d20)!important;
  font-size:clamp(.92rem,2.3cqw,1.3rem)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.92),0 8px 16px rgba(116,83,45,.13)!important;
  -webkit-text-stroke:.35px rgba(52,45,32,.18)!important;
}
.color-reference-board{
  container-type:inline-size;
  position:relative;
  display:block;
  height:100%;
  max-height:650px;
  max-width:100%;
  aspect-ratio:1.54/1;
  overflow:visible;
}
.color-board-slot{
  position:absolute;
  display:grid;
  place-items:center;
}
.color-board-circle{
  left:15.2%;
  top:4.2%;
  width:31.5%;
}
.color-board-square{
  left:54.2%;
  top:8.3%;
  width:29.2%;
}
.color-board-hexagon{
  left:0;
  top:53.5%;
  width:30.6%;
}
.color-board-oval{
  left:35.2%;
  top:58.8%;
  width:34%;
}
.color-board-rectangle{
  right:0;
  top:61%;
  width:34.6%;
}
.color-reference-board .color-stimulus-shape.color-reference-figure{
  width:100%!important;
  max-width:none!important;
  filter:drop-shadow(0 16px 14px rgba(104,75,36,.18)) drop-shadow(0 3px 4px rgba(104,75,36,.12))!important;
  transform:translateZ(0);
}
.color-reference-board .color-stimulus-shape.color-reference-figure.is-active{
  filter:drop-shadow(0 19px 17px rgba(104,75,36,.22)) drop-shadow(0 4px 4px rgba(104,75,36,.16))!important;
}
.color-reference-board .color-reference-svg .shape-fill{
  stroke:var(--outer-stroke)!important;
  stroke-width:16!important;
  filter:drop-shadow(0 -3px 2px rgba(255,255,255,.2));
}
.color-reference-board .color-reference-svg .shape-inner{
  stroke:var(--inner-stroke)!important;
  stroke-width:8!important;
}
.color-reference-board .color-stimulus-word{
  max-width:70%!important;
  padding:0 .16em!important;
  color:var(--word-color)!important;
  font-size:clamp(.78rem,3.82cqw,2.54rem)!important;
  font-weight:860!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 2px var(--word-shadow),0 1px 0 rgba(255,255,255,.26)!important;
}
.color-reference-board .color-stimulus-word.is-short-word{
  font-size:clamp(.88rem,4.12cqw,2.78rem)!important;
}
.color-reference-board .color-stimulus-word.is-long-word{
  font-size:clamp(.68rem,3.06cqw,2rem)!important;
}
.color-reference-board .color-stimulus-word.is-extra-long-word{
  font-size:clamp(.6rem,2.58cqw,1.68rem)!important;
}
.color-reference-board .rectangle .color-stimulus-word,
.color-reference-board .oval .color-stimulus-word{
  max-width:78%!important;
}
.color-reference-board .hexagon .color-stimulus-word{
  max-width:56%!important;
}
.color-advanced-options.color-options-grid{
  position:relative;
  z-index:2;
  align-content:start!important;
  min-width:0!important;
  overflow:hidden!important;
}
.color-advanced-options.color-mode{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  min-height:188px!important;
}
.color-advanced-options.shape-mode{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  min-height:70px!important;
}
.color-answer-button{
  border-color:rgba(121,93,45,.18)!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 8px 18px rgba(104,75,36,.1)!important;
  backdrop-filter:blur(10px);
  min-width:0!important;
}
.color-advanced-options.color-mode .color-answer-button{
  height:56px!important;
  min-height:56px!important;
}
.color-advanced-options.shape-mode .color-answer-button{
  height:62px!important;
  min-height:62px!important;
}
.color-round-feedback{
  height:20px!important;
  color:#6f644e!important;
  line-height:20px!important;
}
@media(max-width:720px){
  .color-advanced-play.color-play{
    grid-template-rows:auto auto auto minmax(0,1fr) 172px!important;
    padding:7px 10px 9px!important;
    gap:6px!important;
  }
  .color-advanced-play.color-rule-shape{
    grid-template-rows:auto auto auto minmax(0,1fr) 116px!important;
  }
  .color-stimulus-card{
    padding:0 2px!important;
  }
  .color-task-badge{
    min-height:18px!important;
    font-size:clamp(.74rem,3.6cqw,1rem)!important;
  }
  .color-reference-board{
    aspect-ratio:.94/1;
    width:100%;
    height:auto;
    max-height:100%;
  }
  .color-board-circle{
    left:6%;
    top:3%;
    width:40%;
  }
  .color-board-square{
    left:55%;
    top:5%;
    width:38%;
  }
  .color-board-hexagon{
    left:1%;
    top:53%;
    width:34%;
  }
  .color-board-oval{
    left:34%;
    top:60.5%;
    width:32%;
  }
  .color-board-rectangle{
    right:1%;
    top:58%;
    width:34%;
  }
  .color-reference-board .color-reference-svg .shape-fill{
    stroke-width:14!important;
  }
  .color-reference-board .color-reference-svg .shape-inner{
    stroke-width:8!important;
  }
  .color-reference-board .color-stimulus-word{
    font-size:clamp(.66rem,5.25cqw,1.54rem)!important;
  }
  .color-reference-board .color-stimulus-word.is-short-word{
    font-size:clamp(.72rem,5.7cqw,1.68rem)!important;
  }
  .color-reference-board .color-stimulus-word.is-long-word{
    font-size:clamp(.54rem,4.18cqw,1.22rem)!important;
  }
  .color-reference-board .color-stimulus-word.is-extra-long-word{
    font-size:clamp(.48rem,3.5cqw,1.04rem)!important;
  }
  .color-advanced-options.color-mode{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    min-height:168px!important;
    gap:6px!important;
  }
  .color-advanced-options.shape-mode{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    min-height:112px!important;
    gap:6px!important;
  }
  .color-advanced-options.color-mode .color-answer-button,
  .color-advanced-options.shape-mode .color-answer-button{
    height:50px!important;
    min-height:50px!important;
    padding:0 7px!important;
  }
  .color-answer-button{
    grid-template-columns:27px minmax(0,auto)!important;
    column-gap:5px!important;
  }
  .color-answer-button strong{
    font-size:.76rem!important;
    max-width:100%!important;
  }
  .color-advanced-options.shape-mode .color-answer-button strong{
    font-size:.62rem!important;
  }
  .color-answer-button .color-choice-dot{
    width:17px!important;
    height:17px!important;
    flex-basis:17px!important;
  }
}
@media(max-width:380px){
  .color-advanced-play.color-play{
    grid-template-rows:auto auto auto minmax(0,1fr) 154px!important;
    padding:6px 8px 8px!important;
  }
  .color-advanced-play.color-rule-shape{
    grid-template-rows:auto auto auto minmax(0,1fr) 104px!important;
  }
  .color-advanced-options.color-mode{
    min-height:150px!important;
  }
  .color-advanced-options.shape-mode{
    min-height:100px!important;
  }
  .color-advanced-options.color-mode .color-answer-button,
  .color-advanced-options.shape-mode .color-answer-button{
    height:46px!important;
    min-height:46px!important;
  }
  .color-answer-button strong{
    font-size:.68rem!important;
  }
  .color-advanced-options.shape-mode .color-answer-button strong{
    font-size:.56rem!important;
  }
  .color-reference-board .color-stimulus-word{
    letter-spacing:0!important;
  }
}

/* Color impulse: restore original one-stimulus gameplay while keeping reference styling. */
.color-advanced-play.color-play{
  grid-template-rows:auto auto auto minmax(0,1fr) 188px!important;
}
.color-advanced-play.color-rule-shape{
  grid-template-rows:auto auto auto minmax(0,1fr) 78px!important;
}
.color-stimulus-card{
  align-self:center!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  width:min(660px,100%)!important;
  height:clamp(300px,47dvh,440px)!important;
  max-height:440px!important;
  min-height:286px!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px!important;
  overflow:visible!important;
}
.color-stimulus-stage{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:center!important;
  gap:8px!important;
  height:100%;
}
.color-stimulus-stage > .color-stimulus-shape.color-reference-figure{
  width:min(338px,62vw)!important;
  max-width:100%!important;
  filter:drop-shadow(0 18px 18px rgba(104,75,36,.2)) drop-shadow(0 4px 4px rgba(104,75,36,.13))!important;
}
.color-stimulus-stage > .color-stimulus-shape.color-reference-figure.rectangle{
  width:min(410px,72vw)!important;
}
.color-stimulus-stage > .color-stimulus-shape.color-reference-figure.oval{
  width:min(398px,70vw)!important;
}
.color-stimulus-stage > .color-stimulus-shape.color-reference-figure.hexagon{
  width:min(352px,64vw)!important;
}
.color-stimulus-stage > .color-reference-figure .shape-fill{
  stroke-width:16!important;
}
.color-stimulus-stage > .color-reference-figure.circle .shape-fill,
.color-stimulus-stage > .color-reference-figure.oval .shape-fill{
  stroke-width:12!important;
}
.color-stimulus-stage > .color-reference-figure .shape-inner{
  stroke-width:8!important;
}
.color-stimulus-stage > .color-reference-figure.circle .shape-inner,
.color-stimulus-stage > .color-reference-figure.oval .shape-inner{
  stroke-width:7!important;
}
.color-stimulus-stage > .color-reference-figure .color-stimulus-word{
  max-width:72%!important;
  padding:0 .16em!important;
  color:var(--word-color)!important;
  font-size:clamp(1.72rem,4.65vw,2.86rem)!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  -webkit-text-stroke:clamp(.9px,.2vw,1.45px) var(--word-stroke,rgba(255,255,255,.85))!important;
  paint-order:stroke fill!important;
  text-shadow:0 2px 4px var(--word-shadow),0 1px 0 rgba(255,255,255,.28)!important;
}
.color-stimulus-stage > .color-reference-figure .color-stimulus-word.is-short-word{
  font-size:clamp(1.9rem,5vw,3.14rem)!important;
}
.color-stimulus-stage > .color-reference-figure .color-stimulus-word.is-long-word{
  font-size:clamp(1.45rem,4.05vw,2.38rem)!important;
}
.color-stimulus-stage > .color-reference-figure .color-stimulus-word.is-extra-long-word{
  font-size:clamp(1.18rem,3.32vw,1.96rem)!important;
}
.color-stimulus-stage > .color-reference-figure.rectangle .color-stimulus-word,
.color-stimulus-stage > .color-reference-figure.oval .color-stimulus-word{
  max-width:78%!important;
}
.color-stimulus-stage > .color-reference-figure.hexagon .color-stimulus-word{
  max-width:62%!important;
}
.color-round-feedback{
  height:22px!important;
  line-height:22px!important;
}
@media(max-width:720px){
  .color-advanced-play.color-play{
    grid-template-rows:auto auto auto minmax(0,1fr) 168px!important;
  }
  .color-advanced-play.color-rule-shape{
    grid-template-rows:auto auto auto minmax(0,1fr) 112px!important;
  }
  .color-stimulus-card{
    height:clamp(252px,43dvh,342px)!important;
    min-height:0!important;
    padding:6px 2px!important;
  }
  .color-stimulus-stage{
    gap:6px!important;
  }
  .color-stimulus-stage > .color-stimulus-shape.color-reference-figure{
    width:min(246px,64vw)!important;
  }
  .color-stimulus-stage > .color-stimulus-shape.color-reference-figure.rectangle{
    width:min(292px,76vw)!important;
  }
  .color-stimulus-stage > .color-stimulus-shape.color-reference-figure.oval{
    width:min(282px,73vw)!important;
  }
  .color-stimulus-stage > .color-stimulus-shape.color-reference-figure.hexagon{
    width:min(250px,65vw)!important;
  }
  .color-stimulus-stage > .color-reference-figure .color-stimulus-word{
    font-size:clamp(1.28rem,6.3vw,2.02rem)!important;
    -webkit-text-stroke:1px var(--word-stroke,rgba(255,255,255,.88))!important;
  }
  .color-stimulus-stage > .color-reference-figure .color-stimulus-word.is-short-word{
    font-size:clamp(1.44rem,6.9vw,2.24rem)!important;
  }
  .color-stimulus-stage > .color-reference-figure .color-stimulus-word.is-long-word{
    font-size:clamp(1.05rem,5.35vw,1.66rem)!important;
  }
  .color-stimulus-stage > .color-reference-figure .color-stimulus-word.is-extra-long-word{
    font-size:clamp(.9rem,4.6vw,1.42rem)!important;
  }
}
@media(max-width:380px){
  .color-advanced-play.color-play{
    grid-template-rows:auto auto auto minmax(0,1fr) 150px!important;
  }
  .color-advanced-play.color-rule-shape{
    grid-template-rows:auto auto auto minmax(0,1fr) 100px!important;
  }
  .color-stimulus-card{
    height:clamp(228px,41dvh,314px)!important;
  }
  .color-stimulus-stage > .color-stimulus-shape.color-reference-figure{
    width:min(226px,63vw)!important;
  }
  .color-stimulus-stage > .color-stimulus-shape.color-reference-figure.rectangle{
    width:min(266px,74vw)!important;
  }
  .color-stimulus-stage > .color-stimulus-shape.color-reference-figure.oval{
    width:min(258px,72vw)!important;
  }
  .color-stimulus-stage > .color-stimulus-shape.color-reference-figure.hexagon{
    width:min(230px,64vw)!important;
  }
}

/* Color impulse: shape-answer buttons show icons only. */
.color-advanced-options.shape-mode .color-answer-button{
  grid-template-columns:1fr!important;
  justify-content:center!important;
  justify-items:center!important;
  padding:0!important;
}
.color-advanced-options.shape-mode .color-answer-button .shape-choice-icon{
  grid-column:1!important;
  justify-self:center!important;
}
.color-advanced-options.shape-mode .color-answer-button strong{
  display:none!important;
}

/* Color impulse: color answer swatches are solid color only, no outline rings. */
.color-answer-button .color-choice-dot{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  border:0!important;
  border-radius:7px!important;
  outline:0!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  .color-answer-button .color-choice-dot{
    width:21px!important;
    height:21px!important;
    flex-basis:21px!important;
    border-radius:6px!important;
  }
}
@media(max-width:380px){
  .color-answer-button .color-choice-dot{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
    border-radius:6px!important;
  }
}

/* Color impulse: keep the nine color answers aligned like a clean table. */
.color-advanced-options.color-mode .color-answer-button{
  grid-template-columns:36px 112px!important;
  justify-content:center!important;
  justify-items:start!important;
  column-gap:10px!important;
}
.color-advanced-options.color-mode .color-answer-button .color-choice-dot{
  grid-column:1!important;
  justify-self:center!important;
}
.color-advanced-options.color-mode .color-answer-button strong{
  grid-column:2!important;
  justify-self:start!important;
  text-align:left!important;
}
@media(max-width:720px){
  .color-advanced-options.color-mode .color-answer-button{
    grid-template-columns:28px 76px!important;
    column-gap:7px!important;
  }
}
@media(max-width:380px){
  .color-advanced-options.color-mode .color-answer-button{
    grid-template-columns:25px 68px!important;
    column-gap:6px!important;
  }
}

/* Memory trainer: adult n-back practice with Counting Sprint setup sizing. */
main.view-memory{
  min-height:100vh;
  background:linear-gradient(180deg,#ffffff,#f5fbfb 54%,#eef9f6);
}
main.view-memory .site-header{
  display:grid!important;
}
body:not(.memory-play-mode) main.view-memory>:not(.site-header):not(#memory-trainer-screen){
  display:none!important;
}
body.memory-play-mode main.view-memory .site-header{
  display:none!important;
}
.trainer-tile-memory .trainer-tile-art{
  background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.42) 0 7px,transparent 8px),linear-gradient(135deg,#0f766e 0%,#1769f2 48%,#f6b23d 100%);
}
.trainer-tile-memory .trainer-tile-art:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:18px;
  transform:rotate(-7deg);
}
.trainer-tile-memory .trainer-tile-art:after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-44px;
  width:160px;
  height:160px;
  border:18px solid rgba(255,255,255,.22);
  border-radius:50%;
}
.memory-tile-grid{
  position:absolute;
  left:22px;
  top:22px;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,34px);
  gap:7px;
  transform:rotate(-5deg);
}
.memory-tile-grid span{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid rgba(255,255,255,.52);
  border-radius:8px;
  background:rgba(255,255,255,.24);
  color:#fff;
  font-size:.9rem;
  font-weight:950;
}
.memory-tile-grid .active{
  background:#fff;
  color:#0f766e;
  box-shadow:0 12px 28px rgba(17,24,39,.14);
}
.memory-tile-grid .active.alt{
  color:#1769f2;
}
.memory-tile-badge{
  position:absolute;
  right:18px;
  bottom:20px;
  z-index:1;
  display:grid;
  min-width:82px;
  min-height:38px;
  place-items:center;
  border:1px solid rgba(255,255,255,.48);
  border-radius:8px;
  background:rgba(255,255,255,.9);
  color:#111827;
  font-weight:950;
  box-shadow:0 14px 34px rgba(17,24,39,.14);
  transform:rotate(6deg);
}
@media(max-width:720px){
  .memory-tile-grid{
    left:16px;
    top:20px;
    grid-template-columns:repeat(3,28px);
    gap:6px;
  }
  .memory-tile-grid span{
    width:28px;
    height:28px;
    font-size:.76rem;
  }
  .memory-tile-badge{
    right:12px;
    bottom:18px;
    min-width:70px;
    min-height:34px;
    font-size:.82rem;
  }
}
@media(min-width:721px){
  main.view-memory #memory-trainer-screen.arithmetic-setup{
    box-sizing:border-box;
    width:min(1060px,calc(100% - 44px));
    margin:0 auto;
    padding:18px 0 34px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(330px,410px);
    gap:14px 18px;
    align-items:start;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-hero{
    grid-column:1;
    min-height:0;
    margin:0;
    padding:16px 18px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(112px,180px);
    align-items:center;
    gap:14px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-hero>div:first-child{
    gap:9px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-hero h1{
    margin:0;
    font-size:3rem;
    line-height:1;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-hero h1:after{
    height:8px;
    margin-top:17px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-hero p{
    max-width:none;
    margin-top:9px;
    font-size:.95rem;
    line-height:1.42;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-brain{
    width:min(180px,100%);
    max-height:190px;
    object-fit:contain;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-settings-card{
    grid-column:2;
    grid-row:1 / span 2;
    margin:0;
    padding:8px;
    gap:7px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-setting{
    min-height:112px;
    gap:7px;
    margin-top:12px;
    padding:22px 24px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-setting h2{
    gap:14px;
    font-size:.86rem;
    line-height:1.15;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-choice-row{
    gap:7px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-choice-row button{
    min-height:44px;
    padding:6px 8px;
    gap:6px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-choice-row button span{
    gap:5px;
    font-size:.96rem;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-choice-row button span strong{
    font-size:1.28rem;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected span strong{
    font-size:1.34rem;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-choice-row button strong{
    font-size:1.08rem;
    line-height:1;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-level-row button.selected strong{
    font-size:1.14rem;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected:after{
    right:-3px;
    top:-6px;
    width:20px;
    height:20px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected:before{
    right:4px;
    top:-2px;
    width:5px;
    height:9px;
    border-width:0 2px 2px 0;
    transform:rotate(42deg);
    transform-origin:center;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-start{
    min-height:50px;
    margin-top:0;
    gap:12px;
    font-size:1.08rem;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-start:before{
    width:24px;
    height:24px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-start:after{
    width:11px;
    height:11px;
    margin-right:15px;
    border-width:3px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-about{
    grid-column:1;
    margin:0;
    padding:14px 16px;
    gap:8px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-about h2{
    gap:14px;
    font-size:1.08rem;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-about h2:before{
    width:26px;
    height:26px;
    border-width:2px;
    font-size:.78rem;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-about p{
    max-width:none;
    margin:0;
    font-size:.88rem;
    line-height:1.38;
  }
}
@media(min-width:721px) and (max-width:900px){
  main.view-memory #memory-trainer-screen.arithmetic-setup{
    width:min(100% - 28px,820px);
    grid-template-columns:minmax(0,1fr) minmax(300px,340px);
    gap:12px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-hero{
    grid-template-columns:minmax(0,1fr) 118px;
    padding:14px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-hero h1{
    font-size:2.35rem;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-hero h1:after{
    width:196px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-hero p{
    font-size:.86rem;
    line-height:1.34;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-brain{
    width:118px;
    max-height:132px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-choice-row button{
    min-height:42px;
    padding:5px 7px;
  }
  main.view-memory #memory-trainer-screen.arithmetic-setup .arithmetic-setting{
    min-height:106px;
    margin-top:10px;
    padding:20px 22px;
  }
}
.memory-problem-card{
  gap:10px;
  padding:14px;
}
.memory-play{
  grid-template-rows:auto auto auto minmax(0,1fr) 96px;
}
.memory-grid{
  display:grid;
  width:min(440px,100%);
  max-width:min(48vh,100%);
  aspect-ratio:1;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.memory-cell{
  display:grid;
  min-width:0;
  aspect-ratio:1;
  place-items:center;
  border:1px solid rgba(17,24,39,.1);
  border-radius:8px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);
}
.memory-cell.disabled{
  opacity:.34;
  background:#f1f5f9;
}
.memory-cell.active{
  border-color:color-mix(in srgb,var(--memory-accent) 70%,#ffffff);
  background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.42),transparent 32%),linear-gradient(135deg,var(--memory-accent),color-mix(in srgb,var(--memory-accent) 72%,#ffffff));
  box-shadow:0 18px 38px color-mix(in srgb,var(--memory-accent) 24%,transparent);
}
.memory-cell strong{
  color:#fff;
  font-size:clamp(2.2rem,8vh,4.6rem);
  line-height:1;
  font-weight:950;
  text-shadow:0 10px 26px rgba(17,24,39,.24);
}
.memory-problem-card p{
  max-width:560px;
}
.memory-options-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  min-height:0;
}
.memory-option{
  min-height:72px;
  border:1px solid rgba(17,24,39,.12);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font:inherit;
  font-size:clamp(1.1rem,4vw,2.2rem);
  font-weight:950;
  box-shadow:0 6px 18px rgba(16,19,24,.06);
  cursor:pointer;
}
.memory-option.right{
  border-color:#19b86f;
  background:#f0fbf5;
  color:#137a44;
}
.memory-option.wrong{
  border-color:#ef5b45;
  background:#fff4f2;
  color:#c43e2b;
}
.memory-option:disabled{
  cursor:default;
  opacity:1;
}
.memory-results.trainer-results{
  width:min(720px,calc(100% - 24px));
  height:calc(100dvh - 76px);
  min-height:0;
  margin:0 auto;
  overflow:hidden;
  align-content:start;
  gap:12px;
  padding:18px 0 14px;
}
.memory-results.trainer-results .results-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.memory-results.trainer-results .metric{
  padding:13px;
}
.memory-results.trainer-results .metric strong{
  font-size:clamp(1.15rem,4.8vw,1.65rem);
  word-break:break-word;
}
.memory-results.trainer-results .results-actions{
  gap:9px;
}
.memory-results.trainer-results .results-actions .setup-start,
.memory-results.trainer-results .results-actions .secondary{
  min-height:50px;
}
@media(max-width:720px){
  .memory-play{
    grid-template-rows:auto auto auto minmax(0,1fr) 78px;
  }
  .memory-grid{
    width:min(330px,100%);
    gap:6px;
  }
  .memory-cell strong{
    font-size:clamp(1.7rem,10vw,3.6rem);
  }
  .memory-options-grid{
    gap:7px;
  }
  .memory-option{
    min-height:58px;
    font-size:1.15rem;
  }
}
@media(max-width:430px){
  .memory-play{
    grid-template-rows:auto auto auto minmax(0,1fr) 72px;
  }
  .memory-grid{
    width:min(286px,100%);
    gap:5px;
  }
  .memory-results.trainer-results{
    height:calc(100dvh - 64px);
    padding:12px 0 10px;
    gap:9px;
  }
  .memory-results.trainer-results h1{
    font-size:2rem;
  }
  .memory-results.trainer-results .results-grid{
    gap:8px;
  }
  .memory-results.trainer-results .metric{
    padding:10px;
  }
  .memory-results.trainer-results .metric span{
    font-size:.66rem;
  }
  .memory-results.trainer-results .metric strong{
    margin-top:5px;
    font-size:1.18rem;
  }
  .memory-results.trainer-results .results-actions .setup-start,
  .memory-results.trainer-results .results-actions .secondary{
    min-height:48px;
  }
}

/* Speech quest setup header and selection checks: mirror Code Attention. */
.speech-twister-setup .speech-twister-hero h1:after{display:none}
.speech-setup-rainbow{
  display:block;
  width:300px;
  max-width:100%;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#12c7bf 0%,#37a2f5 40%,#8954ee 68%,#f6b24a 100%);
}

@media(min-width:721px){
  .speech-twister-setup .speech-twister-hero{
    padding:0;
    grid-template-columns:minmax(0,1fr) 180px;
    gap:14px;
  }
  .speech-twister-setup .speech-twister-hero .speech-hero-copy{gap:9px}
  .speech-twister-setup .speech-twister-hero h1{
    margin:0;
    font-size:3rem;
    line-height:1;
  }
  .speech-twister-setup .speech-twister-hero p{
    max-width:410px;
    margin:0;
    font-size:1.05rem;
    line-height:1.42;
    font-weight:560;
  }
  .speech-twister-setup .speech-brain{
    width:180px;
    height:180px;
    max-height:none;
    object-fit:contain;
  }
  .speech-duration-row button em,
  .speech-level-row button em{
    display:none;
    right:-3px;
    top:-6px;
    width:20px;
    height:20px;
  }
  .speech-duration-row button.selected em,
  .speech-level-row button.selected em{display:block}
  .speech-duration-row button em:after,
  .speech-level-row button em:after{
    box-sizing:border-box;
    position:absolute;
    left:50%;
    top:50%;
    width:5px;
    height:9px;
    border-width:0 2px 2px 0;
    transform:translate(-50%,-50%) rotate(42deg);
    transform-origin:center;
  }
}

@media(max-width:720px){
  .speech-twister-setup .speech-twister-hero{
    grid-template-columns:minmax(0,1fr) 122px;
    gap:8px 10px;
    padding:4px 2px 0;
  }
  .speech-twister-setup .speech-twister-hero .speech-hero-copy{display:contents}
  .speech-twister-setup .speech-twister-hero h1{
    grid-column:1/-1;
    margin:0;
    font-size:clamp(1.86rem,8vw,2.08rem);
    line-height:1;
  }
  .speech-twister-setup .speech-setup-rainbow{
    grid-column:1/-1;
    width:100%;
    height:4px;
  }
  .speech-twister-setup .speech-twister-hero p{
    grid-column:1;
    grid-row:3;
    max-width:none;
    margin:0;
    font-size:.97rem;
    line-height:1.43;
    font-weight:560;
  }
  .speech-twister-setup .speech-brain{
    grid-column:2;
    grid-row:3;
    align-self:start;
    width:122px;
    height:122px;
    object-fit:contain;
  }
  .speech-duration-row button em,
  .speech-level-row button em{
    display:none;
    right:-3px;
    top:-6px;
    width:18px;
    height:18px;
  }
  .speech-duration-row button.selected em,
  .speech-level-row button.selected em{display:block}
  .speech-duration-row button em:after,
  .speech-level-row button em:after{
    box-sizing:border-box;
    position:absolute;
    left:6px;
    top:4px;
    width:5px;
    height:9px;
    border-width:0 2px 2px 0;
    transform:rotate(42deg);
    transform-origin:center;
  }
}

/* Counting Sprint: mirror Code Attention setup, game HUD and results. */
.arithmetic-setup .arithmetic-hero h1:after{display:none}
.arithmetic-setup-rainbow{
  display:block;
  width:300px;
  max-width:100%;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#12c7bf 0%,#37a2f5 40%,#8954ee 68%,#f6b24a 100%);
}

@media(min-width:721px){
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero{
    min-height:180px;
    padding:0;
    grid-template-columns:minmax(0,1fr) 180px;
    gap:14px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero>div:first-child{
    align-self:center;
    gap:9px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero h1{
    margin:0;
    font-size:3rem;
    line-height:1;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero p{
    max-width:410px;
    margin:0;
    font-size:1.05rem;
    line-height:1.42;
    font-weight:560;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-brain{
    width:180px;
    height:180px;
    max-height:none;
    object-fit:contain;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-settings-card{
    padding:0;
    gap:14px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-setting{
    width:100%;
    min-height:112px;
    margin:0;
    padding:22px 24px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected:after{
    right:-3px;
    top:-6px;
    width:20px;
    height:20px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected:before{
    box-sizing:border-box;
    right:4px;
    top:-1px;
    width:5px;
    height:9px;
    border-width:0 2px 2px 0;
    transform:rotate(42deg);
    transform-origin:center;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-start{margin-top:0}
  .arithmetic-play{
    gap:7px;
    padding:10px 12px 14px;
  }
  .arithmetic-play .play-session,
  .arithmetic-play .play-round,
  .arithmetic-play .play-history{
    width:min(760px,100%);
    justify-self:center;
  }
  body.arithmetic-play-mode .arithmetic-game-actions{
    right:max(20px,calc((100vw - 760px) / 2 + 10px))!important;
  }
}

@media(max-width:720px){
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 122px;
    grid-template-rows:auto auto auto;
    align-items:center;
    column-gap:10px;
    row-gap:8px;
    min-height:0;
    margin:0;
    padding:4px 2px 10px;
    overflow:visible;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero>div:first-child{display:contents}
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero h1{
    grid-column:1/-1;
    grid-row:1;
    max-width:none;
    margin:0;
    white-space:nowrap;
    overflow:visible;
    font-size:clamp(1.72rem,8vw,2.05rem);
    line-height:1;
    letter-spacing:-.035em;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-setup-rainbow{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    height:4px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero p{
    grid-column:1;
    grid-row:3;
    align-self:center;
    max-width:none;
    margin:0;
    font-size:.97rem;
    line-height:1.43;
    font-weight:560;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-brain{
    grid-column:2;
    grid-row:3;
    justify-self:end;
    align-self:center;
    width:122px;
    height:122px;
    max-width:122px;
    max-height:122px;
    margin:0;
    object-fit:contain;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected:after{
    right:-3px;
    top:-6px;
    width:18px;
    height:18px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-choice-row button.selected:before{
    box-sizing:border-box;
    right:4px;
    top:-2px;
    width:5px;
    height:9px;
    border-width:0 2px 2px 0;
    transform:rotate(42deg);
    transform-origin:center;
  }
  .arithmetic-play{
    gap:7px;
    padding:8px 12px 12px;
  }
}

@media(max-width:380px){
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero{
    grid-template-columns:minmax(0,1fr) 108px;
    column-gap:8px;
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero h1{
    font-size:clamp(1.64rem,7.8vw,1.88rem);
  }
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-hero p{font-size:.92rem}
  main.view-arithmetic #arithmetic-trainer-screen.arithmetic-setup .arithmetic-brain{
    width:108px;
    height:108px;
    max-width:108px;
    max-height:108px;
  }
}

body.arithmetic-game-paused .arithmetic-problem-card,
body.arithmetic-game-paused .arithmetic-options-grid{
  opacity:.88;
  filter:saturate(.9);
}
body.arithmetic-game-paused .arithmetic-options-grid{pointer-events:none}

main.view-arithmetic .arithmetic-results.trainer-results{
  overflow-x:hidden;
  overflow-y:auto;
}
main.view-arithmetic .arithmetic-results.trainer-results .result-motivation{font-size:1.05rem}
main.view-arithmetic .arithmetic-results.trainer-results .result-life-motivation{
  margin:2px 0 0;
  border:1px solid rgba(59,124,243,.18);
  border-left:4px solid #3b7cf3;
  border-radius:10px;
  background:linear-gradient(180deg,#fbfdff 0%,#f3f7fc 100%);
  color:#40536a;
  padding:14px 16px 15px 18px;
  font-size:.96rem;
  font-weight:560;
  line-height:1.52;
  font-style:italic;
  box-shadow:0 7px 18px rgba(34,67,108,.06);
}
main.view-arithmetic .arithmetic-results.trainer-results .result-life-motivation:before{
  content:"Практическое применение";
  display:block;
  margin-bottom:6px;
  color:#3b7cf3;
  font-size:.68rem;
  font-weight:800;
  font-style:normal;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}
@media(max-width:720px){
  main.view-arithmetic .arithmetic-results.trainer-results .result-motivation{font-size:.97rem}
  main.view-arithmetic .arithmetic-results.trainer-results .result-life-motivation{
    padding:12px 13px 13px 15px;
    font-size:.9rem;
    line-height:1.42;
  }
  main.view-arithmetic .arithmetic-results.trainer-results .result-life-motivation:before{
    margin-bottom:5px;
    font-size:.61rem;
    letter-spacing:.08em;
  }
}
@media(max-width:380px){
  main.view-arithmetic .arithmetic-results.trainer-results .result-motivation{font-size:.92rem}
  main.view-arithmetic .arithmetic-results.trainer-results .result-life-motivation{font-size:.86rem}
}

/* Color impulse: match the Code Attention setup hero, checks, and 3-2-1 intro. */
.color-advanced-setup .color-setup-copy{
  display:grid;
  gap:9px;
  min-width:0;
}
.color-advanced-setup .color-setup-rainbow{
  display:block;
  width:min(300px,100%);
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#17b6a6 0%,#24a7ef 34%,#8c58ec 67%,#f4b443 100%);
}
.color-advanced-setup .color-duration-row button.selected::before,
.color-advanced-setup .color-duration-row button.selected::after,
.color-advanced-setup .color-answer-time-row button.selected::before,
.color-advanced-setup .color-answer-time-row button.selected::after,
.color-advanced-setup .color-mode-row button.selected::before,
.color-advanced-setup .color-mode-row button.selected::after{
  content:none!important;
}
.color-advanced-setup .arithmetic-choice-row button em{
  position:absolute;
  right:-3px;
  top:-6px;
  z-index:2;
  display:none;
  box-sizing:border-box;
  width:20px;
  height:20px;
  border-radius:50%;
  background:linear-gradient(135deg,#12c7bf,#089a94);
  box-shadow:0 10px 22px rgba(10,166,158,.24);
}
.color-advanced-setup .arithmetic-choice-row button.selected em{
  display:block;
}
.color-advanced-setup .arithmetic-choice-row button em::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  box-sizing:border-box;
  width:5px;
  height:9px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:translate(-50%,-50%) rotate(42deg);
  transform-origin:center;
}

@media(min-width:721px){
  .color-advanced-setup .arithmetic-hero{
    grid-template-columns:minmax(0,1fr) minmax(112px,180px);
    align-items:center;
    gap:14px;
    min-height:180px;
    padding:0;
  }
  .color-advanced-setup .arithmetic-hero h1{
    margin:0;
    max-width:100%;
    font-size:3rem;
    line-height:1;
  }
  .color-advanced-setup .arithmetic-hero p:not(.arithmetic-kicker){
    max-width:410px;
    margin:0;
    font-size:1.05rem;
    line-height:1.42;
  }
  .color-advanced-setup .color-setup-brain-card{
    width:min(180px,100%);
    min-height:0;
  }
  .color-advanced-setup .color-setup-brain{
    width:min(180px,100%);
    max-height:190px;
    object-fit:contain;
  }
}

@media(max-width:720px){
  .color-advanced-setup .arithmetic-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 122px;
    grid-template-rows:auto auto auto;
    align-items:center;
    column-gap:10px;
    row-gap:8px;
    min-height:0;
    margin:0;
    padding:4px 2px 10px;
    overflow:visible;
  }
  .color-advanced-setup .color-setup-copy{
    display:contents!important;
  }
  .color-advanced-setup .arithmetic-kicker{
    display:none;
  }
  .color-advanced-setup .arithmetic-hero h1{
    grid-column:1 / -1;
    grid-row:1;
    max-width:none;
    margin:0;
    white-space:nowrap;
    overflow:visible;
    font-size:clamp(1.72rem,8vw,2.05rem);
    line-height:1;
    letter-spacing:-.035em;
  }
  .color-advanced-setup .arithmetic-hero h1::after{
    content:none!important;
  }
  .color-advanced-setup .color-setup-rainbow{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    height:4px;
  }
  .color-advanced-setup .arithmetic-hero p:not(.arithmetic-kicker){
    grid-column:1;
    grid-row:3;
    align-self:center;
    max-width:none;
    margin:0;
    font-size:.97rem;
    line-height:1.43;
  }
  .color-advanced-setup .color-setup-brain-card{
    grid-column:2;
    grid-row:3;
    justify-self:end;
    align-self:center;
    width:122px;
    min-height:0;
    margin:0;
  }
  .color-advanced-setup .color-setup-brain{
    width:122px;
    max-width:122px;
    max-height:126px;
    margin:0;
    object-fit:contain;
    filter:drop-shadow(0 13px 17px rgba(18,39,78,.18));
  }
  .color-advanced-setup .arithmetic-choice-row button em{
    width:18px;
    height:18px;
  }
}

@media(max-width:380px){
  .color-advanced-setup .arithmetic-hero{
    grid-template-columns:minmax(0,1fr) 108px;
    column-gap:8px;
  }
  .color-advanced-setup .arithmetic-hero h1{
    font-size:clamp(1.64rem,7.8vw,1.88rem);
  }
  .color-advanced-setup .arithmetic-hero p:not(.arithmetic-kicker){
    font-size:.92rem;
  }
  .color-advanced-setup .color-setup-brain-card,
  .color-advanced-setup .color-setup-brain{
    width:108px;
    max-width:108px;
    max-height:114px;
  }
}

.color-countdown-shell.color-advanced-countdown{
  position:fixed;
  z-index:10000;
  inset:0;
  box-sizing:border-box;
  display:grid;
  width:auto;
  height:auto;
  margin:0;
  place-items:center;
  padding:4px;
  background:#e8edf2;
}
.color-attention-countdown-panel{
  box-sizing:border-box;
  display:grid;
  grid-template-rows:auto auto;
  align-content:center;
  justify-items:center;
  gap:clamp(22px,4vh,44px);
  width:min(940px,calc(100vw - 8px));
  height:min(990px,calc(100dvh - 8px));
  min-height:0;
  overflow:hidden;
  padding:clamp(24px,5vh,54px) clamp(18px,5vw,56px);
  border:1px solid #edf1f5;
  border-radius:30px;
  background:#fff;
  box-shadow:0 18px 54px rgba(43,63,88,.08);
  text-align:center;
}
.color-attention-countdown-copy{
  display:grid;
  justify-items:center;
  gap:clamp(7px,1.2vh,13px);
  width:max-content;
  max-width:100%;
}
.color-attention-countdown-copy>span{
  display:grid;
  justify-self:start;
  gap:5px;
  color:#111827;
  font-size:clamp(.9rem,1.6vw,1.2rem);
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.color-attention-countdown-copy>span::after{
  content:"";
  width:100%;
  height:2px;
  border-radius:999px;
  background:currentColor;
}
.color-attention-countdown-copy>h1{
  margin:0;
  color:#102642;
  font-size:clamp(3rem,5.5vw,4.5rem);
  font-weight:900;
  line-height:.96;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.color-attention-countdown-copy>img{
  display:block;
  width:clamp(62px,8vw,86px);
  height:auto;
  margin-top:3px;
}
.color-attention-countdown-copy>p{
  margin:0;
  color:#667b94;
  font-size:clamp(1.15rem,2.4vw,1.65rem);
  font-weight:850;
}
.color-attention-countdown-panel>[data-color-countdown-value]{
  display:block;
  min-width:1em;
  margin:0;
  color:#102642;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(10rem,24vw,15rem);
  font-weight:900;
  line-height:.82;
  letter-spacing:-.07em;
  text-align:center;
  text-shadow:0 16px 34px rgba(33,70,114,.12);
  animation:color-attention-countdown-pop .28s cubic-bezier(.2,.78,.24,1);
}
@keyframes color-attention-countdown-pop{
  0%{opacity:.2;transform:scale(.84)}
  70%{opacity:1;transform:scale(1.04)}
  100%{opacity:1;transform:scale(1)}
}
@media(max-width:720px){
  .color-countdown-shell.color-advanced-countdown{padding:2px}
  .color-attention-countdown-panel{
    width:calc(100vw - 4px);
    height:calc(100dvh - 4px);
    gap:clamp(20px,4vh,34px);
    padding:24px 14px;
    border-radius:25px;
  }
  .color-attention-countdown-copy{gap:6px}
  .color-attention-countdown-copy>span{font-size:.82rem}
  .color-attention-countdown-copy>h1{font-size:clamp(1.9rem,7.7vw,2.15rem);line-height:1}
  .color-attention-countdown-copy>img{width:66px}
  .color-attention-countdown-copy>p{font-size:1.12rem}
  .color-attention-countdown-panel>[data-color-countdown-value]{font-size:clamp(9rem,47vw,11.5rem)}
}
@media(max-height:700px){
  .color-attention-countdown-panel{gap:14px;padding-top:12px;padding-bottom:12px}
  .color-attention-countdown-panel>[data-color-countdown-value]{font-size:clamp(7rem,28vh,9rem)}
}
@media(prefers-reduced-motion:reduce){
  .color-attention-countdown-panel>[data-color-countdown-value]{animation:none}
}

/* Color impulse results: mirror Code Attention and explain practical value. */
main.view-color .color-results.trainer-results{
  overflow-x:hidden;
  overflow-y:auto;
}
main.view-color .color-results.trainer-results .result-motivation{
  font-size:1.05rem;
}
main.view-color .color-results.trainer-results .result-life-motivation{
  margin:2px 0 0;
  border:1px solid rgba(59,124,243,.18);
  border-left:4px solid #3b7cf3;
  border-radius:10px;
  background:linear-gradient(180deg,#fbfdff 0%,#f3f7fc 100%);
  color:#40536a;
  padding:14px 16px 15px 18px;
  font-size:.96rem;
  font-weight:560;
  line-height:1.52;
  font-style:italic;
  box-shadow:0 7px 18px rgba(34,67,108,.06);
}
main.view-color .color-results.trainer-results .result-life-motivation::before{
  content:"Практическое применение";
  display:block;
  margin-bottom:6px;
  color:#3b7cf3;
  font-size:.68rem;
  font-weight:800;
  font-style:normal;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}
@media(max-width:720px){
  main.view-color .color-results.trainer-results .result-motivation{
    font-size:.97rem;
  }
  main.view-color .color-results.trainer-results .result-life-motivation{
    padding:12px 13px 13px 15px;
    font-size:.9rem;
    line-height:1.42;
  }
  main.view-color .color-results.trainer-results .result-life-motivation::before{
    margin-bottom:5px;
    font-size:.61rem;
    letter-spacing:.08em;
  }
}
@media(max-width:380px){
  main.view-color .color-results.trainer-results .result-motivation{
    font-size:.92rem;
  }
  main.view-color .color-results.trainer-results .result-life-motivation{
    font-size:.86rem;
  }
}