:root{font-family:'Segoe UI',Arial,sans-serif;color:#202c49;background:#f1f5fc;font-synthesis:none;--blue:#2e50e8;--muted:#63708a;--line:#e1e7f2;--navy:#172952}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6d88ff;outline-offset:4px}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.topbar{height:86px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1240px)/2));gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-size:25px;font-weight:800;letter-spacing:-.8px}.brand-icon{background:var(--blue);color:white;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:29px;font-style:italic;position:relative}.brand-icon span{font-size:12px;position:absolute;right:4px;top:4px;color:#ffda76}.brand-tag{border-left:1px solid var(--line);margin-left:12px;padding-left:22px;letter-spacing:1.8px;font-size:12px;font-weight:700;color:var(--muted)}.quiet{background:none;border:0;color:#576582;font-size:14px;padding:12px 0}.shell{max-width:1240px;margin:auto;padding:38px 30px 16px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:20px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;color:var(--blue);margin:0 0 12px}h1{font-size:clamp(30px,3.3vw,43px);line-height:1.14;letter-spacing:-1.5px;margin:0;font-weight:800}h1 span{color:var(--blue)}.intro p:last-child{font-size:16px;color:var(--muted);margin:15px 0 0}.help-button{background:white;border:1px solid #d8e1f0;border-radius:12px;padding:13px 17px;color:#3c4c6e;font-size:14px;font-weight:650;margin-bottom:3px;display:flex;align-items:center;gap:10px;white-space:nowrap}.question{border:1.5px solid #71819d;border-radius:50%;width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:26px}.exercise{background:white;border:1px solid var(--line);border-radius:22px;padding:24px 28px 0;box-shadow:0 5px 20px #18336804;overflow:hidden}.exercise-header{display:flex;justify-content:space-between;color:#78849b;font-size:12px;font-weight:700;letter-spacing:1.3px;padding-bottom:21px;border-bottom:1px solid #edf0f7}.section-label{font-size:12px;font-weight:800;letter-spacing:1.4px}.exercise-header .section-label{color:var(--blue)}.verb-area{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.verb-label{color:var(--muted);font-size:14px}h2{font-size:42px;letter-spacing:-1.2px;margin:2px 0 0;color:var(--navy)}.person{border:1px solid #e3e8f4;border-radius:10px;padding:11px 14px;background:#f8faff;font-size:14px;color:var(--muted)}.person strong{color:var(--blue);padding-left:10px;font-size:18px}.verb-meta{min-height:27px;margin-top:5px;color:var(--muted);font-size:13px;display:flex;align-items:center}.warning{display:inline-block;color:#8b5706;background:#fff1cd;border:1px solid #f3da99;padding:4px 10px;border-radius:6px;font-size:14px}.instruction{font-size:14px;margin:17px 0 16px;color:#58667e}.fields{display:grid;gap:10px}.field{display:grid;grid-template-columns:165px 1fr;align-items:start;gap:14px}.field label{display:flex;align-items:center;gap:10px;min-height:48px;font-size:14px;font-weight:650}.field-number{background:#edf2ff;color:#526ca7;width:25px;height:25px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border-radius:7px}.input-wrap{position:relative}.field input,dialog input,select{width:100%;padding:12px 40px 12px 14px;border:1.5px solid #dbe2ef;border-radius:10px;background:#fcfdff;font-size:16px;line-height:22px;color:#263451;outline:none;transition:border .15s,box-shadow .15s}.field input::placeholder{color:#98a3b8}.field input:focus,dialog input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e50e810}.field.correct input{border-color:#57aa84;background:#f5fcf8}.field.wrong input{border-color:#df5965;background:#fff5f5}.field.wrong label{color:#b63043}.state-icon{position:absolute;right:15px;top:12px;font-size:18px;font-weight:700;color:#208357}.wrong .state-icon{color:#bb3244}.field-message{font-size:12px;line-height:1.4;margin:4px 0 0;color:#b63043}.check-area{margin:22px 0 23px;display:flex;align-items:center;justify-content:space-between;gap:17px}#feedback{font-size:14px;color:var(--muted);line-height:1.5;max-width:300px}.primary{background:var(--blue);color:white;padding:14px 20px;border:0;border-radius:11px;font-size:15px;font-weight:700;white-space:nowrap;box-shadow:0 4px 8px #2e50e819}.primary:hover{background:#2241d0}.primary span{margin-left:16px}.primary:disabled{opacity:.75;cursor:default}.kind-note{margin:0 -28px;padding:16px 28px;background:#f9fbff;border-top:1px solid #edf0f7;display:flex;gap:9px;align-items:center;font-size:12px;color:#6c7990;line-height:1.5}.kind-note span{font-size:19px;color:#657eb8}.sidebar{display:grid;gap:20px}.progress-card{background:var(--navy);color:white;border-radius:22px;padding:25px}.progress-top{display:flex;justify-content:space-between;align-items:center;color:#d6e2ff}.small-star{color:#ffd77c;font-size:25px;line-height:1}.score{margin-top:13px;display:flex;align-items:baseline;gap:9px}.score strong{font-size:51px;letter-spacing:-2px}.score span{color:#c2cfe9;font-size:16px}.progress-card p{color:#c3cfe7;font-size:14px;margin:1px 0 21px;line-height:1.5}.track{height:7px;background:#354669;border-radius:20px;overflow:hidden}#progress-fill{height:100%;width:0;background:#ffd372;transition:width .4s}.stars{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:23px 0 16px}.star{display:flex;align-items:center;justify-content:center;height:34px;border:1px solid #53607d;border-radius:8px;color:#93a0be;font-size:18px}.star.earned{color:#1a2d52;background:#ffdb84;border-color:#ffdb84}.star.next{border-color:#aebde0;background:#283c63}.milestone{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.3px;color:#c5cfe5}.reward-card{border:1px solid #ebd49e;background:#fff7e4;border-radius:22px;padding:23px 24px}.reward-symbol{height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:#ffe2a0;color:#866114;border-radius:12px;font-size:25px;margin-bottom:17px}.reward-card .eyebrow{font-size:12px;letter-spacing:.8px;color:#8b6424;margin-bottom:7px}.reward-card h3{font-size:22px;letter-spacing:-.5px;line-height:1.2;margin:0 0 16px}.reward-choice{background:#fffdf7;border:1px dashed #d9ba75;border-radius:8px;padding:12px;font-size:14px;font-weight:700;overflow-wrap:anywhere}.reward-card>p:not(.eyebrow){font-size:14px;line-height:1.65;color:#7e6e51;margin:14px 0}.reward-footer{border-top:1px solid #ebddbd;padding-top:12px;font-size:12px;line-height:1.5;color:#746244}.aside-note{font-size:12px;line-height:1.8;color:#78849b;text-align:center;margin:0}.page-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7d899d;padding:26px 2px 8px}dialog{border:1px solid #dce3ef;border-radius:22px;padding:30px;max-width:610px;width:calc(100% - 32px);color:#293750;max-height:90vh;box-shadow:0 25px 100px #0c193849}dialog::backdrop{background:#11234588;backdrop-filter:blur(4px)}dialog h2{font-size:30px;margin:0 0 14px}dialog p{font-size:16px;line-height:1.65;color:#63708a}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.dialog-top .eyebrow{margin:0}.close{background:#edf2fa;border:0;border-radius:50%;width:32px;height:32px;font-size:25px;color:#576582;flex-shrink:0}.hint-row{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:145px 1fr;gap:12px;font-size:14px}.hint-row strong{color:var(--navy)}.hint-row small{display:block;color:#68778e;margin-bottom:4px;font-size:12px}.dialog-note{font-size:13px!important}.setting-label{display:block;font-size:14px;font-weight:700;margin:20px 0 9px}select{padding-right:12px}#win-dialog{text-align:center;max-width:570px}.win-star{font-size:60px;color:#dda52b;margin:5px auto 13px}#win-dialog .eyebrow{color:#856322}.ticket{background:#fff7e4;border:2px dashed #d7b774;padding:27px 18px;border-radius:15px;margin:24px 0}.ticket>span{font-size:12px;letter-spacing:1.5px;color:#876a31;font-weight:800}.ticket strong{display:block;font-size:26px;margin:16px 0 4px;overflow-wrap:anywhere}.ticket p,.ticket small{font-size:13px}.win-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.secondary{background:white;color:var(--blue);border:1px solid #cbd6f6;border-radius:10px;padding:13px 16px;font-weight:650;font-size:15px}@media(max-width:1000px){.brand-tag{display:none}.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.exercise{padding-left:20px;padding-right:20px}.kind-note{margin:0 -20px;padding:14px 20px}.field{grid-template-columns:145px 1fr;gap:8px}.field label{gap:7px}.check-area{align-items:stretch;flex-direction:column}#feedback{max-width:none}.shell{padding:30px 24px}.progress-card,.reward-card{padding:21px}.primary{min-height:47px}}@media(max-width:740px){.topbar{height:72px;padding:0 20px}.brand{font-size:22px}.quiet{font-size:12px}.shell{padding:27px 18px}.intro{align-items:flex-start;flex-direction:column;gap:18px}.intro h1{font-size:35px}.intro p:last-child{line-height:1.6;font-size:14px}.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;gap:15px}.aside-note{grid-column:1/-1}.help-button{font-size:14px;padding:11px 13px}.field{grid-template-columns:146px 1fr}.progress-card,.reward-card{padding:20px;border-radius:18px}.stars{gap:6px}.star{height:29px}.reward-card h3{font-size:20px}.score strong{font-size:44px}.page-footer{flex-direction:column;gap:7px}.check-area{flex-direction:column-reverse}.check-area #feedback{text-align:center;min-height:20px}.exercise{border-radius:18px}}@media(max-width:450px){.sidebar{grid-template-columns:1fr}.field{grid-template-columns:1fr;gap:0}.field label{min-height:31px;font-size:14px}.field-number{width:20px;height:20px;font-size:12px;border-radius:5px}.fields{gap:12px}.exercise{padding:20px 18px 0}.kind-note{margin:0 -18px;padding:14px 18px}.instruction{font-size:14px;line-height:1.6}.verb-area h2{font-size:39px}.stars{grid-template-columns:repeat(10,1fr)}.star{font-size:14px}.hint-row{grid-template-columns:1fr;gap:5px}.brand{gap:8px}.brand-icon{width:34px;height:34px;font-size:25px}dialog{padding:23px}.milestone{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{body>*:not(#win-dialog){display:none!important}#win-dialog{display:block!important;position:static;max-width:none;width:100%;border:0;box-shadow:none;max-height:none}.win-actions{display:none}.ticket{break-inside:avoid}dialog::backdrop{display:none}}
.learner-card,.tense-settings,.leaderboard-card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:22px}.learner-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.learner-card h3,.tense-settings h3,.leaderboard-card h3{font-size:20px;margin:0 0 10px;color:var(--navy)}.learner-card label{display:block;font-size:14px;margin:12px 0 8px}.name-controls{display:flex;gap:12px;max-width:580px}.name-controls input{width:100%;min-width:0;border:1.5px solid #cbd6ea;border-radius:10px;padding:12px;font-size:16px}.learner-card p,.tense-settings p,.leaderboard-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0}.learner-card #player-stats{font-size:18px;color:var(--navy)}details{margin:12px 0}summary{cursor:pointer;font-size:14px;color:var(--blue);padding:6px 0}#player-code{display:block;overflow-wrap:anywhere;font-size:16px;margin:12px 0}#save-status{margin-bottom:0}.error{color:#b63043!important}.tense-choices{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.tense-choice{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #cdd8ee;border-radius:10px;font-size:14px;cursor:pointer}.tense-choice:has(:checked){background:#edf2ff;border-color:#6c86e7;color:#2343c0}.tense-choice input{width:18px;height:18px;margin:0;accent-color:var(--blue)}.tense-choice:has(:disabled){cursor:wait;opacity:.75}#tense-status:empty{display:none}.leaderboard-card{margin:0;padding:20px}.leaderboard-card table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.leaderboard-card th,.leaderboard-card td{padding:10px 4px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.leaderboard-card th:first-child{width:50px}.leaderboard-card th:last-child{width:52px}.leaderboard-card th:last-child,.leaderboard-card td:last-child{text-align:right}.leaderboard-card th{color:var(--muted);font-weight:600}#leaderboard{font-size:14px;line-height:1.6}#own-rank{font-weight:700;color:var(--blue)}button:disabled{cursor:wait}input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#show-progress{margin-top:8px}.win-actions .primary{white-space:normal}@media(max-width:740px){.leaderboard-card{grid-column:1/-1}.learner-card,.tense-settings{padding:18px}.name-controls{flex-wrap:wrap}.name-controls input{flex:1 1 220px}.tense-choice{flex:1 1 145px}.learner-heading{align-items:flex-start}.learner-heading .quiet{flex-shrink:0}}

/* Bright time-travel game with the exercise at the centre. */
:root{--blue:#5440d8;--navy:#232050;--muted:#555f7b;--line:#dce1f2;background:#edf5ff;color:#232050;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif}
body{background:radial-gradient(ellipse at top right,#d6f9f1,transparent 45%),#edf5ff}.topbar{height:74px;border-bottom:2px solid #dbe3fa}.brand-icon{background:#5440d8;box-shadow:3px 3px 0 #c5baff}.shell{padding-top:24px}.intro{align-items:center;margin-bottom:22px}h1{font-size:clamp(30px,3.2vw,40px);letter-spacing:-1px}.intro p:last-child{color:#4f5876}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.learner-card,.tense-settings{margin-bottom:20px;border-width:2px}.learner-card{border-top:5px solid #17a995}.tense-settings{border-top:5px solid #9171ef}.exercise{border:2px solid #cdc8f5;box-shadow:0 7px 0 #dcdcf6}.exercise-header{color:#665c91}.person{background:#e9e3ff;border-color:#c5b7f4}.primary{background:#5440d8;box-shadow:0 4px 0 #342589}.primary:hover{background:#4330bc}.progress-card{background:linear-gradient(135deg,#37308b,#282357);border:2px solid #6e62c0;box-shadow:0 6px 0 #dddff5}.reward-card{background:#fff0c3;border:2px solid #f5cf68}.tense-choice:has(:checked){background:#efeaff;color:#4834b4;border-color:#b09be9}.field-number{background:#eee9ff;color:#5440bf}.kind-note{background:#e8faf5;color:#326658}.quiet,.instruction,.kind-note,.field-message,.aside-note,.reward-footer,.hint-row small,.dialog-note{font-size:14px!important}.instruction{line-height:1.6}.setup-grid p{font-size:16px}.learner-card .dialog-note{font-size:14px}.tense-choice{padding:10px 11px}.tense-choice:nth-child(3n+2):has(:checked){background:#e1f9f2;border-color:#61c5ad;color:#126453}.tense-choice:nth-child(3n):has(:checked){background:#fff1c6;border-color:#d8b44b;color:#71570b}.leaderboard-card{border:2px solid #c7dfed}.leaderboard-card tbody tr:first-child{background:#fff1c6}.leaderboard-card td:last-child{font-weight:800;color:#5440bf}.field input{background:white}.field input::placeholder{color:#7b849b}.field.wrong .field-number{background:#ffe0e5;color:#a02b41}.field.correct .field-number{background:#d7f7e9;color:#16674a}.tense-choice:focus-within{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:850px){.setup-grid{grid-template-columns:1fr}.setup-grid .learner-card{margin-bottom:0}.intro{flex-wrap:wrap}.tense-settings{margin-bottom:0}.setup-grid{margin-bottom:20px}.brand-tag{display:none}}@media(max-width:450px){.topbar{padding:0 16px;gap:12px}.quiet{font-size:14px}.intro h1{font-size:32px}.intro p:last-child{font-size:16px}.shell{padding:22px 14px}.verb-area{gap:12px;flex-wrap:wrap}.person{padding:9px 12px}}

.intro{background:url('zeitreise-robot.png') no-repeat 75% center / 300px auto;min-height:175px}.intro>div,.help-button{position:relative}.intro>div{max-width:510px}.help-button{align-self:flex-end}.points-possible{display:inline-block;margin:0 0 17px;padding:9px 12px;background:#fff0c1;color:#745417;font-size:14px;font-weight:700;border-radius:9px}.points-summary{display:grid;gap:12px;border-top:1px solid #7770b2;padding:17px 0;margin:0 0 8px}.points-summary>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:14px;color:#e1ddff}.points-summary strong{font-size:18px;color:#ffdf82;white-space:nowrap}.star{font-size:14px;font-weight:700}.leaderboard-card th:last-child{width:70px}.person strong{display:inline-block}.instruction strong{color:#4933b9}#legacy-note{font-size:14px;line-height:1.5}.learner-card:has(#player-summary:not([hidden])) details{margin:5px 0}.learner-card:has(#player-summary:not([hidden])) .eyebrow{margin-bottom:7px}
@media(max-width:1000px){.intro{background-position:85% center}.help-button{align-self:flex-end}.intro>div{max-width:440px}}@media(max-width:740px){.intro{background-position:right top;background-size:210px auto;min-height:190px;gap:15px}.intro>div{max-width:70%}.intro h1{font-size:30px}.intro p:last-child{font-size:16px}.help-button{align-self:flex-start}.intro{padding:10px 0}}@media(max-width:450px){.intro{background-position:right 5px;background-size:155px auto}.intro>div{max-width:75%}.intro h1{font-size:28px}.intro p:last-child{max-width:235px}.intro h1 span{display:block;max-width:235px}.points-summary strong{font-size:18px}.score span{font-size:16px}}

.topbar-actions{display:flex;align-items:center;gap:20px}.topbar-actions .secondary{padding:10px 14px;font-size:14px}#admin-dialog{max-width:850px}#admin-dialog>p{font-size:16px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0}.admin-toolbar span{font-size:14px;color:var(--muted)}#admin-learners{display:grid;gap:14px}.admin-learner{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fcfdff}.admin-learner h3{font-size:19px;margin:0;overflow-wrap:anywhere}.admin-learner .learner-heading{align-items:flex-start}.admin-learner p{font-size:14px;margin:8px 0;line-height:1.5}.admin-badge{display:inline-block;border-radius:6px;padding:4px 8px;background:#eae4ff;color:#4834b4;font-size:14px;font-weight:700}.admin-tense-list{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:14px 0;padding:0}.admin-tense-list li{font-size:14px;padding:6px 9px;border-radius:8px;background:#f0f1f5;color:#626579;border:1px solid #d7d9e0}.admin-tense-list .tense-on{background:#e0f7ee;border-color:#a2d9c7;color:#175c46}.admin-learner .admin-unknown{background:#fff4d2;padding:10px;border-radius:8px;color:#785d20}.admin-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-actions>span{font-size:14px;color:var(--muted)}.danger{background:#fff0f2;color:#a62340;border:1px solid #e6b7c1;border-radius:10px;padding:12px 15px;font-size:14px;font-weight:700}.danger:hover{background:#ffe0e6}.danger:disabled{opacity:.6}#admin-more{margin-top:18px}#admin-status{min-height:24px;font-size:14px}#admin-remove-dialog{max-width:530px}#admin-remove-dialog h2{font-size:25px}.admin-row-hidden{background:#f4f5f9}.admin-row-hidden h3{color:#52576d}@media(max-width:600px){.topbar{height:auto;min-height:74px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.topbar-actions{gap:12px;flex-wrap:wrap}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-learner{padding:14px}.admin-actions button{width:100%}.admin-learner .learner-heading{flex-wrap:wrap}.admin-tense-list li{flex:1 1 140px}#admin-remove-dialog h2{font-size:23px}}

/* Mission style: colourful, tactile controls and a robot companion. */

/* Journey navigation, companion, streak and a quiet assessment space. */
.mission-tabs{display:flex;align-items:center;gap:12px;margin:0 0 28px;flex-wrap:wrap}.mission-tabs a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;font-weight:800;color:#594776;padding:13px 20px;border:2px solid #d4c9ec;border-bottom-width:4px;border-radius:16px;background:#fff}.mission-tabs a[aria-current=page]{color:#fff;background:#6040d5;border-color:#392786}.mission-tabs>span{margin-left:auto;font-size:14px;color:#61637e}.intro{min-height:0!important;padding:6px 0 14px}.intro>div{max-width:700px!important}.intro h1 span{max-width:none!important}.intro p:last-child{max-width:none!important}.buddy-card{padding:15px 16px;display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:0 8px;background:#dff8f1;border:2px solid #9ed7c7;border-bottom-width:5px;border-radius:24px}.buddy-image{width:110px;height:125px;background:url('/zeitreise-robot.png') no-repeat right center/310px auto;border-radius:40%;mix-blend-mode:multiply;grid-row:1/3;margin-left:-10px}.buddy-name{font-weight:800;font-size:14px;color:#276b5c;margin:0 0 5px}#buddy-message{font-size:15px;color:#254f47;line-height:1.5;margin:0}.streak-card{background:#fff;border:2px solid #e6d8f2;border-bottom-width:5px;border-radius:24px;padding:20px}.streak-heading{display:flex;gap:10px;align-items:center}.streak-heading h3{font-size:15px;margin:0 0 4px;color:#645076}.streak-heading strong{font-size:18px}.streak-fire{font-size:30px;filter:grayscale(.7)}.factor{padding:7px 10px;border-radius:12px;background:#eee9f8;font-size:22px;font-weight:800;margin-left:auto}.streak-steps{display:flex;gap:7px;margin:17px 0 12px}.streak-steps span{display:flex;align-items:center;justify-content:center;flex:1;height:30px;background:#f1eef8;border:1px solid #dcd5e9;border-radius:9px;font-size:13px;font-weight:800;color:#736086}.streak-steps .lit{background:#ffd373;border-color:#dfad48;color:#725313}.streak-card p{font-size:14px;line-height:1.6;margin:8px 0;color:#625678}.streak-card small{color:#685f7b}.streak-card.hot{background:#fff1d5;border-color:#f2ba55}.hot .streak-fire{filter:none;animation:streak-pop .4s ease-out}.hot .factor{background:#f7aa30;color:#523400}.hot .streak-heading h3{color:#81530e}.test-page{max-width:860px;margin:0 auto}.test-heading{display:flex;align-items:center;gap:25px;margin:20px 0 28px}.test-heading h1{font-size:clamp(29px,4vw,43px)}.test-heading p:last-child{line-height:1.6;color:var(--muted)}.test-buddy{flex-shrink:0;width:145px;height:160px;background-size:380px auto;margin:0}.test-panel{background:white;border:2px solid #d9d0f0;border-bottom-width:6px;border-radius:25px;padding:28px}.test-panel h2{font-size:28px;line-height:1.3;letter-spacing:-.5px}.test-panel>p{line-height:1.7;color:var(--muted)}.test-rules{padding-left:22px;line-height:1.7;margin:20px 0 26px}.test-rules li+li{margin-top:10px}.test-page a.primary,.test-page a.secondary{display:inline-block;text-decoration:none;text-align:center}.test-panel>.secondary{margin:10px 0 0 10px}.test-page .exercise{padding-bottom:20px}.test-page .check-area p{font-size:14px;line-height:1.5;color:var(--muted)}#test-progress{width:100%;height:10px;border:0;margin:18px 0 0;accent-color:#20a486;border-radius:10px;overflow:hidden}#test-progress::-webkit-progress-bar{background:#eee9f8}#test-progress::-webkit-progress-value{background:#20a486}.test-pause{display:inline-block;margin-bottom:6px}#test-status{font-size:16px;line-height:1.6;color:#514477;min-height:26px;padding:0 5px}.result-summary{font-size:23px!important;font-weight:800;color:#5340ac!important}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.result-card{border:2px solid #ded8ef;border-radius:14px;margin:12px 0;background:#fff}.result-card summary{padding:16px;font-size:16px;line-height:1.5;color:#48387c;font-weight:700}.result-form{margin:0 16px;padding:15px 0;border-top:1px solid #e6e1f0;overflow-wrap:anywhere}.result-form p{margin:8px 0 0;line-height:1.5}.result-correct strong{color:#16735b}.result-review strong{color:#8a5a10}.result-solution{background:#e8f7f1;padding:10px 12px;border-radius:8px;color:#1b664f}.audio-button[aria-pressed=true]{background:#b5ecda;border-color:#459e82}.primary:disabled,.secondary:disabled{cursor:default;opacity:.65}.test-page .primary{white-space:normal}@keyframes streak-pop{from{transform:scale(.65)}to{transform:scale(1)}}
@media(max-width:740px){.buddy-card,.streak-card{grid-column:1/-1}.buddy-card{grid-template-columns:100px minmax(0,1fr)}.buddy-image{height:115px}.streak-heading h3{font-size:17px}.intro>div{max-width:100%!important}.intro h1{font-size:29px}.mission-tabs>span{display:none}.test-heading{gap:12px}.test-buddy{width:90px;height:125px;background-size:290px auto}.test-panel{padding:22px}.test-panel>.secondary{margin-left:0}.mission-tabs a{flex:1;padding:12px 10px}}
@media(max-width:450px){.test-heading{display:block;position:relative;padding-right:65px}.test-buddy{position:absolute;right:-10px;top:0;width:85px;height:100px;background-size:245px auto}.test-heading h1{font-size:28px}.test-heading p:last-child{margin-right:-65px}.test-panel{padding:20px}.test-panel h2{font-size:25px}.test-page .field{grid-template-columns:1fr;gap:0}.test-panel>.primary,.test-panel>.secondary{width:100%}.result-summary{font-size:20px!important}.mission-tabs{gap:8px}.mission-tabs a{font-size:15px}.sidebar{grid-template-columns:1fr}.progress-card,.reward-card{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--blue:#6040d5;--navy:#242050;--line:#ddd9f3}.shell{max-width:1240px}.intro h1{font-size:clamp(27px,3vw,36px);line-height:1.2}.intro{background-position:77% center;background-size:295px auto}.primary{border-radius:14px;border-bottom:4px solid #372283;box-shadow:none;font-weight:800}.primary:active{border-bottom-width:1px;transform:translateY(3px)}.secondary{border-width:2px;border-bottom-width:4px;border-radius:13px}.exercise{border-radius:25px}.field input{border-width:2px;border-bottom-width:3px;border-radius:13px}.verb-with-audio{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.audio-button{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #a8dacc;border-bottom-width:4px;border-radius:15px;background:#e4faf3;color:#185f4f;font-size:16px;font-weight:700}.audio-button:hover{background:#c9f4e6}.audio-button:disabled{opacity:.65}.audio-status{font-size:14px;color:#606580;margin:5px 0;min-height:0}.audio-status:empty{display:none}.brand-icon{border-bottom:4px solid #352588}.tense-choice{border-width:2px;border-bottom-width:3px}.star.earned{box-shadow:0 3px 0 #bb8f24}.kind-note{font-size:15px!important}@media(max-width:740px){.intro h1{font-size:27px}.intro{background-size:180px auto;background-position:right top}}@media(max-width:450px){.intro h1{font-size:25px}.intro{background-size:155px auto}.verb-with-audio{gap:12px}.audio-button{padding:9px 12px}.audio-button span{font-size:14px}}

.verb-hint{background:#eef7ff;border-left:4px solid #719ccd;border-radius:8px;padding:11px 14px;font-size:15px;line-height:1.6;color:#334e6a}.page-footer a{color:#5440a8}

audio[controls]{width:100%;max-width:360px;margin:12px 0}

/* Put the shared leaderboard and personal vocabulary within easy reach. */
.learning-dashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:20px;align-items:start;margin:0 0 22px}.learning-dashboard .leaderboard-card{margin:0;border:2px solid #bfb5ed;border-bottom-width:5px;border-radius:24px;background:linear-gradient(135deg,#fff,#f3f0ff);padding:20px 22px}.leaderboard-card .eyebrow{font-size:12px;margin:0 0 5px;color:#7851af}.learning-dashboard .leaderboard-card h3{font-size:23px;margin:0}.learning-dashboard .leaderboard-card>.learner-heading{align-items:center}.learning-dashboard .leaderboard-card>p{font-size:14px;margin:8px 0 12px}.learning-dashboard #refresh-leaderboard{width:42px;height:42px;padding:0;border:2px solid #d1c6ee;border-radius:13px;background:#fff;font-size:23px!important;flex-shrink:0}.leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:14px 0}.podium-place{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;border:2px solid #dedbed;border-radius:17px;padding:12px 8px;background:#fff}.podium-place strong{font-size:16px;line-height:1.35;overflow-wrap:anywhere;margin:4px 0 6px}.podium-medal{font-size:29px;line-height:1.2}.podium-points{font-size:18px;font-weight:800;color:#5b3bc0}.podium-place small{font-size:12px;color:#6b6579;margin-top:3px}.podium-rank-1{background:#fff2c9;border-color:#edce70}.podium-rank-2{background:#eef5fc;border-color:#c2d2e6}.podium-rank-3{background:#fff0e6;border-color:#e8c4a4}.leaderboard-empty{background:#fff;border:2px dashed #d1c6ed;border-radius:15px;padding:15px 17px;color:#645880!important}.learning-dashboard #own-rank{border-radius:11px;padding:10px 13px;background:#e9e3fc;color:#52368e;margin-bottom:0;font-size:14px}.full-leaderboard{margin:10px 0 0}.full-leaderboard summary{font-size:14px;font-weight:700}.leaderboard-table-wrap{max-height:300px;overflow:auto;border-radius:10px;background:#fff;margin-top:8px}.learning-dashboard .leaderboard-card th:last-child{width:80px}.vocabulary-card{margin:0;background:#fff;border:2px solid #acdcca;border-bottom-width:5px;border-radius:24px;overflow:hidden}.vocabulary-card>summary{display:flex;align-items:center;gap:13px;padding:20px;list-style:none;color:#26584b}.vocabulary-card>summary::-webkit-details-marker{display:none}.vocabulary-card>summary:focus-visible{outline:3px solid #6d88ff;outline-offset:-5px;border-radius:20px}.vocabulary-symbol{display:flex;align-items:center;justify-content:center;background:#e2f7ee;border-radius:15px;width:48px;height:48px;font-size:28px;flex-shrink:0}.vocabulary-card>summary strong{display:block;font-size:20px}.vocabulary-card>summary #vocabulary-summary{display:block;font-size:14px;margin-top:6px;color:#4c7366;line-height:1.5}.disclosure-arrow{font-size:27px;margin-left:auto}.vocabulary-card[open] .disclosure-arrow{transform:rotate(180deg)}.vocabulary-body{padding:0 20px 20px}.vocabulary-body>p{font-size:14px;line-height:1.6;color:#4f6b61}.vocabulary-body>label{display:block;font-size:14px;font-weight:700;margin:14px 0 7px}.vocabulary-body select{background:#f3fbf7;border-color:#b9dccb;color:#245d49}.vocabulary-body #vocabulary-list{list-style:none;padding:0;margin:12px 0 0;max-height:350px;overflow:auto;border-top:1px solid #daece3}.vocabulary-body li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid #e3eee8}.vocabulary-body li strong{font-size:15px;overflow-wrap:anywhere}.vocabulary-body li span{font-size:13px;white-space:nowrap;color:#596c65;background:#f0f4f1;padding:5px 8px;border-radius:8px}.vocabulary-body .verb-learned span{background:#dcf5e7;color:#186748}.verb-mastery{font-size:14px;margin:0 0 18px;color:#5d547e}.learning-complete{background:#fff;border:2px solid #b9dccc;border-bottom-width:6px;border-radius:25px;padding:32px;text-align:center}.complete-symbol{font-size:60px;display:block;margin-bottom:16px}.learning-complete h2{font-size:33px;line-height:1.3}.learning-complete>p{font-size:16px;line-height:1.7;color:#4d655e}.learning-complete .eyebrow{color:#218066;font-size:12px}.finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0}.finish-actions a{text-decoration:none;display:inline-flex;align-items:center}.learning-complete #finish-points{font-weight:700;color:#51409b}
@media(max-width:850px){.learning-dashboard{grid-template-columns:1fr}.learning-dashboard .leaderboard-card{padding:18px 20px}.vocabulary-card>summary{padding:16px 20px}.vocabulary-body{padding:0 20px 18px}.learning-dashboard{gap:14px}.leaderboard-podium{margin:10px 0}.podium-place{padding:10px 8px}.podium-medal{font-size:25px}}
@media(max-width:450px){.learning-dashboard .leaderboard-card{padding:16px 14px}.learning-dashboard .leaderboard-card h3{font-size:22px}.leaderboard-podium{gap:6px}.podium-place strong{font-size:14px}.podium-points{font-size:16px}.podium-place{padding:10px 5px}.vocabulary-card>summary strong{font-size:19px}.vocabulary-body{padding:0 15px 16px}.vocabulary-body li{gap:8px}.vocabulary-body li span{font-size:12px}.learning-complete{padding:25px 20px}.learning-complete h2{font-size:28px}.finish-actions>*{width:100%;justify-content:center}}