@font-face{font-family:Schibsted Grotesk;src:url(./SchibstedGrotesk-DUBd1FjT.woff)format("woff");font-weight:400 900;font-style:normal;font-display:swap}:root{--paper:#fcfbfa;--card:#f5f3f0;--surface:#fff;--shadow:0 1px 2px #26231f0f, 0 4px 14px #26231f0f;--shadow-hover:0 2px 4px #26231f0f, 0 10px 24px #26231f1a;--bevel:inset 0 1px 0 #ffffffe6, inset 0 -3px 6px #26231f09;--bevel-pressed:inset 0 2px 5px #26231f0f;--ink:#3a3631;--orange:#f37021;--orange-light:#f58232;--orange-text:#dd5928;--muted:#635e55;--frame:#f0f0f0;--line:var(--frame);--good:#2e7d4f;--bad:#c53030;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--display:"Schibsted Grotesk", "Inter", system-ui, sans-serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--gutter:40px}:root[data-theme=dark]{--paper:#1a1816;--card:#24211e;--surface:#2b2724;--shadow:0 1px 2px #0000004d, 0 4px 14px #00000040;--shadow-hover:0 2px 4px #0000004d, 0 10px 24px #0006;--bevel:inset 0 1px 0 #ffffff12, inset 0 -3px 6px #00000026;--bevel-pressed:inset 0 2px 5px #00000038;--ink:#f2eee8;--orange-text:#f58232;--muted:#ada79e;--frame:#45403a;--good:#6cc592;--bad:#f27b7b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}.wrap{width:100%;max-width:1080px;padding-left:var(--gutter);padding-right:var(--gutter);background:var(--paper);border-left:1px solid var(--frame);border-right:1px solid var(--frame);margin:0 auto}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:500;line-height:1.2}button{font:inherit;color:inherit;cursor:pointer}svg.icon{flex:none;width:16px;height:16px}.nav{border-bottom:1px solid var(--frame);justify-content:space-between;align-items:center;gap:16px;padding-top:20px;padding-bottom:20px;display:flex}.nav-home{--logo-h:44px;line-height:0;display:block}.nav-home img{height:var(--logo-h);width:auto;display:block}.nav-links{gap:4px;margin-left:auto;display:flex}.theme-toggle{border:1px solid var(--frame);background:var(--paper);width:36px;height:36px;color:var(--ink);border-radius:100px;flex:none;place-items:center;transition:border-color .2s;display:grid}.theme-toggle:hover{border-color:var(--ink)}.theme-toggle .icon-sun,.theme-toggle[aria-pressed=true] .icon-moon{display:none}.theme-toggle[aria-pressed=true] .icon-sun{display:block}.nav-links a{color:var(--muted);white-space:nowrap;border-radius:100px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover{color:var(--ink)}.nav-links a[aria-current=page]{background:var(--ink);color:var(--paper)}header.intro-block{--intro-gap:36px;border-bottom:1px solid var(--frame);flex-direction:column;padding-top:16px;padding-bottom:16px;display:flex}.intro-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.intro-details{grid-template-rows:1fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1),visibility;display:grid}.intro-inner{gap:var(--intro-gap);flex-direction:column;min-height:0;display:flex;overflow:hidden}.intro-inner>:first-child{margin-top:var(--intro-gap)}.intro-inner>:last-child{margin-bottom:calc(var(--intro-gap) - 16px)}:root[data-intro=collapsed] .intro-details{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}.intro-toggle{border:1px solid var(--frame);background:var(--paper);color:var(--muted);border-radius:100px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.2;transition:border-color .2s,color .2s;display:inline-flex}.intro-toggle:hover{border-color:var(--ink);color:var(--ink)}.intro-toggle .icon{transition:transform .2s}.intro-toggle[aria-expanded=false] .icon{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.intro-details,:root[data-intro=collapsed] .intro-details{transition:none}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:0;font-size:13px;font-weight:500;display:flex}.eyebrow:before{content:"";background:var(--orange-light);border-radius:100px;flex:none;width:10px;height:10px}h1{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:128px;font-weight:500;line-height:.9}h1 em,.sign-off em{color:var(--orange);font-style:normal}.intro{max-width:600px;color:var(--muted);text-wrap:pretty;margin:0;font-size:19px;line-height:1.55}.trip{margin:16px calc(-1 * var(--gutter)) -16px}.facts{padding:28px var(--gutter) 32px;border-top:1px solid var(--frame);justify-content:space-between;gap:16px 32px;display:flex}.fact{flex-direction:column;gap:6px;min-width:0;display:flex}.facts .fact:not(:first-child){text-align:right;align-items:flex-end}.fact[hidden]{display:none}.fact p:not(.label){font-family:var(--display);margin:0;font-size:24px;font-weight:500;line-height:1.2}.fact .fact-link{color:var(--orange-text);text-underline-offset:3px;font-size:14px;font-weight:500}.fact .fact-link:hover{color:var(--ink)}.menu-panel{padding:24px calc(var(--gutter) + 40px) 24px var(--gutter);border-top:1px solid var(--frame);background:color-mix(in srgb, var(--orange) 8%, var(--paper));align-items:center;gap:20px 24px;display:flex;position:relative}.menu-panel .menu-alert{width:40px;height:40px;color:var(--orange-text);flex:none;align-self:flex-start}.menu-text{flex-direction:column;flex:1;gap:6px;display:flex}.menu-text .label{color:var(--orange-text);font-weight:600}.menu-title{font-family:var(--display);letter-spacing:0;margin:0;font-size:24px;font-weight:500;line-height:1.2}.menu-text p:not(.label){max-width:620px;color:var(--muted);text-wrap:pretty;margin:0;font-size:15px;line-height:1.5}.menu-button{flex:none;align-self:center}:root[data-menu-panel=closed] .menu-panel{display:none}.intro-buttons{flex-wrap:wrap;gap:8px;display:flex}.menu-reopen{color:var(--orange-text);display:none}.menu-reopen:hover{color:var(--ink)}:root[data-menu-panel=closed] .menu-reopen{display:inline-flex}.menu-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:100px;place-items:center;padding:0;transition:border-color .2s,color .2s;display:grid;position:absolute;top:12px;right:12px}.menu-close:hover{border-color:var(--frame);color:var(--ink)}.menu-close:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.section{flex-direction:column;gap:32px;padding-top:56px;padding-bottom:112px;display:flex}.section.flush{padding-bottom:0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}h2{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:64px;font-weight:500;line-height:1}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);letter-spacing:-.01em;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;line-height:1.2;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.tab small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.tab:hover{border-color:var(--ink)}.tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tab[aria-pressed=true] small{color:color-mix(in srgb, var(--paper) 65%, transparent)}.options{justify-content:flex-end;display:flex}.toggle{border:1px dashed var(--frame);background:var(--paper);color:var(--muted);border-radius:100px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;line-height:1.2;transition:border-color .2s,color .2s;display:inline-flex}.toggle:hover{border-color:var(--ink)}.toggle[aria-pressed=true]{border-style:solid;border-color:var(--ink);color:var(--ink)}.toggle .icon-off,.toggle[aria-pressed=true] .icon-on{display:none}.toggle[aria-pressed=true] .icon-off{display:block}.list{margin:0;margin:0 calc(-1 * var(--gutter));border-top:1px solid var(--frame);padding:0;list-style:none}.activity{padding:28px var(--gutter);border-bottom:1px solid var(--line);align-items:flex-start;gap:32px;display:flex}.activity:last-child{border-bottom:0}.activity[hidden]{display:none}.activity.is-active{background:color-mix(in srgb, var(--orange) 7%, transparent);box-shadow:inset 4px 0 0 var(--orange)}.time-col{flex-direction:column;flex:none;gap:6px;width:180px;display:flex}.time{font-variant-numeric:tabular-nums;margin:0;font-size:17px;font-weight:600;line-height:1.3}.content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.type{letter-spacing:.08em;text-transform:uppercase;color:var(--orange-text);margin:0;font-size:12px;font-weight:600;line-height:1.2}h3{font-family:var(--display);letter-spacing:-.015em;margin:0;font-size:32px;font-weight:500;line-height:1.1}.description{color:var(--muted);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.links{flex:none;gap:8px;display:flex}.button{white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:transform .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-web{background:var(--card);border:1px solid var(--line);color:var(--ink)}.button-maps{background:var(--orange);border:1px solid var(--orange);color:#fff}.button-maps:hover{background:var(--orange-light);border-color:var(--orange-light)}.notice{border:1px dashed var(--frame);margin-bottom:var(--gutter);text-align:center;border-radius:16px;padding:40px 24px}.notice p:first-child{font-family:var(--display);margin:0 0 6px;font-size:24px;font-weight:500;line-height:1.2}.notice p:last-child{color:var(--muted);margin:0;font-size:15px;line-height:1.4}.lessons{flex-direction:column;gap:56px;display:flex}.lesson{flex-direction:column;gap:20px;display:flex}.lesson-head{margin:0 calc(-1 * var(--gutter));border-top:1px solid var(--frame);padding:20px var(--gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.lesson-head .label{color:var(--orange-text);font-weight:600}.lesson-head h3{flex-basis:100%;order:1}.words{grid-template-columns:repeat(auto-fill,minmax(358px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.word{border:1px solid var(--frame);background:var(--surface);min-height:104px;box-shadow:var(--bevel), var(--shadow);border-radius:8px;flex-direction:column;gap:6px;padding:20px 20px 18px;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;display:flex;position:relative}.word:has(.speak){cursor:pointer;-webkit-user-select:none;user-select:none}.word:has(.speak):hover{box-shadow:var(--bevel), var(--shadow-hover);transform:translateY(-2px)}.word:has(.speak.is-speaking){border-color:var(--orange);background:color-mix(in srgb, var(--orange) 7%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 22%, transparent), var(--bevel), var(--shadow-hover)}.word:has(.speak):active{box-shadow:var(--bevel-pressed);transform:translateY(0)scale(.98)}.word .es{font-family:var(--display);letter-spacing:-.015em;margin:0;padding-right:40px;font-size:26px;font-weight:500;line-height:1.05}.word .emoji{letter-spacing:0;margin-right:.3em;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:.85em}.word.is-long .es{letter-spacing:-.01em;font-size:20px;line-height:1.2}.word .en{color:var(--ink);margin:auto 0 0;font-size:16px;line-height:1.4}.word .note{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.speak{border:1px solid var(--frame);background:var(--paper);width:34px;height:34px;color:var(--ink);border-radius:100px;place-items:center;transition:border-color .2s,background .2s,color .2s;display:grid;position:absolute;top:14px;right:14px}.speak:hover{border-color:var(--ink)}.speak.is-speaking{background:var(--orange);border-color:var(--orange);color:#fff;animation:1.2s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--orange) 55%, transparent)}to{box-shadow:0 0 0 10px #0000}}@media (prefers-reduced-motion:reduce){.word,.speak{transition:none;animation:none}:is(.word:has(.speak):hover,.word:has(.speak):active){transform:none}}.lesson-intro{max-width:640px;color:var(--muted);margin:-6px 0 0;font-size:16px;line-height:1.5}.lesson-compact .words{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.lesson-compact .word{aspect-ratio:1;border-radius:12px;gap:4px;min-height:0;padding:12px 14px 14px}.lesson-compact .word .en{pointer-events:none;font-family:var(--display);letter-spacing:-.02em;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:40px;font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lesson-compact .word .es{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;margin-top:auto;padding-right:0;font-size:20px}.lesson-compact .speak{width:28px;height:28px;top:8px;right:8px}.quiz .word{cursor:pointer}.quiz .word:not(.revealed) .en,.quiz .word:not(.revealed) .note{color:#0000;background:color-mix(in srgb, var(--ink) 8%, transparent);-webkit-user-select:none;user-select:none;border-radius:6px}.quiz-status{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:500}.progress{background:var(--frame);border-radius:100px;height:4px;overflow:hidden}.progress span{background:var(--orange);width:0;height:100%;transition:width .4s;display:block}.game{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:32px;display:grid}.photo{flex-direction:column;gap:10px;margin:0;display:flex}.photo-frame{aspect-ratio:4/3;background:var(--card);box-shadow:var(--bevel), var(--shadow);border-radius:16px;position:relative;overflow:hidden}.photo-slide{position:absolute;inset:0;overflow:hidden}.photo-main,.photo-blur{width:100%;height:100%;position:absolute;inset:0}.photo-blur{object-fit:cover;filter:blur(24px)saturate(1.2);opacity:.6;transform:scale(1.15)}.photo-main{object-fit:contain}.credit{min-height:1.4em;color:var(--muted);font-size:13px;line-height:1.4}.credit a{color:inherit;text-underline-offset:2px}.panel{flex-direction:column;gap:16px;display:flex}.panel .label{color:var(--orange-text);font-weight:600}.question{font-family:var(--display);letter-spacing:-.015em;margin:-8px 0 4px;font-size:30px;font-weight:500;line-height:1.1}.choices{gap:10px;display:grid}.choice{border:1px solid var(--frame);background:var(--surface);box-shadow:var(--bevel), var(--shadow);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:16px;font-weight:500;line-height:1.3;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s,opacity .2s;display:flex}.choice:not(:disabled):hover{box-shadow:var(--bevel), var(--shadow-hover);transform:translateY(-2px)}.choice:not(:disabled):active{box-shadow:var(--bevel-pressed);transform:scale(.98)}.choice:disabled{cursor:default;opacity:.5}.choice.is-right,.choice.is-wrong{opacity:1}.choice.is-right{border-color:var(--good);background:color-mix(in srgb, var(--good) 10%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 22%, transparent), var(--bevel)}.choice.is-wrong{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, var(--surface))}.choice.is-right:after,.choice.is-wrong:after{flex:none;font-size:18px;font-weight:600}.choice.is-right:after{content:"✓";color:var(--good)}.choice.is-wrong:after{content:"✕";color:var(--bad)}.feedback:empty{display:none}.feedback{border-left:3px solid var(--good);background:color-mix(in srgb, var(--good) 8%, transparent);border-radius:14px;padding:16px 18px}.feedback.is-wrong{border-left-color:var(--bad);background:color-mix(in srgb, var(--bad) 8%, transparent)}.feedback-title{margin:0 0 4px;font-size:16px;font-weight:600}.feedback-fact{color:var(--muted);text-wrap:pretty;margin:0;font-size:15px;line-height:1.5}.button-primary{background:var(--orange);border:1px solid var(--orange);color:#fff;justify-content:center;align-self:flex-start;padding:14px 22px;font-size:15px}.button-primary:hover{background:var(--orange-light);border-color:var(--orange-light)}.choice:focus-visible,.button-primary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.result{flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0 24px;display:flex}.result-score{font-family:var(--display);letter-spacing:-.045em;color:var(--orange);font-variant-numeric:tabular-nums;margin:0;font-size:128px;font-weight:500;line-height:1}.result-score span{color:var(--frame)}.result-text{color:var(--muted);margin:0 0 12px;font-size:19px;line-height:1.5}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arcade{box-shadow:var(--bevel), var(--shadow);border-radius:16px;position:relative;overflow:hidden}.arcade canvas:not(.hud){aspect-ratio:1066/596;touch-action:none;cursor:none;width:100%;max-height:70vh;image-rendering:pixelated;display:block}.hud{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.arcade[data-state=paused] .hud,.arcade[data-state=over] .hud{z-index:2}.arcade[data-state=over] .select{transform:translateY(4.5cqh)}.overlay{z-index:1;text-align:center;-webkit-backdrop-filter:blur(3px);font-family:"Pixelify Sans", var(--sans);font-variant-ligatures:none;background:#1c120acc;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0;container-type:size}.select{flex-direction:column;align-items:center;width:min(100%,768px,140cqh - 16.8px);display:flex;container-type:inline-size}.select>*{--p:calc(100cqw / 256)}.banner{width:calc(var(--p) * 152);margin-bottom:calc(var(--p) * 2)}.banner img{width:100%;height:auto;image-rendering:pixelated;display:block}.picker{gap:calc(var(--p) * 4);width:calc(var(--p) * 200);margin-top:calc(var(--p) * 4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.picker[hidden]{display:none}@container (width<=500px){.select .picker{width:100%}.select .banner{width:76%}.select .start-button img{width:59cqw}}.pick{aspect-ratio:62/94;padding:0 calc(var(--p) * 5) calc(var(--p) * 6);image-rendering:pixelated;font:inherit;font-weight:700;font-size:max(11px, calc(var(--p) * 5));color:#f3ddb4;cursor:pointer;background:50%/100% 100% no-repeat;border:0;flex-direction:column;justify-content:flex-end;align-items:center;line-height:1.05;transition:transform .1s steps(2,end);display:flex;position:relative;overflow:hidden}.pick .sprite{aspect-ratio:1;width:125%;margin:0 -12.5% calc(var(--p) * -1);image-rendering:pixelated;transform:translate(calc(var(--dx,0) * 100% / 128), calc(-19px + var(--dy,0) * 100% / 128));background-repeat:no-repeat;background-size:900% 100%;flex:none}.pick[aria-pressed=true] .sprite{animation:1.5s steps(9,end) infinite idle}@keyframes idle{0%{background-position:0 0}to{background-position:112.5% 0}}@media (prefers-reduced-motion:reduce){.pick[aria-pressed=true] .sprite{animation:none}}.pick .name{white-space:nowrap;transform:translateY(-13px)}.pick:hover{transform:translateY(calc(var(--p) * -1))}.pick[aria-pressed=true]{transform:translateY(calc(var(--p) * -2));filter:drop-shadow(0 0 0 #f8bb61) drop-shadow(calc(var(--p) * 1) 0 0 #f8bb61) drop-shadow(calc(var(--p) * -1) 0 0 #f8bb61) drop-shadow(0 calc(var(--p) * 1) 0 #f8bb61) drop-shadow(0 calc(var(--p) * -1) 0 #f8bb61)}.pick[aria-pressed=true] .name{color:#ffd27a}.start-button{margin-top:calc(var(--p) * 5);cursor:pointer;background:0 0;border:0;padding:0}.start-button img{width:calc(var(--p) * 94.5);height:auto;image-rendering:pixelated;display:block}.start-button:hover{filter:brightness(1.08)}.start-button:active{transform:translateY(calc(var(--p) * 1))}.start-button:focus-visible,.pick:focus-visible{outline-offset:3px;outline:3px solid #ffd27a}.legend{color:var(--muted);flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.legend li{align-items:center;gap:8px;display:inline-flex}.legend .sprite{width:32px;height:32px;image-rendering:pixelated;flex:none}kbd{font:inherit;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);color:var(--ink);border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600}footer.wrap{border:0;border-top:1px solid var(--frame);border-image:conic-gradient(var(--frame) 0 0) 1 / 1px 0 0 / 0 100vw;background:0 0}footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:48px 0 56px;display:flex}.sign-off{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:40px;font-weight:500;line-height:1}@view-transition{navigation:auto;types:page}html:active-view-transition-type(page) .nav{view-transition-name:site-nav}html:active-view-transition-type(page) .nav-links a[aria-current=page]{view-transition-name:nav-pill}:is(html:active-view-transition-type(page) #intro-toggle,html:active-view-transition-type(intro) #intro-toggle){view-transition-name:intro-toggle}::view-transition-group(intro-toggle){animation-duration:.3s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}html:active-view-transition-type(intro)::view-transition-old(root){display:none}html:active-view-transition-type(intro)::view-transition-new(root){animation:none}::view-transition-old(intro-toggle){height:100%;animation-duration:.3s}::view-transition-new(intro-toggle){height:100%;animation-duration:.3s}html:active-view-transition-type(page)::view-transition-old(root){animation:.15s ease-in both page-out}html:active-view-transition-type(page)::view-transition-new(root){animation:.34s cubic-bezier(.2,.8,.2,1) .13s both page-in}::view-transition-group(nav-pill){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(nav-pill){height:100%}::view-transition-new(nav-pill){height:100%}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{0%{opacity:0;transform:translateY(16px)}}html:active-view-transition-type(theme)::view-transition-old(root){animation:none}html:active-view-transition-type(theme)::view-transition-new(root){animation:.52s cubic-bezier(.4,0,.2,1) both theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--reveal-x,100%) var(--reveal-y,0))}to{clip-path:circle(var(--reveal-r,150vmax) at var(--reveal-x,100%) var(--reveal-y,0))}}html:active-view-transition-type(quiz) .photo-frame{view-transition-name:quiz-photo}html:active-view-transition-type(quiz) .panel{view-transition-name:quiz-panel}::view-transition-old(quiz-panel){animation:.14s ease-in both page-out}::view-transition-new(quiz-panel){animation:.32s cubic-bezier(.2,.8,.2,1) .16s both page-in}::view-transition-old(quiz-photo){display:none}::view-transition-new(quiz-photo){animation:none}::view-transition-old(quiz-photo):only-child{animation:.14s ease-in both page-out;display:block}::view-transition-new(quiz-photo):only-child{animation:.32s cubic-bezier(.2,.8,.2,1) .16s both page-in}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (width<=1199.98px){:root{--gutter:32px}h1{font-size:96px}.fact p:not(.label){font-size:20px}.section-head{flex-direction:column;align-items:flex-start}.activity{gap:24px}.time-col{width:130px}.links{flex-direction:column;align-items:flex-end}}@media (width<=809.98px){.arcade canvas:not(.hud){aspect-ratio:3/4}.legend-keys{display:none!important}.game{grid-template-columns:1fr;gap:20px}.question{font-size:24px}.result-score{font-size:96px}:root{--gutter:20px}.wrap{border-left:0;border-right:0}.nav-home{--logo-h:36px}.nav-links a{padding:8px 12px;font-size:13px}.theme-toggle{width:32px;height:32px}header.intro-block{--intro-gap:28px}.facts{padding:24px var(--gutter)}.menu-panel{padding-right:var(--gutter);flex-direction:column;align-items:flex-start}.menu-button{align-self:stretch}h1{font-size:60px;line-height:.95}h1 em{display:block}.intro{font-size:17px}.facts{gap:16px 20px}.fact p:not(.label){font-size:18px}.section{gap:24px;padding-top:24px;padding-bottom:72px}h2{font-size:48px}.options{justify-content:flex-start}.activity{padding:24px var(--gutter);flex-direction:column;gap:12px}.time-col{flex-direction:row;align-items:center;gap:10px;width:auto}.links{flex-direction:row-reverse;justify-content:flex-end;align-items:center}h3{font-size:26px}.lessons{gap:40px}.words{grid-template-columns:1fr;gap:8px}.word{padding:16px 14px 14px}.word .es{padding-right:34px;font-size:21px}.word .en{font-size:15px}.speak{width:30px;height:30px;top:10px;right:10px}.lesson-intro{font-size:15px}.lesson-compact .words{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lesson-compact .word{border-radius:10px;padding:8px 8px 10px}.lesson-compact .word .es{padding-right:0;font-size:16px}.lesson-compact .word .en{font-size:28px}.lesson-compact .speak{width:24px;height:24px;top:5px;right:5px}.lesson-compact .speak .icon{width:13px;height:13px}.sign-off{font-size:32px}footer .inner{flex-direction:column;align-items:flex-start;padding:32px 0 40px}}@media (width<=599.98px){.nav{flex-wrap:wrap;row-gap:14px}.theme-toggle{margin-left:auto}.nav-links{width:calc(100% + 2 * var(--gutter));margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 0 calc(var(--gutter) - 12px);box-sizing:border-box;overscroll-behavior-x:contain;scrollbar-width:none;order:3;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:none}}