@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Sora:wght@500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#071d32;--panel:#0c2942;--deep:#041321;--ink:#f1f8fa;--muted:#aec6d4;--line:#ffffff21;--green:#48e8a1;--cyan:#6de4f4;--warm:#ffd795;--radius:20px;font-family:'Be Vietnam Pro',sans-serif;font-synthesis:none;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 83% 10%,#0e5e5e40,transparent 37%),var(--bg);min-width:280px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}main:focus{outline:0}p{line-height:1.75}h1,h2,h3{font-family:Sora,'Be Vietnam Pro',sans-serif;line-height:1.3;margin:0;font-weight:600}img{display:block;max-width:100%}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 72px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-120px;left:16px;z-index:20;background:var(--green);color:var(--deep);padding:14px 18px}.skip-link:focus{top:12px}.cd-header{display:flex;gap:30px;align-items:center;padding-block:24px;border-bottom:1px solid var(--line)}.cd-brand{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}.cd-brand img{width:108px;height:auto;background:#f6fbf8;border-radius:3px;padding:5px 7px}.cd-brand>span{font-size:8px;letter-spacing:.2em;color:var(--muted);font-weight:600}.back-link{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.back-link:hover{color:var(--green)}.sound-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid var(--line);border-radius:30px;background:#ffffff07;padding:9px 14px;font-size:11px}.sound-toggle:hover{border-color:var(--cyan)}#sound-icon{font-size:21px;line-height:1;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.7;color:var(--cyan);margin:0 0 22px}.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #48e8a116}.cd-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;padding:76px 0 65px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(2.6rem,4.65vw,4rem);line-height:1.2;letter-spacing:-.055em;font-weight:700}.hero-copy h1 em{font-style:normal;color:var(--green)}.hero-lead{max-width:460px;font-size:15px;color:var(--muted);margin:25px 0 28px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;border-radius:8px;border:1px solid transparent;padding:15px 22px;font-weight:700;font-size:13px;line-height:1.5;text-align:center;transition:transform .2s,background .2s,box-shadow .2s}.button-primary{background:var(--green);color:var(--deep);box-shadow:0 7px 25px #1abc7c18}.button-primary:hover:not(:disabled){background:#80f3bb;box-shadow:0 8px 32px #48e8a126;transform:translateY(-2px)}.button-secondary{background:transparent;border-color:#91b8c656;color:var(--ink)}.button-secondary:hover:not(:disabled){background:#ffffff0b;border-color:var(--cyan)}.hero-facts{display:flex;flex-wrap:wrap;gap:20px;color:#d6e7e8;font-size:11px;margin:22px 0 7px}.hero-facts span+span:before{content:'·';color:var(--green);margin-right:20px}.privacy-note{font-size:10px;color:var(--muted);margin:0;line-height:1.8}.hero-world{position:relative;min-height:465px;display:grid;place-items:center;isolation:isolate}.hero-world:before{content:'';position:absolute;inset:50px 10px 20px;background:radial-gradient(circle,#37df9a16,transparent 70%);z-index:-1}.radar-ring{position:absolute;border:1px solid #6de4f423;border-radius:50%;z-index:-1}.ring-one{width:390px;height:390px}.ring-two{width:300px;height:300px;border-style:dashed;transform:rotate(15deg)}.radar-cross{position:absolute;width:100%;height:100%;background:linear-gradient(transparent 49.8%,#6de4f413 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.8%,#6de4f413 50%,transparent 50.2%);z-index:-1}.hero-mia{width:380px;height:380px;object-fit:contain;filter:drop-shadow(0 25px 35px #0004);animation:mia-arrive .65s ease-out both}.world-label{position:absolute;left:20px;top:14px;letter-spacing:.15em;font-size:9px;color:var(--muted);padding-left:20px;border-left:2px solid var(--green)}.world-label span{color:var(--green);margin:0 9px}.mia-message{position:absolute;right:0;bottom:20px;padding:16px 22px;border:1px solid #5baca649;background:#0b3443f2;backdrop-filter:blur(8px);border-radius:2px 14px 14px 14px;transform:rotate(-3deg);box-shadow:0 20px 45px #0003}.small-label{font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--cyan)}.mia-message p{font-size:12px;margin:5px 0 0;line-height:1.65}.mia-message strong{color:var(--green);font-weight:500}.world-coordinate{position:absolute;left:15px;bottom:48px;font-size:8px;letter-spacing:.12em;writing-mode:vertical-rl;color:#91afbb8c}.level-map{display:grid;grid-template-columns:1fr 2fr;gap:46px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.map-intro .eyebrow{margin-bottom:11px;font-size:9px}.map-intro h2{font-size:18px;line-height:1.5;letter-spacing:-.035em}.level-stops{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;list-style:none;gap:18px}.level-stops li{position:relative}.level-stops li+li:before{content:'';position:absolute;width:28px;height:1px;top:15px;left:-38px;background:linear-gradient(90deg,#6de4f400,#6de4f451)}.level-stops li>span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #4ce1a14d;border-radius:50%;font-size:10px;color:var(--green);background:#1c55463b;margin-bottom:14px}.level-stops h3{font-size:12px;font-weight:600}.level-stops p{font-size:10px;color:var(--muted);margin:7px 0 0;line-height:1.7}.assessment-note{font-size:10px;color:var(--muted);text-align:center;max-width:750px;line-height:1.8;margin:23px auto 40px}.cd-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.cd-footer>span>span{color:var(--green);margin:0 9px}.cd-footer a:hover{text-decoration:underline;color:var(--ink)}.error-banner{padding:18px 20px;background:#382c2c;border:1px solid #efba8980;border-radius:10px;color:#ffdab5;margin-top:20px;margin-bottom:20px;font-size:13px}.error-banner p{margin:0}.error-banner .text-button{color:#ffe3bb;padding-left:0;margin-top:6px}.text-button{background:none;border:0;color:var(--cyan);text-decoration:underline;text-underline-offset:5px;font-size:12px;padding:10px;min-height:44px;line-height:1.6}.noscript{padding:20px;border:1px solid var(--line)}.noscript a{text-decoration:underline}

/* One task, one screen: quiet information rail and a generous answer canvas. */
.play-shell{padding:38px 0 56px;max-width:1030px;margin:auto}.play-top{display:flex;align-items:center;gap:22px;margin-bottom:35px}.pause-button{border:0;background:transparent;padding:10px 0;min-height:42px;color:var(--muted);font-size:11px;white-space:nowrap}.pause-button:hover{color:var(--ink)}.progress-wrap{flex:1;display:grid;gap:8px}.progress-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.progress-label strong{color:var(--cyan);font-weight:500}.progress-wrap progress{display:block;width:100%;height:5px;appearance:none;border:0;border-radius:6px;overflow:hidden;background:#ffffff13;color:var(--green)}progress::-webkit-progress-bar{background:#ffffff13}progress::-webkit-progress-value{background:linear-gradient(90deg,#22b987,var(--cyan));border-radius:6px}progress::-moz-progress-bar{background:var(--green);border-radius:6px}.play-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:58px}.companion-rail{padding-top:10px}.companion-rail .eyebrow{margin-bottom:10px;font-size:9px}.companion-rail h2{font-size:24px;letter-spacing:-.04em;line-height:1.5}.companion-portrait{position:relative;width:225px;height:240px;display:grid;place-items:center;margin:8px auto 0}.companion-portrait:before{content:'';position:absolute;width:200px;height:200px;border:1px solid #6de4f42b;border-radius:50%;background:radial-gradient(circle,#48e8a113,transparent);z-index:-1}.companion-portrait img{height:225px;width:225px;object-fit:contain}.clap-sprite{display:none;width:225px;height:225px;background-image:url('/assets/game/v2/clap.png');background-size:200% 100%;background-repeat:no-repeat;background-position:0 0}.is-clapping .clap-sprite{display:block;animation:mia-clap .55s steps(1) 3}.is-clapping img{display:none}.companion-note{position:relative;border-left:2px solid #48e8a170;padding:1px 0 1px 14px;color:var(--muted);font-size:11px;line-height:1.9;margin:0}.question-panel{min-width:0;padding-top:8px}.question-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:17px}.question-meta .eyebrow{margin:0;font-size:9px}.question-number{font-size:14px;color:var(--muted);font-family:Sora,sans-serif}.question-number strong{color:var(--green);font-size:28px;font-weight:500}.question-panel h1{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.4;letter-spacing:-.04em;overflow-wrap:anywhere}.question-scene{font-size:13px;color:var(--muted);margin:15px 0 24px;line-height:1.85}.practice-note{font-size:10px;border-left:2px solid var(--cyan);padding-left:12px;color:var(--cyan);margin:0 0 20px}.answers{display:grid;gap:11px}.answer-option{display:flex;align-items:center;gap:16px;width:100%;text-align:left;border:1px solid #789bad4d;border-radius:10px;background:#ffffff03;padding:16px 18px;line-height:1.75;font-size:12px;transition:border-color .18s,background .18s,transform .18s;min-height:64px}.answer-option:hover:not(:disabled){border-color:#6de4f499;background:#6de4f40b;transform:translateX(3px)}.answer-option[aria-pressed="true"]{border-color:var(--cyan);background:#6de4f416}.answer-option:disabled{opacity:1;cursor:default}.answer-letter{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #aec6d440;border-radius:6px;font-size:11px;color:var(--muted)}.answer-option[aria-pressed="true"] .answer-letter{border-color:var(--cyan);color:var(--cyan);background:#6de4f410}.answer-option.answer-correct{border-color:var(--green);background:#48e8a116}.answer-option.answer-learning{border-color:var(--warm);background:#ffd7950b}.answer-correct .answer-letter{color:var(--green)!important;border-color:var(--green)!important}.answer-learning .answer-letter{color:var(--warm)!important;border-color:var(--warm)!important}.question-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.question-actions small{color:var(--muted);font-size:10px}.question-actions .button{min-width:185px}.feedback{margin-top:20px;padding:18px 20px;border:1px solid #48e8a147;border-left:3px solid var(--green);background:#48e8a10a;border-radius:0 8px 8px 0;animation:feedback-arrive .25s ease-out}.feedback h2{font-family:'Be Vietnam Pro',sans-serif;font-size:14px;color:var(--green);line-height:1.65}.feedback p{margin:7px 0 0;font-size:12px;color:#d1e5e9;line-height:1.8}.feedback.learning{border-color:#ffd7954a;border-left-color:var(--warm);background:#ffd79509}.feedback.learning h2{color:var(--warm)}.feedback.neutral{border-color:#6de4f447;border-left-color:var(--cyan);background:#6de4f40a}.feedback.neutral h2{color:var(--cyan)}.event-label{font-size:10px;line-height:1.7;color:#87a8b9;margin:27px 0 0;overflow-wrap:anywhere}.review-wrap{max-width:770px;margin:auto;padding:45px 0 55px}.review-intro{display:flex;gap:22px;align-items:center;margin-bottom:30px}.review-intro img{width:105px;height:105px;object-fit:contain}.review-intro h1{font-size:24px;letter-spacing:-.04em}.review-intro p{font-size:12px;color:var(--muted);margin-bottom:0}.review-wrap .eyebrow{margin-bottom:12px}.review-row{margin:0 0 22px;border:0;padding:0 0 23px;border-bottom:1px solid var(--line);min-width:0}.review-row legend{font-size:13px;font-weight:600;line-height:1.75;margin-bottom:7px;padding:0}.review-row p{font-size:11px;color:var(--muted);margin:0 0 10px}.review-row select{width:100%;background:var(--panel);color:var(--ink);border:1px solid #789bad75;border-radius:8px;padding:14px 12px;font-size:12px;min-width:0;max-width:100%}.review-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.review-actions p{font-size:10px;color:var(--muted)}

/* Result: describe the gap before offering a gift. */
.result-shell{padding:44px 0 48px;max-width:1050px;margin:auto}.result-hero{display:grid;grid-template-columns:1fr 245px;align-items:center;gap:30px;padding-bottom:32px}.result-hero .eyebrow{margin-bottom:15px}.result-kicker{display:flex;align-items:center;gap:12px;margin:0 0 13px;font-size:12px;color:var(--green)}.level-badge{display:inline-grid;place-items:center;min-width:39px;height:39px;background:#48e8a113;border:1px solid #48e8a169;border-radius:10px;font-family:Sora,sans-serif;font-size:20px}.result-hero h1{font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.055em;line-height:1.25}.result-intro{color:var(--muted);font-size:13px;max-width:630px;line-height:1.9;margin:18px 0 0}.result-mascot{width:225px;height:225px;object-fit:contain}.trial-badge{display:inline-block;margin-top:13px;padding:7px 11px;border:1px solid #6de4f440;border-radius:5px;color:var(--cyan);font-size:11px}.result-ladder{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0 0 32px;gap:5px}.result-ladder li{padding:14px 13px;border-top:3px solid #6583953d;background:#ffffff03;color:#91acba;line-height:1.65;font-size:11px}.result-ladder li span{display:block;font-size:9px;font-weight:600;margin-bottom:3px}.result-ladder li.is-current{border-color:var(--green);background:#48e8a10e;color:var(--ink)}.result-ladder li.is-current span{color:var(--green)}.result-guidance{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-bottom:1px solid var(--line);padding-bottom:30px}.guidance-block{padding:4px 0 0 20px;border-left:2px solid #6de4f44d}.guidance-block.next-step{border-left-color:var(--green)}.guidance-block .eyebrow{font-size:9px;margin-bottom:10px}.guidance-block h2{font-size:18px;line-height:1.5;letter-spacing:-.035em}.guidance-block p{font-size:12px;color:var(--muted);margin-bottom:0;line-height:1.85}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:25px 0}.result-detail h2{font-size:13px;font-family:'Be Vietnam Pro',sans-serif;font-weight:600}.result-detail h2 span{color:var(--green);margin-left:8px}.result-detail p{font-size:11px;color:var(--muted);margin:9px 0 0;line-height:1.8}.result-note{font-size:10px;color:#9bb7c6;margin:0 0 28px;line-height:1.8}.gift-panel{position:relative;padding:30px 34px;border:1px solid #48e8a142;border-radius:14px;background:radial-gradient(ellipse at right top,#38d49313,transparent 65%),#0b293b;overflow:hidden}.gift-panel .eyebrow{font-size:9px;margin-bottom:10px}.gift-panel h2{font-size:22px;line-height:1.5;letter-spacing:-.035em;max-width:680px}.gift-intro{font-size:12px;max-width:700px;color:var(--muted);margin:12px 0 18px;line-height:1.9}.gift-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.gift-actions .text-button{color:var(--muted)}.gift-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px;max-width:780px}.field{display:grid;gap:9px;font-size:11px;font-weight:600}.field input{color:var(--ink);background:#061d2c;border:1px solid #789bad75;border-radius:7px;padding:14px;font-size:14px;min-width:0;width:100%}.field input::placeholder{color:#8aabbd;opacity:1}.full-row{grid-column:1/-1}.consent{display:flex;align-items:flex-start;gap:12px;font-size:11px;color:var(--muted);line-height:1.8}.consent input{width:18px;height:18px;flex-shrink:0;margin:3px 0 0;accent-color:#27b880}.consent a{text-decoration:underline;text-underline-offset:3px;color:#d3e6ec}.gift-form .button{justify-self:start;max-width:100%}.gift-form .privacy-note{margin-top:-4px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-error{margin:0;color:#ffd795;font-size:12px;line-height:1.8}.gift-success{padding:20px 0 0}.gift-success h3{font-size:18px;color:var(--green);line-height:1.5}.gift-success p{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.9;max-width:700px}.result-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:25px}.result-actions .button{min-height:44px;font-size:11px;padding:11px 17px}.result-actions .text-button{font-size:11px}.result-shell .event-label{margin-top:20px}.preview-note{font-size:11px;color:var(--warm);border-left:2px solid var(--warm);padding-left:12px;line-height:1.8;margin:15px 0}.games-intro{padding:60px 0 30px}.games-intro .eyebrow{margin-bottom:17px}.games-intro h1{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.055em;line-height:1.3;max-width:760px}.games-intro h1 em{font-style:normal;color:var(--green)}.games-intro>p:last-child{font-size:13px;color:var(--muted);max-width:640px;margin:21px 0 0}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0 50px}.game-card{border:1px solid #789bad42;border-radius:16px;overflow:hidden;background:#0b263d;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);border-color:#48e8a167;box-shadow:0 18px 40px #0002}.game-card-art{position:relative;display:grid;place-items:center;height:230px;overflow:hidden;background:radial-gradient(circle at center,#48e8a11b,transparent 65%),linear-gradient(120deg,#0b303e,#091f34)}.game-card-art:before{content:'';position:absolute;width:210px;height:210px;border:1px solid #6de4f42e;border-radius:50%;box-shadow:0 0 0 30px #6de4f403,0 0 0 60px #6de4f403}.game-card-art img{position:relative;height:225px;width:225px;object-fit:contain}.game-card-tag{position:absolute;z-index:1;top:20px;left:22px;color:var(--green);font-size:9px;letter-spacing:.13em;font-weight:600}.game-card-art.classic{background:radial-gradient(circle at center,#99c84933,transparent 70%),#173c39}.game-card-body{padding:25px 28px 28px;display:flex;flex-direction:column;flex:1}.game-card-body .eyebrow{font-size:9px;margin-bottom:13px}.game-card-body h2{font-size:23px;line-height:1.45;letter-spacing:-.035em}.game-card-body>p{font-size:12px;color:var(--muted);line-height:1.9;margin:14px 0 20px;flex:1}.game-card-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:#c3d8df;margin-bottom:23px}.game-card-body .button{align-self:start;min-width:175px}

@keyframes mia-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes mia-clap{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@media(max-width:1000px){.shell{width:calc(100% - 48px)}.cd-hero{gap:10px;padding:60px 0 48px}.hero-world{min-height:390px}.hero-mia{width:320px;height:320px}.ring-one{width:320px;height:320px}.ring-two{width:250px;height:250px}.mia-message{right:-5px;bottom:3px;padding:13px 16px}.hero-copy h1{font-size:clamp(2.3rem,4.8vw,3.7rem)}.level-map{gap:25px;grid-template-columns:1fr 1.9fr}.level-stops{gap:13px}.level-stops li+li:before{display:none}.play-layout{grid-template-columns:205px minmax(0,1fr);gap:35px}.companion-portrait{width:195px;height:215px}.companion-portrait img,.clap-sprite{width:195px;height:195px}.companion-rail h2{font-size:21px}.result-hero{grid-template-columns:1fr 185px;gap:15px}.result-mascot{width:185px;height:185px}.game-card-body h2{font-size:20px}}
@media(max-width:740px){.shell{width:calc(100% - 36px)}.cd-header{padding-block:18px;gap:16px}.cd-brand img{width:90px}.cd-brand>span{font-size:7px}.back-link{font-size:10px}.sound-toggle{padding:9px 12px;min-width:40px;font-size:10px;gap:6px}#sound-label{display:none}.cd-hero{grid-template-columns:1fr;padding:36px 0 30px;gap:12px}.hero-copy h1{font-size:clamp(2.35rem,8.5vw,3.6rem)}.hero-copy .eyebrow{font-size:9px;margin-bottom:21px}.hero-lead{font-size:13px;max-width:470px;margin:21px 0 24px}.hero-world{min-height:315px;max-width:420px;width:100%;margin:0 auto}.hero-mia{width:295px;height:295px}.ring-one{width:285px;height:285px}.ring-two{width:215px;height:215px}.label-top{top:9px;left:4px;font-size:8px;max-width:170px;line-height:1.7}.mia-message{right:0;bottom:8px}.mia-message p{font-size:10px}.small-label{font-size:8px}.world-coordinate{left:0;bottom:38px;font-size:7px}.hero-facts{font-size:10px;gap:13px;margin-top:20px}.hero-facts span+span:before{margin-right:13px}.hero-actions{align-items:stretch}.hero-actions .button{font-size:12px;min-height:52px;padding:14px 18px;gap:18px}.privacy-note{font-size:9px}.level-map{display:block;padding:25px 0}.map-intro{margin-bottom:25px}.map-intro h2{font-size:19px}.map-intro h2 br{display:none}.level-stops{gap:11px}.level-stops h3{font-size:10px;line-height:1.55}.level-stops p{font-size:9px;line-height:1.75}.level-stops li>span{width:27px;height:27px;font-size:9px;margin-bottom:11px}.assessment-note{font-size:9px;text-align:left;margin:20px auto 27px}.cd-footer{font-size:9px;flex-direction:column;gap:12px;padding:21px 0}.play-shell{padding:23px 0 35px}.play-top{gap:18px;margin-bottom:23px}.progress-label{font-size:9px}.pause-button{font-size:10px}.play-layout{display:flex;flex-direction:column;gap:23px}.companion-rail{display:grid;grid-template-columns:1fr 78px;align-items:center;padding:0;border-bottom:1px solid var(--line);padding-bottom:18px}.companion-rail .eyebrow{font-size:8px;margin-bottom:7px}.companion-rail h2{font-size:19px;line-height:1.4}.companion-rail h2 br{display:none}.companion-portrait{width:78px;height:88px;grid-column:2;grid-row:1/4;margin:0}.companion-portrait img,.clap-sprite{width:85px;height:85px}.companion-portrait:before{width:75px;height:75px}.companion-note{grid-column:1;font-size:10px;border:0;padding:0;margin:5px 0 0;line-height:1.7}.question-panel{padding:0}.question-meta{margin-bottom:13px}.question-number strong{font-size:25px}.question-panel h1{font-size:23px;line-height:1.45}.question-scene{font-size:12px;margin:12px 0 18px}.practice-note{font-size:9px;line-height:1.8;margin-bottom:17px}.answer-option{font-size:12px;padding:14px;gap:12px;min-height:68px;line-height:1.8}.answer-letter{width:27px;height:27px;font-size:10px}.question-actions{margin-top:22px}.question-actions small{font-size:9px;max-width:115px;line-height:1.7}.question-actions .button{min-width:155px;font-size:12px;padding:13px 16px;gap:12px}.feedback{padding:15px 16px;margin-top:17px}.feedback h2{font-size:13px}.feedback p{font-size:11px}.event-label{font-size:9px;margin-top:20px}.review-wrap{padding:28px 0 40px}.review-intro{gap:12px;align-items:flex-start;margin-bottom:25px}.review-intro img{width:70px;height:85px}.review-intro h1{font-size:21px}.review-intro p{font-size:11px}.review-row legend{font-size:12px}.review-row select{font-size:11px;padding:13px 10px;text-overflow:ellipsis}.review-actions{display:block}.review-actions .button{width:100%}.result-shell{padding:28px 0 35px}.result-hero{grid-template-columns:1fr 85px;gap:5px;padding-bottom:26px;align-items:start}.result-hero .eyebrow{font-size:8px;margin-bottom:14px}.result-hero h1{font-size:clamp(1.8rem,6.4vw,2.5rem);line-height:1.35}.result-kicker{font-size:10px;margin-bottom:12px}.level-badge{height:33px;min-width:33px;font-size:17px}.result-intro{font-size:12px;margin-top:15px;line-height:1.85}.result-mascot{width:110px;height:130px;max-width:none;position:relative;right:18px;margin-top:10px}.trial-badge{font-size:9px;line-height:1.7;margin-top:11px}.result-ladder{gap:4px;margin-bottom:27px}.result-ladder li{font-size:9px;padding:10px 7px;line-height:1.7}.result-ladder li span{font-size:8px}.result-guidance{grid-template-columns:1fr;gap:24px;padding-bottom:24px}.guidance-block{padding-left:16px}.guidance-block h2{font-size:17px}.guidance-block p{font-size:12px;margin-top:9px}.result-details{grid-template-columns:1fr;gap:20px;padding-block:24px}.result-note{font-size:9px;margin-bottom:23px}.gift-panel{padding:24px 20px;border-radius:12px}.gift-panel h2{font-size:20px;line-height:1.45}.gift-intro{font-size:11px;line-height:1.8}.gift-actions{gap:9px}.gift-actions .button{font-size:12px;padding:13px 16px;min-height:48px}.gift-actions .text-button{font-size:10px;padding:9px 0}.gift-form{grid-template-columns:1fr;gap:17px;margin-top:21px}.field{font-size:10px}.field input{font-size:16px;padding:13px}.consent{font-size:10px;gap:10px}.gift-form .button{width:100%;justify-self:stretch;font-size:12px;padding:13px;gap:10px}.gift-success h3{font-size:17px}.gift-success p{font-size:11px}.result-actions{align-items:stretch;gap:9px}.result-actions .button{font-size:10px;padding:12px 14px}.result-actions .text-button{font-size:10px;padding:10px 0}.games-intro{padding-top:38px}.games-intro h1{font-size:clamp(2rem,8vw,3rem)}.games-intro>p:last-child{font-size:12px}.games-grid{grid-template-columns:1fr;gap:20px;margin-top:5px;margin-bottom:35px}.game-card-art{height:210px}.game-card-art img{height:215px;width:215px}.game-card-body{padding:22px}.game-card-body h2{font-size:22px}.game-card-body>p{font-size:12px}.game-card-body .button{font-size:12px}.games-grid .game-card:nth-child(2){margin-top:0}}
@media(max-width:360px){.shell{width:calc(100% - 28px)}.cd-header{gap:12px}.back-link{font-size:9px}.hero-copy h1{font-size:2.25rem}.hero-actions .button{width:100%}.hero-facts{gap:10px}.hero-facts span+span:before{margin-right:10px}.question-panel h1{font-size:21px}.answer-option{padding:13px 11px;gap:10px;font-size:11px}.question-actions{align-items:stretch;flex-direction:column;gap:8px}.question-actions small{max-width:none}.question-actions .button{width:100%}.result-hero{grid-template-columns:1fr}.result-mascot{display:none}.gift-panel{padding:22px 17px}.level-stops{gap:8px}.level-stops h3{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.is-clapping .clap-sprite{display:none}.is-clapping img{display:block}}
@media print{:root{color-scheme:light;color:#102c42;background:white}body{background:white}.shell{width:100%}.cd-header,.cd-footer,.gift-panel,.result-actions,.error-banner,.result-mascot{display:none!important}.result-shell{padding:0}.result-hero{display:block}.result-shell p,.result-shell h1,.result-shell h2,.result-shell span,.result-shell li{color:#16384b!important}.result-guidance,.result-details{break-inside:avoid}.result-ladder li{border-color:#8fa7b0}.result-ladder li.is-current{border-color:#00845a;background:#edf8f3}.result-note{font-size:10px}}