/* One consistent, uncropped mark for the OSCE header, signature and footer. */
.dm-symbol{-webkit-mask:url('/assets/home/mascot-framed.svg') center/contain no-repeat;mask:url('/assets/home/mascot-framed.svg') center/contain no-repeat;flex-shrink:0}.prof-intro img,.teacher-visual img{object-fit:contain!important;object-position:center!important;animation:none!important}.teacher-visual img{filter:drop-shadow(0 15px 25px #002c5520)}
.training-room.section{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:65px;padding:45px 0 35px;align-items:stretch;position:relative}.training-copy{padding:18px 0}.training-badge{display:inline-flex;gap:9px;align-items:center;color:var(--blue);font-size:9px;font-weight:650;letter-spacing:.15em;margin-bottom:23px}.training-badge>span{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 9%,transparent)}.training-copy h1{font-size:clamp(40px,5vw,64px);line-height:1.06;letter-spacing:-.055em;margin:0 0 22px}.training-copy h1>span{color:var(--blue)}.training-lead{font-size:15px;max-width:420px;line-height:1.75;margin-bottom:30px}.training-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px}.training-flow>div{border-top:1px solid var(--line);padding-top:15px}.training-flow>div>span{display:block;font-size:10px;color:var(--blue);font-weight:600;margin-bottom:10px}.training-flow strong{font-size:13px;font-weight:600}.training-flow p{font-size:10px;line-height:1.5;margin:5px 0 0}.training-config{padding:24px;border:1px solid color-mix(in srgb,var(--line) 80%,white);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 90%,transparent),color-mix(in srgb,var(--soft) 45%,transparent));box-shadow:inset 0 1px #ffffff40,0 12px 35px #00346205;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.training-config .sim-select{font-size:12px;color:var(--ink);font-weight:550;margin:0 0 10px}.training-config select{display:block;width:100%;max-width:100%;font-size:12px;padding:13px 15px;border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:12px;cursor:pointer;margin:0 0 13px}.training-config .btn{width:100%;justify-content:space-between;font-size:13px;padding:14px 19px;background:var(--blue);color:var(--paper)}.dark .training-config .btn{background:#1477e9;color:white}.training-config>p{font-size:9px;text-align:center;margin:13px 0 0;line-height:1.7}.training-config>p>span{margin-right:4px}.training-mentor{border-radius:30px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(170deg,#deedff,#bcdcff 55%,#87baf0);border:1px solid #ffffffb0;display:flex;flex-direction:column;justify-content:space-between;min-height:590px;box-shadow:inset 0 1px white,0 25px 70px #002d5a0c}.dark .training-mentor{background:linear-gradient(170deg,#14324f,#17508a 65%,#246dba);border-color:#ffffff18;box-shadow:inset 0 1px #ffffff14,0 25px 70px #0002}.mentor-top{display:flex;justify-content:space-between;align-items:center;padding:25px;gap:10px;color:#173f67;font-size:8px;letter-spacing:.13em;font-weight:650;z-index:2}.dark .mentor-top{color:#b9d9fa}.mentor-pill{border:1px solid #ffffff80;background:#ffffff38;padding:6px 10px;border-radius:99px;letter-spacing:0;font-size:8px;font-weight:450;white-space:nowrap}.dark .mentor-pill{border-color:#ffffff20;background:#ffffff0a}.mentor-orbit{position:absolute;width:360px;height:360px;left:50%;top:53%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #ffffff60;box-shadow:0 0 0 35px #ffffff0f,0 0 0 70px #ffffff0b;z-index:-1}.mentor-art{position:absolute;inset:100px 22px 110px;display:flex;align-items:center;justify-content:center;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}.mentor-art img{width:100%;height:100%;max-width:325px;object-fit:contain;filter:drop-shadow(0 14px 20px #15497918)}.mentor-note{position:absolute;bottom:83px;left:24px;right:24px;display:flex;align-items:center;gap:13px;padding:19px;background:#ffffffe0;border:1px solid #fff9;border-radius:20px;box-shadow:0 15px 35px #003c7710;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:#143452}.dark .mentor-note{background:#102a43cc;border-color:#ffffff28;color:#eff6ff}.mentor-note-icon{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#0969e511;color:#0969e5;font-size:16px}.dark .mentor-note-icon{background:#6aaeff20;color:#8ac4ff}.mentor-note strong{font-size:13px;font-weight:650;letter-spacing:-.025em}.mentor-note p{font-size:10px;line-height:1.5;margin:4px 0 0;color:#4f6c86}.dark .mentor-note p{color:#a7c4df}.mentor-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:23px 28px;color:#234c76;font-size:10px;border-top:1px solid #ffffff30}.mentor-bottom>span:last-child{font-size:17px;line-height:1}.dark .mentor-bottom{color:#d1e7ff}.training-footnote{display:flex;align-items:flex-start;justify-content:center;gap:13px;max-width:720px;margin:25px auto 60px;padding:22px 0;border-top:1px solid var(--line)}.training-footnote>span{color:var(--blue);font-size:20px}.training-footnote p{font-size:11px;line-height:1.8;margin:0;max-width:580px}.training-footnote strong{font-weight:550;color:var(--ink)}
/* The same visual rhythm carries into the envelope room. */
#practice.training-active{background:radial-gradient(ellipse at 50% 10%,#86bdff20,transparent 65%),var(--bg)}.practice-top{border-bottom:1px solid var(--line);padding-bottom:22px;gap:18px}.practice-top>b{font-weight:550}.practice-top button{background:color-mix(in srgb,var(--paper) 65%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.envelope-view{max-width:1000px;margin:30px auto 20px}.round-context{display:flex;justify-content:center;gap:10px;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-bottom:26px}.round-context span{padding:5px 12px;border:1px solid var(--line);border-radius:99px;background:color-mix(in srgb,var(--paper) 65%,transparent)}.prof-intro{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 20px}.prof-intro img{width:57px;height:64px;border-radius:15px;background:var(--soft);padding:4px 5px 0;flex:none}.prof-intro>div{text-align:left}.prof-intro .eyebrow{font-size:7px;letter-spacing:.12em;margin:0 0 6px}.prof-intro strong{font-size:12px;font-weight:550}.envelope-view h1{font-size:clamp(33px,4.5vw,55px);line-height:1.1;letter-spacing:-.05em;margin:0 0 21px}.envelope-view h1>span{color:var(--blue)}.envelope-view>p{font-size:13px;line-height:1.8}.envelope-view>p strong{font-weight:550;color:var(--ink)}.envelopes{gap:24px;margin:35px 0;perspective:1000px}.envelope{border-radius:23px;aspect-ratio:1.23;background:linear-gradient(145deg,#fafdff,#d5e8ff);box-shadow:inset 0 1px #fff,0 14px 35px #17467e0c;border-color:#bbd6f6;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.envelope:before{background:linear-gradient(150deg,#edf6ff,#bedafa);clip-path:polygon(0 0,100% 0,50% 56%);opacity:.9}.envelope:after{border:0;background:linear-gradient(0deg,#fff7,transparent 65%);clip-path:polygon(0 100%,0 15%,50% 65%,100% 15%,100% 100%)}.envelope-kicker{position:absolute;top:21px;left:0;right:0;font-size:7px;font-weight:500;letter-spacing:.16em;z-index:2;color:#4b719b}.envelope strong{top:48%;width:51px;height:51px;background:#0969e5;border:5px solid #f3f8ff;font-size:16px;box-shadow:0 5px 15px #0764d222}.envelope small{display:flex;align-items:center;justify-content:center;gap:14px;bottom:20px;z-index:2;font-size:10px;letter-spacing:0;font-weight:550}.envelope:hover{transform:translateY(-7px);box-shadow:0 22px 40px #17467e20;border-color:#6ba6ee}.envelope:active{transform:translateY(-2px) scale(.98)}.dark .envelope{background:linear-gradient(145deg,#1e3b5b,#142e49);border-color:#365c86;box-shadow:inset 0 1px #ffffff14,0 15px 40px #0002;color:#c7e2ff}.dark .envelope:before{background:linear-gradient(140deg,#284e76,#1b3e64)}.dark .envelope:after{background:linear-gradient(0deg,#ffffff08,transparent)}.dark .envelope-kicker{color:#a1c5eb}.dark .envelope strong{border-color:#24496f;background:#197de9;color:white}.training-reassurance{display:flex;gap:12px;align-items:flex-start;justify-content:center;padding-top:8px}.training-reassurance>span{color:var(--blue);font-size:22px}.training-reassurance p{font-size:12px;line-height:1.7;text-align:left;margin:0}.training-reassurance small{display:block;font-size:9px;max-width:500px;margin-top:5px;color:var(--muted)}
/* Fades remain brief, and never obscure live station instructions or the timer. */
.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms);transform:translateY(14px)}.reveal.is-visible{transform:none}.page-entering{animation:soft-page-in .7s both}.slide-entering{animation:soft-page-in .75s both}.reader-phase,.review-phase,.progress-activity{transition:background-color .35s,border-color .35s}.route-card,.filter-chip,.btn,.iconbtn{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s,transform .3s}.filter-chip.active{animation:soft-page-in .4s ease}.site-menu:not([hidden]){animation:soft-page-in .35s ease}dialog[open]{animation:soft-dialog-in .35s ease}dialog[open]::backdrop{animation:soft-page-in .35s ease}.station-opening .station{animation:soft-dialog-in .65s both}.results,.envelope-view,.correction{animation:soft-page-in .55s both}.opening-envelope{animation-duration:.7s}.opening-envelope>span{animation-duration:.7s}
@keyframes soft-page-in{from{opacity:0}to{opacity:1}}@keyframes soft-dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.training-room.section{gap:32px}.training-mentor{min-height:570px}.mentor-top{padding:20px;flex-wrap:wrap}.mentor-art{inset:110px 8px 115px}.mentor-note{left:16px;right:16px;padding:16px}.training-copy h1{font-size:48px}}
@media(max-width:700px){.training-room.section{grid-template-columns:1fr;padding:30px 0 15px;gap:25px}.training-copy{padding:0}.training-copy h1{font-size:46px}.training-badge{font-size:8px;margin-bottom:22px}.training-lead{font-size:13px;margin-bottom:25px}.training-flow{gap:12px;margin-bottom:25px}.training-flow strong{font-size:12px}.training-flow p{font-size:9px}.training-config{padding:21px;border-radius:20px}.training-config>p{font-size:8px}.training-mentor{min-height:400px;max-width:460px;width:100%;margin:auto;border-radius:25px}.mentor-top{padding:20px;flex-wrap:nowrap}.mentor-art{inset:50px 0 45px}.mentor-art img{max-width:240px}.mentor-orbit{width:250px;height:250px;top:55%}.mentor-note{bottom:57px;padding:14px 16px;left:18px;right:18px}.mentor-note strong{font-size:12px}.mentor-note p{font-size:9px}.mentor-bottom{padding:17px 21px;font-size:9px}.training-footnote{margin:10px auto 30px;padding:20px 0}.training-footnote p{font-size:10px}.practice-top{font-size:9px;padding-bottom:18px;gap:10px;flex-wrap:wrap}.practice-top button{font-size:9px}.practice-top .round-dots{gap:5px}.envelope-view{margin-top:25px}.envelope-view h1{font-size:35px}.envelope-view>p{font-size:12px}.prof-intro{margin-bottom:23px}.prof-intro img{width:48px;height:55px}.prof-intro strong{font-size:11px}.round-context{margin-bottom:22px}.envelopes{gap:10px;margin:28px 0}.envelope{aspect-ratio:.78;border-radius:15px}.envelope-kicker{font-size:5px;letter-spacing:.05em;top:16px}.envelope strong{width:40px;height:40px;border-width:4px;font-size:13px;top:47%}.envelope small{font-size:8px;gap:5px;bottom:15px}.training-reassurance{padding:4px 4px}.training-reassurance p{font-size:11px}.training-reassurance small{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.mentor-art img{animation:none!important}}

.training-arrow{display:inline-block;width:16px;height:16px;flex:none;vertical-align:middle}.envelope small .training-arrow{width:12px;height:12px}.mentor-bottom>.training-arrow{width:17px;height:17px}
/* Official artwork replaces the improvised character in every training view. */
.osce-mentor-mark{display:block;background:var(--blue);-webkit-mask:url('/assets/home/mascot-framed.svg') center/contain no-repeat;mask:url('/assets/home/mascot-framed.svg') center/contain no-repeat;width:220px;height:260px;flex-shrink:0}.teacher-visual .osce-mentor-mark{width:190px;height:225px;margin:18px auto 0;background:#dceeff}.prof-intro .osce-mentor-mark{width:42px;height:50px;background:var(--blue);margin:0 5px}.mentor-art .osce-mentor-mark{width:min(72%,245px);height:290px;background:linear-gradient(150deg,#ffffff,#d4eaff 65%,#80baf1);filter:drop-shadow(0 14px 25px #001a4b2b)}
.training-room.section{margin-top:32px;padding:38px;gap:42px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(ellipse at 0% 0%,#74b5ff10,transparent 70%),linear-gradient(150deg,color-mix(in srgb,var(--paper) 90%,transparent),color-mix(in srgb,var(--soft) 40%,var(--paper)));box-shadow:0 22px 65px #08376909,inset 0 1px #ffffff40;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.training-copy{padding:4px 0}.training-copy h1{font-size:clamp(40px,4.2vw,56px)}.training-config{background:var(--paper);padding:21px;border-radius:19px}.training-mentor{min-height:555px;background:linear-gradient(160deg,#133859,#0d4d8c 65%,#1f71ba);border-color:#ffffff25;box-shadow:inset 0 1px #ffffff25,0 15px 45px #001a4b0b}.mentor-top,.dark .mentor-top{color:#d8ebff;font-size:7px;letter-spacing:.1em}.mentor-pill{color:#e6f2ff;background:#ffffff0a;border-color:#ffffff25;font-size:7px}.mentor-art{inset:70px 15px 115px;mask-image:linear-gradient(#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(#000 80%,transparent 100%)}.mentor-orbit{width:310px;height:310px;top:48%;border-color:#ffffff15;box-shadow:0 0 0 30px #ffffff05,0 0 0 65px #ffffff04}.mentor-note{background:#eaf5ffeb;border-color:#ffffffb0;bottom:74px;left:20px;right:20px;padding:16px}.mentor-bottom,.dark .mentor-bottom{color:#cfe6ff;font-size:9px;padding:21px 24px}.dark .training-room.section{box-shadow:0 22px 65px #00000015,inset 0 1px #ffffff0a}.dark .mentor-note{background:#0c2642dc;border-color:#ffffff20}.training-footnote{margin-top:24px}
/* Dissolve surfaces into the page, while text stays at full contrast. */
.page-view{background-image:radial-gradient(ellipse at 0% 15%,#6daeff09,transparent 65%)}.page-view .sectionhead:after{content:'';display:block;width:60px;height:1px;background:linear-gradient(90deg,var(--blue),transparent);opacity:.35;align-self:center}.training-mentor:after{content:'';position:absolute;inset:auto 0 0;height:110px;z-index:-1;background:linear-gradient(transparent,#05264640);pointer-events:none}.source-note{background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 35%,transparent),transparent);border-radius:24px;padding:22px!important}.page-leaving{transition:opacity .3s ease!important}.page-entering{animation-duration:.85s}.reveal{transition-duration:.9s}.reader-header,.correction-heading,.progress-heading{animation:soft-dialog-in .7s ease both}.route-card:hover,.progress-panel:hover{border-color:color-mix(in srgb,var(--blue) 30%,var(--line))}
@media(max-width:1000px){.training-room.section{padding:28px;gap:28px}.training-copy h1{font-size:43px}.training-mentor{min-height:570px}.mentor-top{padding:18px}.mentor-art .osce-mentor-mark{height:260px}.mentor-note strong{font-size:11px}.mentor-note p{font-size:9px}}
@media(max-width:700px){.training-room.section{margin-top:25px;padding:25px 21px;gap:24px;border-radius:27px}.training-copy h1{font-size:42px}.training-lead{font-size:12px}.training-flow{gap:10px}.training-flow strong{font-size:11px}.training-flow p{font-size:8px}.training-config{padding:18px}.training-config select{font-size:11px}.training-config .btn{font-size:12px}.training-mentor{min-height:345px;border-radius:21px}.mentor-art{inset:45px 10px 80px}.mentor-art .osce-mentor-mark{height:215px;width:185px}.mentor-orbit{width:220px;height:220px;top:48%}.mentor-note{bottom:52px;padding:13px 15px;left:14px;right:14px}.mentor-top{font-size:7px;padding:16px}.mentor-pill{font-size:7px}.mentor-bottom{padding:16px 18px;font-size:8px}.training-footnote{margin-top:20px}.teacher-visual .osce-mentor-mark{width:170px;height:205px}.prof-intro .osce-mentor-mark{width:35px;height:42px}.page-view .sectionhead:after{display:none}}
@media(prefers-reduced-motion:reduce){.page-entering,.page-leaving,.reader-header,.correction-heading,.progress-heading{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
/* Friendly motion belongs to the artwork, never to the station clock. */
.mentor-interact{display:grid;place-items:center;border:0;background:none;padding:0;margin:0;color:inherit;position:relative;cursor:pointer;border-radius:25px;transform-origin:50% 85%;-webkit-tap-highlight-color:transparent}.mentor-interact:focus-visible{outline:2px solid #9ed0ff;outline-offset:8px}.mentor-interact .mentor-character{transition:filter .4s,transform .45s ease;transform-origin:50% 85%}.mentor-art .mentor-interact{width:100%;height:100%;isolation:isolate}.mentor-art .mentor-interact:before{content:'';position:absolute;width:230px;height:230px;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#b1d9ff19,transparent 70%);z-index:-1;transition:opacity .4s;opacity:.5}.mentor-art .osce-mentor-mark{width:235px;height:275px;animation:mentor-breathe 6s ease-in-out infinite}.mentor-interact:hover .mentor-character{filter:drop-shadow(0 8px 22px #b8ddff35)}.mentor-interact:hover:before{opacity:1}.mentor-interact:active .mentor-character{transform:scale(.97)}.mentor-interact.mentor-greeting .mentor-character{animation:mentor-hello 1.05s cubic-bezier(.3,.65,.3,1) both}.mentor-invite{position:absolute;top:64px;left:0;right:0;text-align:center;color:#c3e2ff9c;font-size:8px;letter-spacing:.03em;z-index:2;pointer-events:none}.prof-intro .mentor-interact{width:52px;height:60px}.teacher-visual .mentor-interact{margin:18px auto 0}.teacher-visual .osce-mentor-mark{margin:0}.mentor-note{min-height:78px;transition:background-color .4s,border-color .4s}.mentor-note strong{display:block;line-height:1.5}.mentor-note [data-mentor-message]{animation:soft-page-in .35s ease}.mentor-art{overflow:visible}.mentor-art .mentor-interact:hover .mentor-character{transform:translateY(-5px) rotate(-2deg)}.envelope{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.training-config{box-shadow:0 12px 30px #003d6b08,inset 0 1px #ffffff30}.dark .training-config{box-shadow:0 12px 30px #00000012,inset 0 1px #ffffff06}
@keyframes mentor-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes mentor-hello{0%{transform:rotate(0) translateY(0)}23%{transform:rotate(-6deg) translateY(-6px)}48%{transform:rotate(5deg) translateY(-7px)}72%{transform:rotate(-2deg) translateY(-3px)}100%{transform:rotate(0) translateY(0)}}
@media(max-width:700px){.mentor-invite{top:47px;font-size:7px}.mentor-art .osce-mentor-mark{width:170px;height:200px}.mentor-note{min-height:64px}.mentor-note strong{font-size:10px}.mentor-note p{font-size:8px}.mentor-art .mentor-interact:before{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.mentor-interact .mentor-character,.mentor-interact:hover .mentor-character{animation:none!important;transition:none!important;transform:none!important}.mentor-interact:before{transition:none!important}}

/* The illustrated teacher keeps her proportions at every size. */
.mentor-character{display:block;object-fit:contain!important;object-position:center!important;width:220px;height:260px;max-width:100%;filter:drop-shadow(0 12px 16px #001b4520);transform-origin:50% 85%}.mentor-art .mentor-character{width:270px;height:310px;max-width:90%;animation:mentor-breathe 6s ease-in-out infinite}.mentor-art img.mentor-character{max-width:270px}.mentor-interact.mentor-greeting .mentor-character{animation:mentor-hello 1.05s cubic-bezier(.3,.65,.3,1) both}.prof-intro .mentor-character{width:48px;height:58px;border-radius:0;background:none;padding:0}.teacher-visual .mentor-character{width:200px;height:240px}.mentor-interact:hover .mentor-character{filter:drop-shadow(0 8px 22px #b8ddff35)}
@media(max-width:700px){.mentor-art .mentor-character{width:190px;height:220px}.prof-intro .mentor-character{width:40px;height:48px}.teacher-visual .mentor-character{width:170px;height:210px}}
@media(prefers-reduced-motion:reduce){.mentor-character,.mentor-art .mentor-character,.mentor-interact.mentor-greeting .mentor-character{animation:none!important;transform:none!important;transition:none!important}}
.prof-intro .mentor-interact.mentor-greeting img,.teacher-visual .mentor-interact.mentor-greeting img{animation:mentor-hello 1.05s ease both!important}@media(prefers-reduced-motion:reduce){.prof-intro .mentor-interact.mentor-greeting img,.teacher-visual .mentor-interact.mentor-greeting img{animation:none!important}}