.landing,.landing-footer{--landing-max:1352px;--landing-night:var(--public-panel);--landing-night-edge:var(--public-edge);--landing-night-accent:var(--public-highlight);--landing-night-muted:var(--public-muted);--landing-scrim:color-mix(in srgb, var(--public-panel) 82%, transparent);--landing-section-space:var(--space-9);--landing-display:clamp(30px, 1.5vw + 20px, 44px)}@media (max-width:720px){.landing,.landing-footer{--landing-section-space:var(--space-7)}}html:has(.landing){scroll-padding-top:96px}@media (prefers-reduced-motion:no-preference){html:has(.landing):not(.reduced-motion){scroll-behavior:smooth}}.landing{max-width:none;font-family:var(--font-ui);font-size:var(--text-body);color:var(--ink);background:var(--play-canvas);margin:0;padding:0;overflow-x:clip}.landing-wrap{width:100%;max-width:calc(var(--landing-max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.landing :is(a,button,input,textarea,[tabindex]):focus-visible,.landing-footer a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.landing :is(h1,h2,h3){font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0;font-weight:400}.landing h2{font-size:var(--landing-display);text-wrap:balance;line-height:1.08}.landing h3{font-size:var(--text-card);line-height:1.25}.landing p{margin:0}.landing-eyebrow{align-items:center;gap:var(--space-2);font:600 var(--text-eyebrow) / 1.4 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--play-accent);margin:0;display:inline-flex}.landing-lede{max-width:58ch;color:var(--muted);font-size:17px;line-height:1.6}.landing-example-tag{border:1px dashed var(--play-edge-strong);border-radius:var(--radius-pill);min-height:26px;font:600 13px / 1.2 var(--font-ui);color:var(--muted);white-space:nowrap;align-items:center;padding:2px 10px;display:inline-flex}.landing .landing-cta,.landing-top-play,.landing-top-cta{border-radius:var(--radius-md);background:var(--action);min-height:52px;color:var(--on-action);font:500 16px / 1.2 var(--font-ui);cursor:pointer;box-shadow:0 1px 0 color-mix(in srgb, var(--on-action) 22%, transparent) inset, var(--shadow-rest);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;display:inline-flex}.landing .landing-cta svg,.landing-top-play svg,.landing-secondary svg,.landing-quiet svg,.hero-discover svg{transition:transform var(--dur-base) var(--ease-out)}@media (hover:hover){.landing .landing-cta:hover:not(:disabled),.landing-top-play:hover,.landing-top-cta:hover{background:var(--play-accent-strong);box-shadow:var(--shadow-lift);transform:translateY(-1px)}:is(.landing-cta,.landing-top-play,.landing-secondary,.landing-quiet):hover svg{transform:translate(3px)}.hero-discover:hover svg{transform:translateY(3px)}}.landing .landing-cta:active:not(:disabled),.landing-top-play:active,.landing-top-cta:active,.landing-secondary:active{box-shadow:var(--shadow-rest);transition-duration:var(--dur-press);transform:translateY(0)scale(.985)}.landing .landing-cta:disabled{cursor:progress;opacity:.72}.landing-secondary{border:1px solid var(--play-edge-strong);border-radius:var(--radius-md);min-height:48px;color:var(--ink);font:500 var(--text-ui) / 1.2 var(--font-ui);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out);background:0 0;align-items:center;gap:10px;padding:10px 20px;text-decoration:none;display:inline-flex}@media (hover:hover){.landing-secondary:hover{border-color:var(--play-accent);background:var(--play-accent-tint)}}.landing-quiet{min-height:44px;color:var(--play-accent);font:500 var(--text-ui) / 1.2 var(--font-ui);align-items:center;gap:8px;text-decoration:none;display:inline-flex}@media (hover:hover){.landing-quiet:hover{color:var(--play-accent-strong)}}.landing-chevron{transition:transform var(--dur-base) var(--ease-out);flex:none}[aria-expanded=true]>.landing-chevron{transform:rotate(180deg)}.landing-top-bar{z-index:40;background:color-mix(in srgb, var(--play-canvas) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--play-hairline);position:sticky;top:0}.landing .landing-top{align-items:center;gap:var(--space-6);width:100%;max-width:calc(var(--landing-max) + 2 * var(--gutter));min-height:72px;padding:10px var(--gutter);flex-wrap:nowrap;margin-inline:auto;display:flex}.landing-brand{min-height:44px;color:var(--ink);font:400 21px / 1.1 var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.landing-brand svg{color:var(--play-accent)}.landing .landing-top nav{order:0;justify-content:flex-end;align-items:center;gap:clamp(18px,2vw,32px);width:auto;margin-left:auto;display:flex}.landing-top nav a,.landing-top-link{min-height:44px;color:var(--ink);font:500 var(--text-ui) / 1.2 var(--font-ui);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex;position:relative}.landing-top nav a:after{content:"";background:var(--play-accent);transform-origin:0;height:1.5px;transition:transform var(--dur-base) var(--ease-out);position:absolute;bottom:9px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.landing-top nav a:hover{color:var(--play-accent)}.landing-top nav a:hover:after{transform:scaleX(1)}}.landing-top-actions{align-items:center;gap:var(--space-3);display:flex}.landing-top-link{border:1px solid var(--play-edge-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast), background-color var(--dur-fast);padding-inline:16px}@media (hover:hover){.landing-top-link:hover{border-color:var(--play-accent);background:var(--play-accent-tint)}}.landing-top-play,.landing-top-cta{min-height:44px;font-size:var(--text-ui);padding:10px 18px}.landing-top-play:has(.landing-avatar){padding-left:8px}.landing-avatar{background:color-mix(in srgb, var(--on-action) 18%, transparent);width:28px;height:28px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--on-action) 30%, transparent);color:var(--on-action);font:600 13px / 1 var(--font-ui);border-radius:50%;place-items:center;margin-right:-2px;display:inline-grid}@supports (animation-timeline:scroll()){.landing-top-cta{animation:linear both landing-walk-on;animation-timeline:scroll(root);animation-range:420px 560px}}@keyframes landing-walk-on{0%{opacity:0;visibility:hidden;transform:translateY(-6px)}to{opacity:1;visibility:visible;transform:none}}.landing-rail-nav{display:none}.landing .landing-hero{padding-block:var(--space-7) var(--space-9);background:radial-gradient(ellipse 70% 80% at 86% 0%, var(--hero-light), transparent 70%)}.hero-grid{column-gap:clamp(36px,4.4vw,76px);row-gap:var(--space-6);grid-template:"head gallery""body gallery"1fr/minmax(340px,.8fr) minmax(0,1.22fr);display:grid}.hero-head{grid-area:head;padding-top:clamp(8px,2vw,36px)}.hero-head h1{margin-top:var(--space-4);letter-spacing:-.028em;text-wrap:initial;font-size:clamp(44px,3.3vw + 14px,76px);line-height:1.02}.hero-head h1 em{color:var(--play-accent);font-style:italic}.landing-games{grid-area:gallery;min-width:0}.hero-body{align-items:flex-start;gap:var(--space-5);flex-direction:column;grid-area:body;display:flex}.hero-lede{max-width:40ch;color:var(--muted);font-size:18px;line-height:1.6}.hero-invitation{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.hero-opening{font-size:var(--text-meta);color:var(--muted)}.hero-facts{margin:var(--space-3) 0 0;padding:var(--space-5) 0 0;border-top:1px solid var(--play-hairline);align-self:stretch;gap:0;list-style:none;display:flex}.hero-facts li{padding-inline:0 var(--space-6);margin-right:var(--space-6);border-right:1px solid var(--play-hairline);flex-direction:column;gap:4px;display:flex}.hero-facts li:last-child{border-right:0;margin-right:0;padding-right:0}.hero-facts strong{font:400 clamp(30px, 1vw + 20px, 38px) / 1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)}.hero-facts span{font-size:var(--text-meta);color:var(--muted);white-space:nowrap}.hero-discover{min-height:44px;margin-top:calc(-1 * var(--space-2));color:var(--muted);font:500 var(--text-meta) / 1.2 var(--font-ui);align-items:center;gap:8px;text-decoration:none;display:inline-flex}@media (hover:hover){.hero-discover:hover{color:var(--ink)}}.showcase-panel{border:1px solid var(--play-edge);border-radius:var(--radius-xl);background-color:var(--play-panel);background-image:var(--play-hero-material);box-shadow:var(--shadow-float);padding:10px}.showcase-stage{position:relative;container-type:inline-size}.showcase-scene{aspect-ratio:16/10;border-radius:calc(var(--radius-xl) - 8px);background:var(--landing-night);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);position:relative;overflow:hidden}.showcase-capture{position:absolute;inset:0}.showcase-capture .game-preview-image{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;display:block}.showcase-capture[data-game=answer-platformer]{--focus:50% 42%}.showcase-capture[data-game=sat-arena]{--focus:50% 55%}.showcase-capture[data-game=retrieval-shooter]{--focus:50% 40%}.showcase-capture[data-game=afterhours-cafe]{--focus:50% 60%}.showcase-prompt{z-index:1;top:var(--prompt-top,3cqw);left:var(--prompt-left,3cqw);border:1px solid color-mix(in srgb, var(--landing-night-accent) 34%, transparent);border-radius:var(--radius-md);background:var(--landing-scrim);max-width:min(46cqw,380px);box-shadow:0 10px 28px -12px color-mix(in srgb, var(--public-panel) 70%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);color:var(--on-dark);gap:.5cqw;padding:clamp(8px,1.5cqw,14px) clamp(10px,1.9cqw,18px) clamp(9px,1.7cqw,15px);display:grid;position:absolute}.showcase-prompt-label{font:600 var(--text-eyebrow) / 1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--landing-night-accent);align-items:center;gap:6px;display:inline-flex}.showcase-prompt-text{font:400 clamp(14px, 2.05cqw, 19px) / 1.3 var(--font-display);letter-spacing:-.005em;text-wrap:balance}.showcase-capture[data-game=retrieval-shooter]{--prompt-left:30cqw;--prompt-top:3.4cqw}.showcase-capture[data-game=afterhours-cafe]{--prompt-left:auto}.showcase-capture[data-game=afterhours-cafe] .showcase-prompt{right:3cqw}.showcase-capture-outgoing{z-index:1;pointer-events:none;animation:showcase-depart .65s var(--ease-in-out) both}.showcase-capture-incoming{animation:showcase-arrive .65s var(--ease-out) both}@keyframes showcase-arrive{0%{opacity:0;transform:scale(1.025)}}@keyframes showcase-depart{to{opacity:0}}.showcase-capture[data-game=original]{background:radial-gradient(ellipse 80% 70% at 80% 0%, var(--play-glow), transparent 60%), var(--play-well);display:grid}.showcase-capture>.standard-practice-preview{background:0 0;align-content:stretch;height:100%;display:grid;overflow:hidden}.showcase-capture .standard-preview-content{border:1px solid var(--play-edge);border-radius:var(--radius-lg);background:var(--play-panel);box-shadow:var(--shadow-lift);align-items:stretch;gap:3.6cqw;margin:3cqw;padding:3.4cqw 3.6cqw}.showcase-capture .arcade-question-panel{align-content:center;display:grid}.showcase-capture .arcade-reference-passage{font-size:clamp(11px,2.7cqw,22px);line-height:1.5}.showcase-capture .arcade-question-panel h2{letter-spacing:0;font-size:clamp(11px,2.45cqw,20px);line-height:1.4}.showcase-capture .choice-grid{grid-auto-rows:1fr;align-content:stretch;gap:1.5cqw}.showcase-capture .choice-button{gap:clamp(6px,1.3cqw,12px);padding:clamp(4px,1.4cqw,13px);font-size:clamp(11px,2.3cqw,19px);line-height:1.35}.showcase-capture .choice-letter{width:clamp(18px,3.1cqw,26px);height:clamp(18px,3.1cqw,26px);font-size:clamp(10px,1.5cqw,12px)}.showcase-toolbar{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 8px var(--space-4) 10px;display:flex}.showcase-title{flex:auto;min-width:0}.showcase-title-text{column-gap:var(--space-3);animation:showcase-caption var(--dur-slow) var(--ease-out) both;grid-template-columns:44px minmax(0,1fr);align-items:center;row-gap:6px;display:grid}@keyframes showcase-caption{0%{opacity:0;transform:translateY(4px)}}.showcase-genre{width:44px;height:44px;color:var(--play-accent);background:var(--play-accent-tint);box-shadow:inset 0 0 0 1px var(--play-accent-edge);border-radius:50%;place-items:center;display:grid}.showcase-name{min-width:0}.showcase-name h2{letter-spacing:-.01em;font-size:24px;line-height:1.15}.showcase-meta{font-size:var(--text-meta);color:var(--muted);margin-top:2px}.showcase-detail{max-width:54ch;min-height:3em;color:var(--ink);grid-column:2;font-size:15px;line-height:1.5}.showcase-controls{flex:none;align-items:center;gap:6px;display:flex}.showcase-arrow,.showcase-rotation{border:1px solid var(--play-edge-strong);background:var(--play-panel);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid}.showcase-rotation{color:var(--muted)}@media (hover:hover){.showcase-arrow:hover,.showcase-rotation:hover:not(:disabled){border-color:var(--play-accent);background:var(--play-accent-tint);color:var(--play-accent)}}.showcase-arrow:active,.showcase-rotation:active:not(:disabled){transition-duration:var(--dur-press);transform:scale(.93)}.showcase-rotation:disabled{background:var(--play-well);cursor:not-allowed;border-style:dashed}.showcase-choices{padding:var(--space-3) 2px 2px;border-top:1px solid var(--play-hairline);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.showcase-choice{border-radius:var(--radius-md);min-width:0;min-height:44px;color:var(--muted);text-align:left;cursor:pointer;transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;align-items:stretch;gap:8px;padding:5px 5px 10px;display:flex;position:relative}@media (hover:hover){.showcase-choice:hover{border-color:var(--play-edge);background:var(--play-panel-hover);color:var(--ink);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.showcase-choice:hover .game-cover-picture,.showcase-choice:hover .game-cover-image{scale:1.05}}.showcase-choice:active{box-shadow:none;transition-duration:var(--dur-press);transform:translateY(0)scale(.97)}.showcase-choice[aria-pressed=true]{border-color:var(--play-accent);background:var(--play-accent-tint);color:var(--ink);box-shadow:inset 0 0 0 1px var(--play-accent)}.showcase-thumb{border-radius:7px;display:block;position:relative;overflow:hidden}.showcase-thumb .game-cover{aspect-ratio:4/3;background:var(--play-well)}.showcase-thumb :is(.game-cover-picture,.game-cover-image){transition:scale var(--dur-slow) var(--ease-out)}.showcase-check{background:var(--play-accent);width:22px;height:22px;color:var(--on-play-accent);box-shadow:0 0 0 2px var(--play-panel);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px;transform:scale(.4)}.showcase-choice[aria-pressed=true] .showcase-check{opacity:1;transform:none}.showcase-choice-name{overflow-wrap:break-word;font:500 13px / 1.25 var(--font-ui);-webkit-hyphens:manual;hyphens:manual;padding-inline:2px}.showcase-countdown{border-radius:var(--radius-pill);background:var(--play-accent);transform-origin:0;height:3px;animation:showcase-countdown var(--preview-duration) linear both;position:absolute;bottom:4px;left:8px;right:8px}@keyframes showcase-countdown{0%{transform:scaleX(0)}}.landing-section>.landing-wrap{padding-block:0 var(--landing-section-space)}.landing-section>.landing-wrap:before{content:"";height:1px;margin-bottom:var(--landing-section-space);background:var(--play-hairline);display:block}.landing-head{gap:var(--space-4);max-width:62ch;margin-bottom:var(--space-7);display:grid}.how-layout{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;column-gap:clamp(40px,6vw,104px);display:grid}.how-layout:before{grid-column:1/-1}.how-copy{gap:var(--space-4);display:grid}.how-steps{margin:var(--space-5) 0 0;padding:0;list-style:none;display:grid}.how-steps li{align-items:center;column-gap:var(--space-3);padding-block:var(--space-5);border-top:1px solid var(--play-hairline);grid-template-columns:40px 32px minmax(0,1fr);row-gap:6px;display:grid}.how-steps li:last-child{padding-bottom:0}.how-number{font:400 26px / 1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--play-accent)}.how-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--play-accent);background:var(--play-accent-tint);place-items:center;display:grid}.how-steps h3{grid-column:3}.how-steps p{max-width:56ch;font-size:var(--text-body);color:var(--muted);grid-column:3;line-height:1.55}.learning-example{border:1px solid var(--play-edge);border-radius:var(--radius-lg);background:var(--play-panel);box-shadow:var(--shadow-rest);margin:0;overflow:hidden}.learning-example-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--play-hairline);flex-wrap:wrap;display:flex}.learning-example-state{white-space:nowrap;border-radius:var(--radius-pill);background:var(--status-progress-tint);min-height:28px;color:var(--status-progress);font:600 13px / 1.2 var(--font-ui);align-items:center;gap:8px;padding:3px 12px 3px 10px;display:inline-flex}.learning-example-paper{gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-5);display:grid}.example-sentence{font:400 clamp(24px, 1vw + 16px, 30px) / 1.2 var(--font-display);letter-spacing:-.015em;color:var(--ink)}.landing .learning-example .example-sentence mark{color:inherit;background:linear-gradient(transparent 58%, var(--play-accent-tint) 58%);box-shadow:inset 0 -2px 0 var(--play-accent);border-radius:4px;padding:0 4px}.example-question{font:500 var(--text-ui) / 1.45 var(--font-ui);color:var(--ink)}.example-choices{gap:var(--space-2);margin:var(--space-1) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.example-choices li{align-items:center;gap:4px var(--space-3);border:1px solid var(--play-edge-strong);border-radius:var(--radius-md);background:var(--play-panel);min-height:48px;font:500 var(--text-ui) / 1.3 var(--font-ui);color:var(--ink);flex-wrap:wrap;padding:8px 12px;display:flex}.example-letter{border:1px solid var(--play-edge-strong);width:26px;height:26px;font:600 13px / 1 var(--font-ui);color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.example-choices li[data-state=missed]{border-style:dashed;border-color:var(--status-review);background:var(--status-review-tint);color:var(--muted)}.example-choices li[data-state=missed] .example-choice-text{text-decoration:line-through;-webkit-text-decoration-color:var(--status-review);text-decoration-color:var(--status-review)}.example-choices li[data-state=missed] .example-letter{background:var(--status-review);color:var(--play-panel);border-color:#0000}.example-choice-note{padding-left:calc(26px + var(--space-3));font:600 13px / 1.2 var(--font-ui);color:var(--status-review);flex-basis:100%}.example-explanation{gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--play-hairline);background:var(--play-well);grid-template-columns:auto 1fr;display:grid}.example-explanation svg{color:var(--play-accent)}.example-explanation p{font-size:var(--text-body);color:var(--muted);line-height:1.55}.example-explanation strong{color:var(--ink);margin-bottom:2px;font-weight:600;display:block}.learning-example-bottom{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6) var(--space-4);border-top:1px solid var(--play-hairline);font-size:var(--text-meta);color:var(--ink);display:flex}.learning-example-bottom svg{color:var(--play-accent);flex:none}.subject-plates{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.subject-plate{--plate-art:248px;grid-template-columns:var(--plate-art) minmax(0, 1fr) minmax(320px, .5fr);grid-template-rows:minmax(var(--plate-art), auto);border:1px solid var(--play-edge);border-radius:var(--radius-lg);background:var(--play-panel);box-shadow:var(--shadow-rest);grid-template-areas:"art main facts";display:grid;overflow:hidden}.subject-plate-art{border-right:3px solid var(--tone);grid-area:art;container-type:size}.subject-plate-main{align-content:center;justify-items:start;gap:var(--space-3);padding:var(--space-6) clamp(24px, 3vw, 44px);grid-area:main;display:grid}.subject-plate-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.landing .subject-plate-title h3{font-size:28px;line-height:1.1}.subject-question{font:italic 400 20px / 1.35 var(--font-display);color:var(--ink)}.subject-desc{max-width:54ch;font-size:var(--text-body);color:var(--muted);line-height:1.55}.subject-plate-facts{align-content:center;gap:var(--space-4);padding:var(--space-6) clamp(24px, 3vw, 40px);border-left:1px solid var(--play-hairline);background:var(--play-well);grid-area:facts;display:grid}.subject-count{align-items:baseline;gap:var(--space-2);font:500 var(--text-ui) / 1.2 var(--font-ui);color:var(--muted);display:flex}.subject-count strong{font:400 40px / 1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;color:var(--tone)}.subject-topics{gap:6px;margin:0;padding:0;list-style:none;display:grid}.subject-topics li{font:400 var(--text-ui) / 1.4 var(--font-ui);color:var(--ink);align-items:baseline;gap:10px;display:flex}.subject-topics li:before{content:"";background:var(--tone);border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-2px)}.landing .subject-mark{width:44px;height:44px;color:var(--tone);background:var(--tone-tint);box-shadow:inset 0 0 0 1px var(--tone-edge);border-radius:50%;flex:none;place-items:center;display:inline-grid}.landing .subject-mark[data-size=sm]{width:36px;height:36px}.landing .subject-painting{background:var(--play-well);width:100%;height:100%;display:block;position:relative;overflow:hidden}.landing .subject-painting>span{background-image:-webkit-image-set(url(/art/study-space/subjects-768.webp) 1x,url(/art/study-space/subjects.webp) 2x);background-image:image-set("/art/study-space/subjects-768.webp" 1x,"/art/study-space/subjects.webp" 2x);background-repeat:no-repeat;background-size:300% 100%;width:max(100cqw,100cqh);height:max(100cqw,100cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.landing .subject-painting[data-sheet=practice-goals]>span{background-image:-webkit-image-set(url(/art/study-space/practice-goals-768.webp) 1x,url(/art/study-space/practice-goals.webp) 2x);background-image:image-set("/art/study-space/practice-goals-768.webp" 1x,"/art/study-space/practice-goals.webp" 2x);background-size:300% 200%}@media (max-width:1080px){.subject-plate{--plate-art:200px;grid-template-columns:var(--plate-art) minmax(0, 1fr);grid-template-rows:auto auto;grid-template-areas:"art main""art facts"}.subject-plate-main{padding-bottom:var(--space-4)}.subject-plate-facts{align-items:start;column-gap:var(--space-6);padding-block:var(--space-4);border-left:0;border-top:1px solid var(--play-hairline);grid-template-columns:auto minmax(0,1fr)}.subject-topics{column-gap:var(--space-5);grid-template-columns:repeat(2,max-content);padding-top:10px}}@media (max-width:720px){.subject-plate{--plate-art:88px;grid-template-columns:var(--plate-art) minmax(0, 1fr);column-gap:var(--space-4);padding:var(--space-4) var(--space-4) 0;grid-template-rows:auto auto auto;grid-template-areas:"art title""question question""desc desc""facts facts"}.subject-plate-art{height:var(--plate-art);border-radius:var(--radius-md);box-shadow:inset 0 -3px 0 var(--tone);border-right:0;overflow:hidden}.subject-plate-main{display:contents}.subject-plate-title{grid-area:title;align-self:center;margin:0}.subject-plate-title .subject-mark{display:none}.landing .subject-plate-title h3{font-size:24px}.subject-plate .subject-question{margin-top:var(--space-4);grid-area:question}.subject-plate .subject-desc{margin-top:var(--space-2);grid-area:desc}.subject-plate-facts{gap:var(--space-3);margin:var(--space-4) calc(-1 * var(--space-4)) 0;padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.subject-count strong{font-size:34px}.subject-topics{grid-template-columns:minmax(0,1fr);padding-top:0}}.progress-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;column-gap:clamp(40px,6vw,104px);display:grid}.progress-layout:before{grid-column:1/-1}.progress-copy{justify-items:start;gap:var(--space-4);display:grid}.progress-goals-label{font-size:var(--text-meta);color:var(--ink);font-weight:600;margin-top:var(--space-3)!important}.progress-goals{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.progress-goals li{align-content:start;gap:var(--space-2);font:500 var(--text-meta) / 1.3 var(--font-ui);color:var(--ink);display:grid}.landing .progress-goal-art{aspect-ratio:1;border-radius:var(--radius-md);background:var(--play-well);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);display:block;position:relative;overflow:hidden}.landing .progress-goal-art .practice-artwork-picture{aspect-ratio:1;background-image:-webkit-image-set(url(/art/study-space/practice-goals-768.webp) 1x,url(/art/study-space/practice-goals.webp) 2x);background-image:image-set("/art/study-space/practice-goals-768.webp" 1x,"/art/study-space/practice-goals.webp" 2x);background-repeat:no-repeat;background-size:300% 200%;width:100%;position:absolute;left:0}.progress-sample{border:1px solid var(--play-edge);border-radius:var(--radius-lg);background:var(--play-panel);box-shadow:var(--shadow-lift);margin:0;overflow:hidden}.progress-sample-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);display:flex}.progress-sample-head p{font:400 var(--text-card) / 1.2 var(--font-display);color:var(--ink)}.progress-sample-columns{padding:0 var(--space-5) var(--space-2);border-bottom:1px solid var(--play-hairline);color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.progress-sample-rows{margin:0;padding:0;list-style:none}.progress-sample-rows li{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--play-hairline);grid-template-columns:32px minmax(0,1fr) auto;display:grid}.progress-sample-skill{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.progress-sample-skill p{font:500 var(--text-ui) / 1.3 var(--font-ui);color:var(--ink)}.progress-sample-measure{align-items:center;gap:var(--space-3);display:flex}.progress-sample-bar{border-radius:var(--radius-pill);background:var(--play-well);width:clamp(72px,9vw,132px);height:6px;display:block;overflow:hidden}.progress-sample-bar>span{border-radius:inherit;background:var(--status-progress);height:100%;display:block}.progress-sample-fraction{min-width:7ch;font-size:var(--text-meta);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}.landing .status-tag{border-radius:var(--radius-pill);min-height:26px;font:600 13px / 1.2 var(--font-ui);white-space:nowrap;color:var(--status-new);background:var(--status-new-tint);align-items:center;gap:6px;padding:3px 10px 3px 8px;display:inline-flex}.landing .status-tag[data-status=review]{color:var(--status-review);background:var(--status-review-tint)}.progress-sample-next{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--play-well);grid-template-columns:56px minmax(0,1fr);display:grid}.progress-sample-next p{font:400 var(--text-card) / 1.25 var(--font-display);color:var(--ink);gap:2px;display:grid}.progress-sample-next p span{font:600 var(--text-meta) / 1.3 var(--font-ui);color:var(--play-accent)}.progress-sample-next p small{font:400 var(--text-meta) / 1.3 var(--font-ui);color:var(--muted)}.progress-sample-caption{padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--play-hairline);font-size:var(--text-meta);color:var(--muted)}.about-stage{align-items:center;display:grid}.about-photo,.about-letter{grid-area:1/1}.about-photo{border-radius:var(--radius-xl);background:var(--landing-night);width:66%;min-height:clamp(560px,46vw,700px);box-shadow:var(--shadow-lift);place-self:stretch end;overflow:hidden}.about-portrait{object-fit:cover;object-position:44% 28%;width:100%;height:100%;display:block}.about-letter{z-index:1;width:min(600px,47%);margin-block:var(--space-7);border:1px solid var(--play-edge);border-radius:var(--radius-xl);background:var(--play-panel);box-shadow:var(--shadow-float);justify-self:start;justify-items:start;padding:clamp(28px,3vw,48px);display:grid;position:relative}.about-hello{font:italic 400 22px / 1.2 var(--font-display);color:var(--muted)}.landing .about-letter h2{margin-top:var(--space-1);letter-spacing:-.035em;font-size:clamp(52px,3vw + 18px,72px);line-height:1}.about-letter h2 span{color:var(--play-accent)}.about-role{align-items:center;gap:var(--space-3);font:600 var(--text-eyebrow) / 1.4 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--play-accent);display:flex;margin-top:var(--space-3)!important}.about-role:before{content:"";background:currentColor;width:28px;height:1px}.about-lede{padding-top:var(--space-5);border-top:1px solid var(--play-hairline);font:400 24px / 1.3 var(--font-display);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin-top:var(--space-5)!important}.about-body{gap:var(--space-3);margin-top:var(--space-4);display:grid}.about-body p{font-size:var(--text-body);color:var(--muted);line-height:1.65}.about-contact{margin-top:var(--space-5)}@media (max-width:1200px){.about-portrait{object-position:36% 28%}}@media (max-width:900px){.about-stage{display:block}.about-photo{width:100%;height:clamp(340px,62vw,520px);min-height:0}.about-portrait{object-position:58% 22%}.about-letter{width:auto;margin:calc(-1 * var(--space-8)) var(--space-3) 0}}@media (max-width:720px){.about-photo{border-radius:var(--radius-lg);height:340px}.about-letter{margin:calc(-1 * var(--space-7)) var(--space-2) 0;padding:var(--space-5);border-radius:var(--radius-lg)}.landing .about-letter h2{font-size:48px}.about-lede{font-size:22px}}@supports (animation-timeline:view()){.subject-plate,.about-letter{animation:linear both landing-rise;animation-timeline:view();animation-range:entry entry 70%}.subject-plate .subject-painting>span,.about-portrait{animation:linear both landing-settle;animation-timeline:view();animation-range:entry cover 45%}}@keyframes landing-rise{0%{opacity:0;transform:translateY(28px)}}@keyframes landing-settle{0%{scale:1.1}}.landing .landing-close{padding-block:var(--landing-section-space);color:var(--on-dark);background:radial-gradient(ellipse 55% 80% at 90% 0%, color-mix(in srgb, var(--landing-night-accent) 22%, transparent), transparent 65%), radial-gradient(ellipse 50% 70% at 0% 100%, color-mix(in srgb, var(--landing-night-accent) 10%, transparent), transparent 60%), var(--landing-night);position:relative}.landing-close:focus{outline:none}.close-layout{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;column-gap:clamp(40px,6vw,104px);display:grid}.waitlist-intro{justify-items:start;gap:var(--space-5);display:grid}.landing-close .landing-eyebrow{color:var(--landing-night-accent)}.landing .landing-close h2{color:var(--on-dark);font-size:clamp(38px,2.6vw + 18px,60px);line-height:1.04}.close-offer{gap:var(--space-3);margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid}.close-offer li{align-items:center;gap:var(--space-3);color:var(--on-dark);font-size:17px;line-height:1.45;display:flex}.close-offer li>span{width:26px;height:26px;color:var(--landing-night-accent);background:color-mix(in srgb, var(--landing-night-accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--landing-night-accent) 40%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.close-panel{border:1px solid var(--play-edge);border-radius:var(--radius-xl);background:var(--play-panel);color:var(--ink);box-shadow:var(--shadow-float);padding:clamp(24px,2.6vw,36px)}.close-account-note{padding-top:var(--space-4);border-top:1px solid var(--play-hairline);font-size:var(--text-meta);color:var(--muted);margin-top:var(--space-5)!important}.close-account-note a,.contact-privacy a,.waitlist-privacy a{color:var(--play-accent);text-underline-offset:3px;font-weight:500}.close-signed-in-lede{max-width:44ch;color:var(--landing-night-muted);font-size:17px;line-height:1.55}.close-games{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.close-games li{gap:var(--space-2);font:500 var(--text-ui) / 1.3 var(--font-ui);color:var(--on-dark);display:grid}.landing .close-game-cover{aspect-ratio:16/10;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--landing-night-edge);overflow:hidden}.waitlist-form{gap:var(--space-4);display:grid}.waitlist-fields{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.waitlist-fields label,.contact-panel label{font:500 var(--text-meta) / 1.3 var(--font-ui);color:var(--ink);gap:6px;display:grid}.landing .landing-close :is(.waitlist-fields,.contact-panel) :is(input,textarea),.landing .contact-panel :is(input,textarea){border:1px solid var(--play-edge-strong);border-radius:var(--radius-md);background:var(--play-canvas);width:100%;min-height:48px;color:var(--ink);font:400 16px / 1.4 var(--font-ui);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background-color var(--dur-fast);padding:12px 14px}.landing :is(.waitlist-fields,.contact-panel) textarea{resize:vertical;min-height:140px}.landing :is(.waitlist-fields,.contact-panel) :is(input,textarea)::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}@media (hover:hover){.landing :is(.waitlist-fields,.contact-panel) :is(input,textarea):hover:not(:disabled,:focus){border-color:var(--play-accent-edge)}}.landing .landing-close :is(.waitlist-fields,.contact-panel) :is(input,textarea):focus-visible,.landing .contact-panel :is(input,textarea):focus-visible{border-color:var(--play-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 28%, transparent);background:var(--play-panel);outline:none}.waitlist-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.waitlist-consent{align-items:start;gap:var(--space-3);font-size:var(--text-meta);color:var(--muted);cursor:pointer;grid-template-columns:24px 1fr;line-height:1.5;display:grid}.landing .waitlist-consent input{appearance:none;border:1.5px solid var(--play-edge-strong);border-radius:var(--radius-sm);background:var(--play-canvas);cursor:pointer;width:24px;height:24px;transition:background-color var(--dur-fast), border-color var(--dur-fast);place-items:center;margin:0;padding:0;display:grid;position:relative}.landing .waitlist-consent input:after{content:"";border-right:2px solid var(--on-play-accent);border-bottom:2px solid var(--on-play-accent);width:6px;height:11px;transition:transform var(--dur-base) var(--ease-spring);margin-top:-2px;transform:rotate(45deg)scale(0)}.landing .waitlist-consent input:checked{border-color:var(--play-accent);background:var(--play-accent)}.landing .waitlist-consent input:checked:after{transform:rotate(45deg)scale(1)}@media (hover:hover){.landing .waitlist-consent:hover input:not(:checked){border-color:var(--play-accent)}}.waitlist-submit{width:100%}.waitlist-spinner{animation:1s linear infinite landing-spin}@keyframes landing-spin{to{transform:rotate(360deg)}}.waitlist-privacy{font-size:var(--text-meta);text-align:center}.waitlist-error,.contact-error{border-radius:var(--radius-md);border-left:3px solid var(--status-review);background:var(--status-review-tint);color:var(--ink);font-size:var(--text-meta);padding:10px 14px;line-height:1.5}.waitlist-confirm{transition:grid-template-rows var(--dur-slow) var(--ease-out);grid-template-rows:0fr;display:grid}.waitlist[data-state=success] .waitlist-confirm{grid-template-rows:1fr}.waitlist-confirm-inner{justify-items:start;gap:var(--space-4);opacity:.5;min-height:0;transition:opacity var(--dur-slow) var(--ease-out);display:grid;overflow:hidden}.waitlist[data-state=success] .waitlist-confirm-inner{opacity:1}.landing .waitlist-success-mark{width:52px;height:52px;color:var(--status-strong);background:var(--status-strong-tint);animation:landing-pop var(--dur-slow) var(--ease-spring) both;border-radius:50%;place-items:center;display:grid}@keyframes landing-pop{0%{opacity:0;transform:scale(.6)}}.waitlist-confirm-line{max-width:30ch;font:400 clamp(22px, 1vw + 14px, 27px) / 1.25 var(--font-display);color:var(--ink)}.waitlist-answered,.waitlist-answers-lead{color:var(--muted);line-height:1.55}.waitlist-answers{justify-items:start;gap:var(--space-4);display:grid}.waitlist-answers fieldset{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.waitlist-answers legend{margin-bottom:var(--space-2);font:600 var(--text-meta) / 1.3 var(--font-ui);color:var(--ink)}.waitlist-chips{flex-wrap:wrap;gap:8px;display:flex}.waitlist-chips button{border:1px solid var(--play-edge-strong);border-radius:var(--radius-pill);min-height:44px;color:var(--ink);font:500 var(--text-ui) / 1.2 var(--font-ui);cursor:pointer;transition:border-color var(--dur-fast), background-color var(--dur-fast), transform var(--dur-press);background:0 0;padding:8px 16px}@media (hover:hover){.waitlist-chips button:hover{border-color:var(--play-accent);background:var(--play-accent-tint)}}.waitlist-chips button[aria-pressed=true]{border-color:var(--play-accent);background:var(--play-accent-tint);box-shadow:inset 0 0 0 1px var(--play-accent)}.waitlist-skip{min-height:44px;color:var(--muted);font:500 var(--text-meta) / 1.2 var(--font-ui);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.contact-section>.landing-wrap:before{display:none}.contact-section>.landing-wrap{padding-top:var(--landing-section-space)}.contact-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);align-items:start;column-gap:clamp(40px,6vw,104px);display:grid}.contact-intro{justify-items:start;gap:var(--space-4);display:grid}.contact-intro>p{max-width:44ch;color:var(--muted);font-size:17px;line-height:1.6}.contact-panel{border:1px solid var(--play-edge);border-radius:var(--radius-lg);background:var(--play-panel);box-shadow:var(--shadow-rest);padding:clamp(24px,2.6vw,36px)}.contact-panel form{gap:var(--space-4);display:grid}.contact-fields{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.contact-note{font-size:var(--text-meta);color:var(--muted);line-height:1.5}.contact-note a{color:var(--play-accent);text-underline-offset:3px}.contact-submit-row{justify-content:flex-end;display:flex}.contact-success{justify-items:start;gap:var(--space-3);display:grid}.contact-success-mark{width:52px;height:52px;color:var(--status-strong);background:var(--status-strong-tint);animation:landing-pop var(--dur-slow) var(--ease-spring) both;border-radius:50%;place-items:center;display:grid}.contact-success h3:focus{outline:none}.contact-success p{color:var(--muted)}.contact-success button{min-height:44px;color:var(--play-accent);font:500 var(--text-ui) / 1.2 var(--font-ui);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.landing-footer{border-top:1px solid var(--play-hairline);background:var(--play-canvas);color:var(--ink);font-family:var(--font-ui)}.landing-footer-inner{align-items:center;gap:var(--space-4) var(--space-6);padding-block:var(--space-6) var(--space-7);grid-template-columns:auto 1fr;display:grid}.landing-footer nav{justify-content:flex-end;gap:0 var(--space-5);flex-wrap:wrap;display:flex}.landing-footer nav a{min-height:44px;color:var(--ink);font:500 var(--text-meta) / 1.2 var(--font-ui);align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.landing-footer nav a:hover{color:var(--play-accent)}}.landing-footer .landing-disclaimer{padding-top:var(--space-4);border-top:1px solid var(--play-hairline);font-size:var(--text-meta);color:var(--muted);grid-column:1/-1;margin:0}@media (max-width:1200px){.landing .landing-top nav{gap:18px}.showcase-choices{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:100px;padding-bottom:6px;scroll-padding-inline:4px;overflow-x:auto}.showcase-choice{scroll-snap-align:start}.showcase-detail{grid-column:1/-1}}@media (max-width:1000px){.hero-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head body""gallery gallery";align-items:start}.hero-head h1{font-size:clamp(40px,3vw + 22px,60px)}.hero-body{padding-bottom:4px}.hero-discover{display:none}.how-layout,.progress-layout,.close-layout,.contact-layout{row-gap:var(--space-7);grid-template-columns:minmax(0,1fr)}:is(.how-layout,.progress-layout):before{margin-bottom:calc(var(--landing-section-space) - var(--space-7))}.learning-example{max-width:640px}}@media (max-width:900px){.landing .landing-top nav{display:none}.landing-top-actions{margin-left:auto}.landing-rail-nav{gap:var(--space-5);scroll-snap-type:x proximity;scrollbar-width:none;padding:0 var(--gutter);border-bottom:1px solid var(--play-hairline);display:flex;overflow-x:auto}.landing-rail-nav::-webkit-scrollbar{display:none}.landing-rail-nav a{scroll-snap-align:start;min-height:44px;color:var(--ink);font:500 var(--text-ui) / 1.2 var(--font-ui);flex:none;align-items:center;text-decoration:none;display:inline-flex}}@media (max-width:720px){.landing .landing-top{gap:var(--space-3);min-height:60px;padding-block:8px}.landing-top-cta{display:none}.landing-brand{white-space:normal;gap:8px;max-width:136px;font-size:17px;line-height:1.05}.landing-brand svg{width:22px;height:22px}.landing-top-actions{gap:var(--space-2);margin-left:auto}.landing-top-link{padding-inline:14px}.landing-avatar{display:none}.landing-top-play:has(.landing-avatar){padding-left:14px}.landing-top-play{white-space:nowrap;flex:none}.landing .landing-top-play:has(.landing-avatar){padding-inline:16px}.landing-top-play svg{display:none}.landing .landing-hero{padding-block:var(--space-4) var(--space-7)}.showcase-prompt{border-radius:var(--radius-sm);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px;max-width:64cqw;padding:6px 10px 7px 9px}.showcase-prompt-label{gap:0;padding-top:2px;font-size:0}.showcase-prompt-text{font-size:13px;line-height:1.28}.showcase-capture[data-game=retrieval-shooter]{--prompt-left:3cqw;--prompt-top:16cqw}.showcase-capture .standard-preview-content{border-radius:var(--radius-md);gap:8px;margin:8px;padding:10px 12px}.showcase-capture .arcade-reference-passage,.showcase-capture .arcade-question-panel h2{font-size:11px;line-height:1.38}.showcase-capture .choice-grid{gap:5px}.showcase-capture .choice-button{padding:4px 6px;font-size:11px}.hero-grid{row-gap:var(--space-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""gallery""body"}.hero-discover{display:inline-flex}.hero-head h1{margin-top:var(--space-3);font-size:clamp(40px,10.6vw,54px)}.showcase-panel{border-radius:var(--radius-lg);padding:6px}.showcase-scene{border-radius:calc(var(--radius-lg) - 5px)}.showcase-toolbar{padding:var(--space-3) 4px var(--space-3) 8px;gap:var(--space-2)}.showcase-title-text{grid-template-columns:36px minmax(0,1fr);column-gap:10px}.showcase-genre{width:36px;height:36px}.showcase-genre svg{width:17px;height:17px}.showcase-name h2{font-size:21px}.showcase-toolbar{position:relative}.showcase-controls{top:var(--space-3);position:absolute;right:4px}.showcase-title-text{grid-template-rows:minmax(48px,auto) auto auto;row-gap:4px}.showcase-name{display:contents}.showcase-name h2{text-wrap:balance;grid-column:2;padding-right:140px}.showcase-meta{grid-column:1/-1;margin-top:2px}.showcase-detail{-webkit-line-clamp:2;min-height:2.9em;font-size:var(--text-meta);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.showcase-controls{gap:2px}.showcase-choices{scrollbar-width:none;grid-auto-columns:102px}.showcase-choices::-webkit-scrollbar{display:none}.hero-body{align-items:stretch;gap:var(--space-4);flex-direction:column;display:flex}.hero-invitation{text-align:center;flex-direction:column;order:-1;align-items:stretch}.hero-invitation .landing-cta{width:100%}.hero-lede{font-size:17px}.hero-facts{margin-top:var(--space-2);padding:var(--space-4) 0 0;border-left:0;border-top:1px solid var(--play-hairline);flex-direction:row;justify-content:space-between}.hero-facts li{border-right:0;margin-right:0;padding-right:0}.hero-facts strong{font-size:30px}.hero-discover{align-self:flex-start}.landing-lede,.contact-intro>p{font-size:var(--text-body)}.landing-head{margin-bottom:var(--space-6)}.how-steps li{padding-block:var(--space-4);grid-template-columns:40px minmax(0,1fr)}.how-icon{display:none}.how-steps :is(h3,p){grid-column:2}.learning-example-head,.learning-example-paper,.example-explanation,.learning-example-bottom{padding-inline:var(--space-4)}.learning-example-paper{padding-top:var(--space-5)}.progress-goals{row-gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.progress-sample-rows li{padding-inline:var(--space-4);grid-template-columns:32px minmax(0,1fr)}.progress-sample-measure{grid-column:2}.progress-sample-bar{flex:1;width:auto}.progress-sample-head,.progress-sample-columns,.progress-sample-next,.progress-sample-caption{padding-inline:var(--space-4)}.landing .landing-close h2{font-size:38px}.close-offer li{font-size:var(--text-body)}.close-layout{row-gap:var(--space-6)}.close-panel{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg)}.contact-panel{padding:var(--space-5) var(--space-4)}.contact-layout{row-gap:var(--space-6)}.contact-submit-row .landing-cta{width:100%}.landing-footer-inner{padding-block:var(--space-5) var(--space-6);grid-template-columns:minmax(0,1fr)}.landing-footer nav{justify-content:flex-start;gap:0 var(--space-4)}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition-property:color,background-color,border-color,box-shadow,opacity,grid-template-rows!important;animation:none!important}.landing :is(.landing-cta,.landing-top-play,.landing-top-cta,.landing-secondary,.showcase-choice,.showcase-arrow,.showcase-rotation):is(:hover,:active),.landing :is(.landing-cta,.landing-top-play,.landing-secondary,.landing-quiet,.hero-discover):hover svg{transform:scale(1)!important}.landing .showcase-choice:hover :is(.game-cover-picture,.game-cover-image){scale:none!important}}:root.reduced-motion .landing *,:root.reduced-motion .landing :before,:root.reduced-motion .landing :after{transition-property:color,background-color,border-color,box-shadow,opacity!important;animation:none!important}:root.reduced-motion .landing :is(.landing-cta,.landing-top-play,.landing-top-cta,.landing-secondary,.showcase-choice,.showcase-arrow,.showcase-rotation):is(:hover,:active),:root.reduced-motion .landing :is(.landing-cta,.landing-top-play,.landing-secondary,.landing-quiet,.hero-discover):hover svg{transform:scale(1)!important}:root.reduced-motion .landing .showcase-choice:hover :is(.game-cover-picture,.game-cover-image){scale:none!important}
