.wa-float{position:fixed;inset-inline-end:max(var(--space-4),env(safe-area-inset-right,0px));inset-block-end:max(var(--space-4),env(safe-area-inset-bottom,0px));z-index:var(--z-whatsapp);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--whatsapp);color:var(--color-text-on-brand);box-shadow:0 0 0 3px var(--color-surface);pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-back)}@media (hover: hover) and (pointer: fine){.wa-float:hover{transform:translateY(-2px)}}.wa-float:active{transform:scale(.95)}.wa-float:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.mwb-immersive .wa-float{display:none}@media (max-width: 420px){.wa-float{width:50px;height:50px}}@media (prefers-reduced-motion: reduce){.wa-float{transition:none}}.fixed-bottom-bar{position:fixed;inset-inline:0;inset-block-end:max(var(--space-3),env(safe-area-inset-bottom,0px));z-index:var(--z-promo-banner);display:flex;align-items:center;justify-content:center;padding-inline:max(var(--space-3),env(safe-area-inset-left,0px)) calc(max(var(--space-3),env(safe-area-inset-right,0px)) + var(--wa-row-reserve));pointer-events:none}.fixed-bottom-bar-slot{flex:0 1 260px;min-width:150px;max-width:260px}.fixed-bottom-bar-slot:empty{display:none}.error-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-error);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg);color:var(--color-text);text-align:center;overflow-y:auto}.error-fallback-logo{height:36px;width:auto}.error-fallback-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-md);background:var(--brand-coral);color:var(--color-on-accent);font-size:var(--text-xl);font-weight:800}.error-fallback-message{max-width:360px;font-size:var(--text-lg);font-weight:700}.error-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center}.error-fallback-actions{display:grid;gap:var(--space-3);width:min(100%,320px);padding-block-end:var(--layer-offset)}.mwb-container{position:relative;z-index:1;width:100%;max-width:1080px;margin-inline:auto;padding-inline:max(var(--space-4),env(safe-area-inset-left,0px));box-sizing:border-box}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:100dvh;max-width:400px;margin-inline:auto;padding-block:var(--space-6) calc(env(safe-area-inset-bottom,0px) + var(--bottom-clearance));text-align:center}.not-found-logo{height:40px;width:auto;margin-block-end:var(--space-4)}.not-found p{margin-block-end:var(--space-3);color:var(--color-text-dim)}.landing{display:flex;flex-direction:column;gap:var(--space-4);min-height:100dvh;max-width:1120px;margin-inline:auto;padding:var(--space-4) var(--space-4) calc(env(safe-area-inset-bottom,0px) + var(--bottom-clearance))}.landing>:not(.landing-bg){position:relative;z-index:1}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.landing-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--brand-violet) 16%,transparent) 1.3px,transparent 1.8px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 90% 55% at 50% 18%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 90% 55% at 50% 18%,#000 25%,transparent 80%)}.bg-shape{position:absolute;display:block;transition:transform .42s var(--ease-back)}.bg-shape>svg{display:block}.bg-ring{inset-block-start:10px;inset-inline-end:-16px;--lean-x: 6px;--lean-y: 6px}.bg-square{inset-block-start:44%;inset-inline-end:-18px;--lean-x: 8px;--lean-y: -4px}.bg-square>svg{rotate:16deg}.bg-tri,.bg-dot,.bg-mark{display:none}.bg-mark{opacity:.14}.bg-stroke-cyan,.bg-stroke-orange{fill:none;stroke-width:3;stroke-linejoin:round}.bg-stroke-cyan{stroke:color-mix(in srgb,var(--brand-cyan) 60%,var(--color-bg))}.bg-stroke-orange{stroke:color-mix(in srgb,var(--brand-orange) 55%,var(--color-bg))}.bg-fill-coral{fill:color-mix(in srgb,var(--brand-coral) 26%,var(--color-bg))}.bg-fill-yellow{fill:color-mix(in srgb,var(--brand-yellow) 70%,var(--color-bg))}@media (prefers-reduced-motion: no-preference){.landing:has(.landing-lang:hover) .bg-shape,.landing:has(.landing-lang:focus-visible) .bg-shape{transform:translate(var(--lean-x, 0px),var(--lean-y, 0px))}}.landing-top{display:flex;justify-content:flex-start}.landing-logo{height:40px;width:auto}.landing-hero{display:flex;flex-direction:column;gap:var(--space-4)}.landing-art{width:100%;aspect-ratio:480 / 310;max-height:32dvh}.landing-art-svg{display:block;width:100%;height:100%}.landing-copy{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.landing-title{font-size:var(--text-display);font-weight:800;line-height:1.15;letter-spacing:normal;color:var(--color-text)}.landing-title-stem{display:block;white-space:nowrap}.landing-title-em{display:block;font-size:1.5em;line-height:1.2;color:var(--color-primary)}.landing-lede{font-size:var(--text-md);line-height:var(--leading-body);color:var(--color-text-dim);text-wrap:pretty;max-width:44ch}.landing-choice{display:flex;flex-direction:column;gap:var(--space-3);margin-block-start:var(--space-2)}.landing-langs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);max-width:460px;padding-block-end:var(--layer-offset)}.landing-lang{width:100%;padding-inline:var(--space-4)}.landing-lang-label{font-size:var(--text-lg);font-weight:700;line-height:1.2}.landing-leen{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-3);row-gap:var(--space-1);align-items:start;margin-block-start:auto;padding-block-start:var(--space-5);border-block-start:1px solid var(--color-border)}.landing-leen-mark{width:32px;height:auto;margin-block-start:2px}.landing-leen-text{min-width:0}.landing-leen-title{font-size:var(--text-lg);font-weight:700;letter-spacing:normal;color:var(--color-text)}.landing-leen-about{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-dim);max-width:52ch}.landing-art{--art-skin: color-mix(in srgb, var(--brand-orange) 38%, white)}.art-disc{fill:var(--role-test-subtle)}.art-violet{fill:var(--brand-violet)}.art-ink{fill:var(--color-text)}.art-paper{fill:var(--color-surface)}.art-skin{fill:var(--art-skin)}.art-green{fill:var(--brand-green)}.art-yellow{fill:var(--brand-yellow)}.art-cyan{fill:var(--brand-cyan);stroke:var(--brand-cyan);stroke-width:0}.art-coral{fill:var(--brand-coral);stroke:var(--brand-coral);stroke-width:0}.art-orange{fill:var(--brand-orange);stroke:var(--brand-orange);stroke-width:0}.art-soft-join{stroke-width:4;stroke-linejoin:round}.art-board{fill:var(--color-surface);stroke:var(--brand-violet);stroke-width:3}.art-cell{fill:var(--color-bg);stroke:var(--color-border-strong);stroke-width:2}.art-target{fill:var(--role-test-subtle);stroke:var(--brand-violet);stroke-width:2.5;stroke-dasharray:6 5}.art-arm{fill:none;stroke:var(--brand-cyan);stroke-width:26;stroke-linecap:round}.art-hair-shine{fill:none;stroke:var(--brand-violet-2);stroke-width:4;stroke-linecap:round}.art-check-mark{fill:none;stroke:var(--color-text);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion: no-preference){.landing-enter{animation:landing-rise var(--duration-slow) var(--ease-standard) both;animation-delay:calc(var(--enter-i, 0) * 70ms)}.art-piece{transform-box:fill-box;transform-origin:center;animation:landing-place .44s var(--ease-back) .26s both}.art-check{transform-box:fill-box;transform-origin:center;animation:landing-pop var(--duration-slow) var(--ease-back) .64s both}.bg-shape>svg{animation:landing-bg-in .6s var(--ease-standard) var(--bg-d, 0ms) both,landing-bob 1.9s ease-in-out calc(var(--bg-d, 0ms) + .7s) 2 alternate}.bg-ring{--bg-d: .1s}.bg-square{--bg-d: .22s}.bg-tri{--bg-d: .3s}.bg-dot{--bg-d: .35s}.bg-mark{--bg-d: .16s}}@keyframes landing-place{0%{opacity:0;transform:translate(-36px,12px) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes landing-bg-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes landing-bob{0%{translate:0 0}to{translate:0 -8px}}@keyframes landing-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes landing-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.landing-enter,.art-piece,.art-check,.bg-shape>svg{animation:none}.bg-shape{transition:none}}@media (min-width: 700px){.landing{gap:var(--space-5);padding-inline:var(--space-5)}.bg-ring{inset-block-start:20px;inset-inline-end:4%}.bg-square{inset-inline-end:-14px}.bg-tri,.bg-dot{display:block}.bg-tri{inset-block-end:28%;inset-inline-end:10%;--lean-x: 6px;--lean-y: -6px}.bg-dot{inset-block-end:22%;inset-inline-start:32%;--lean-x: -4px;--lean-y: -6px}.landing-art{max-height:34dvh}.landing-lede{font-size:var(--text-lg)}.landing-leen{align-items:center}}@media (min-width: 900px){.landing{gap:var(--space-5);padding:var(--space-5) var(--space-6) calc(env(safe-area-inset-bottom,0px) + var(--bottom-clearance))}.landing-logo{height:44px}.landing-hero{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:var(--space-7)}.landing-copy{grid-column:1;grid-row:1;gap:var(--space-4)}.landing-art{grid-column:2;grid-row:1;max-height:min(52dvh,440px)}.bg-ring{inset-block-start:14%;inset-inline-start:4%;inset-inline-end:auto;--lean-x: -8px;--lean-y: 6px}.bg-square{inset-block-start:58%;inset-inline-start:5%;inset-inline-end:auto;--lean-x: -8px;--lean-y: -6px}.bg-tri{inset-block-start:22%;inset-block-end:auto;inset-inline-end:4%;--lean-x: 8px;--lean-y: 6px}.bg-dot{inset-block-start:11%;inset-block-end:auto;inset-inline-start:auto;inset-inline-end:40%}}@media (min-width: 1280px){.bg-mark{display:block;inset-block-end:12%;inset-inline-end:3%;--lean-x: 8px;--lean-y: -6px}}@media (max-height: 700px) and (max-width: 899.98px){.landing-art{max-height:28dvh}}@media (max-height: 600px) and (max-width: 899.98px){.landing-art{max-height:24dvh}}@media (min-width: 900px) and (max-height: 760px){.landing-art{max-height:44dvh}}.app-header{display:flex;align-items:center;gap:var(--space-2);min-height:calc(var(--hit-target-min) + var(--space-5));padding-block:var(--space-3)}.app-header-compact{min-height:calc(var(--hit-target-min) + var(--space-3));padding-block:var(--space-2)}.app-header-back{text-decoration:none}.app-header-mark{height:28px;width:auto}.app-header-compact .app-header-mark{height:26px}.app-header-home{margin-inline-start:auto}@media (min-width: 900px){.app-header-mark{height:32px}.app-header-compact .app-header-mark{height:28px}}.ambient-bg{--amb-1: var(--color-accent);--amb-2: var(--brand-coral);--amb-3: var(--brand-orange);--amb-4: var(--brand-yellow);--amb-dot: var(--color-accent);--ambient-grid: color-mix(in srgb, var(--brand-violet) 14%, transparent);position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-tone-level{--amb-2: var(--role-test);--amb-3: var(--color-accent);--amb-4: var(--role-challenge)}.ambient-tone-results{--amb-1: var(--brand-green);--amb-2: var(--role-test);--amb-3: var(--brand-green);--amb-dot: var(--brand-green)}.ambient-tone-challenge{--amb-1: var(--role-challenge);--amb-dot: var(--brand-orange)}.ambient-tone-games{--amb-1: var(--role-games);--amb-2: var(--role-test);--amb-dot: var(--role-games)}.ambient-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--amb-dot) 60%,transparent) 1.9px,transparent 2.4px),radial-gradient(circle,var(--ambient-grid) 1.2px,transparent 1.7px);background-size:72px 72px,24px 24px;background-position:12px 12px,0 0;-webkit-mask-image:radial-gradient(ellipse 95% 45% at 50% 0%,#000 20%,transparent 85%);mask-image:radial-gradient(ellipse 95% 45% at 50% 0%,#000 20%,transparent 85%)}.ambient-bg-calm{--ambient-grid: color-mix(in srgb, var(--brand-violet) 8%, transparent)}.ambient-bg-calm:before{background-image:radial-gradient(circle,var(--ambient-grid) 1.2px,transparent 1.7px);background-size:24px 24px;background-position:0 0}.ambient-shape{position:absolute;display:block}.ambient-shape>svg{display:block}.ambient-stroke{fill:none;stroke-width:3;stroke-linejoin:round}.ambient-fill{stroke:none}.ambient-stroke.ambient-c1{stroke:color-mix(in srgb,var(--amb-1) 60%,var(--color-bg))}.ambient-stroke.ambient-c3{stroke:color-mix(in srgb,var(--amb-3) 55%,var(--color-bg))}.ambient-fill.ambient-c2{fill:color-mix(in srgb,var(--amb-2) 28%,var(--color-bg))}.ambient-fill.ambient-c4{fill:color-mix(in srgb,var(--amb-4) 70%,var(--color-bg))}.ambient-ring{inset-block-start:38%;inset-inline-end:-22px}.ambient-square{inset-block-end:22%;inset-inline-start:-18px}.ambient-square>svg{rotate:14deg}.ambient-dot{inset-block-start:24%;inset-inline-start:4px}.ambient-tri,.ambient-mark{display:none}.ambient-mark{opacity:.12}.ambient-bg-calm .ambient-shape{display:none}@media (min-width: 700px){.ambient-tri{display:block;inset-block-end:34%;inset-inline-end:-14px}}@media (min-width: 1280px){.ambient-ring{inset-block-start:22%;inset-inline-end:auto;inset-inline-start:3%}.ambient-square{inset-block-start:62%;inset-block-end:auto;inset-inline-start:5%}.ambient-tri{inset-block-start:30%;inset-block-end:auto;inset-inline-end:4%}.ambient-dot{inset-block-start:16%;inset-inline-start:auto;inset-inline-end:7%}.ambient-mark{display:block;inset-block-end:10%;inset-inline-end:3%}.ambient-bg-calm .ambient-shape{display:block;opacity:.55}.ambient-bg-calm .ambient-mark{opacity:.08}}@media (prefers-reduced-motion: no-preference){.ambient-shape>svg{animation:ambient-in .6s var(--ease-standard) var(--amb-d, 0ms) both,ambient-bob 1.9s ease-in-out calc(var(--amb-d, 0ms) + .7s) 2 alternate}.ambient-ring{--amb-d: .12s}.ambient-square{--amb-d: .24s}.ambient-tri{--amb-d: .32s}.ambient-dot{--amb-d: .36s}.ambient-mark{--amb-d: .18s}}@keyframes ambient-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes ambient-bob{0%{translate:0 0}to{translate:0 -8px}}@media (prefers-reduced-motion: reduce){.ambient-shape>svg{animation:none}}.promo-banner{display:block;width:100%;aspect-ratio:5 / 1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--card-elevation);pointer-events:auto;transition:box-shadow var(--duration-fast) var(--interaction-ease)}@media (hover: hover) and (pointer: fine){.promo-banner:hover{box-shadow:var(--shadow-lg)}}.promo-banner:active{box-shadow:var(--shadow-sm)}.promo-banner:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.promo-banner-img{width:100%;height:100%;object-fit:contain}@media (prefers-reduced-motion: reduce){.promo-banner{transition:none}}.ad-pop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);z-index:var(--z-popup);overscroll-behavior:contain;animation:ad-pop-fade var(--duration-fast) var(--ease-standard)}.ad-pop-card{position:relative;max-width:min(90vw,420px);max-height:85vh;max-height:85dvh;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface);animation:ad-pop-in var(--duration-base) var(--ease-standard)}.ad-pop-media{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;line-height:0}.ad-pop-video{display:block;max-width:min(90vw,420px);max-height:85vh;max-height:85dvh;width:auto;height:auto}.ad-pop-close{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);z-index:1;display:grid;place-items:center;width:var(--hit-target-min);height:var(--hit-target-min);border-radius:50%;border:2px solid color-mix(in srgb,var(--color-text-on-brand) 70%,transparent);background:color-mix(in srgb,var(--color-text) 72%,transparent);color:var(--color-text-on-brand);cursor:pointer;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-back),background-color var(--duration-fast) var(--ease-standard)}@media (hover: hover) and (pointer: fine){.ad-pop-close:hover{background:color-mix(in srgb,var(--color-text) 88%,transparent);transform:scale(1.06)}}.ad-pop-close:focus-visible,.ad-pop-media:focus-visible{outline:3px solid var(--color-text-on-brand);outline-offset:-5px}@keyframes ad-pop-fade{0%{opacity:0}}@keyframes ad-pop-in{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion: reduce){.ad-pop-overlay,.ad-pop-card{animation:none}}.hub{display:flex;flex-direction:column;min-height:100dvh;padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--promo-banner-clearance))}.hub>.app-header{flex:0 0 auto}.hub-title{flex:0 0 auto;align-self:center;max-width:100%;margin:0;margin-block-start:auto;padding-block:var(--space-4) var(--space-7);text-align:center;font-size:var(--text-2xl);color:var(--color-primary)}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);width:100%;margin-block-end:auto}@media (min-width: 720px){.hub-title{padding-block-end:var(--space-8)}}@media (min-width: 720px){.hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);max-width:880px;margin-inline:auto}}.hub-tile{--offset-color: var(--color-accent);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:148px;padding:var(--space-5) var(--space-3);border:2px solid var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface);text-decoration:none;color:inherit;cursor:pointer;text-align:center}.hub-tile-games{--offset-color: var(--color-primary);background:var(--role-games);border-color:var(--color-primary);color:var(--color-on-accent)}.hub-tile-games .hub-tile-title{color:var(--color-on-accent);font-size:var(--text-lg)}.hub-tile-games .hub-tile-meta{color:color-mix(in srgb,var(--color-on-accent) 80%,var(--role-games))}@media (max-width: 719.98px){.hub-tile-games{justify-content:center}}@media (min-width: 720px){.hub-tile{min-height:196px;gap:var(--space-4);padding:var(--space-6) var(--space-4)}}.hub-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-variant-numeric:lining-nums tabular-nums;font-weight:800;font-size:var(--text-xl);line-height:1;pointer-events:none}@media (min-width: 720px){.hub-badge{width:72px;height:72px;font-size:var(--text-2xl)}}.hub-badge{transition:transform var(--duration-base) var(--ease-back)}.hub-tile:focus-visible .hub-badge{transform:rotate(-6deg) scale(1.08)}@media (hover: hover) and (pointer: fine){.hub-tile:hover .hub-badge{transform:rotate(-6deg) scale(1.08)}}.hub-badge-games{background:none;color:var(--color-on-accent)}.hub-games-icon{display:block;width:48px;height:48px;background-color:currentColor;-webkit-mask:url(/assets/icons/games-brain.png) center / contain no-repeat;mask:url(/assets/icons/games-brain.png) center / contain no-repeat}@media (min-width: 720px){.hub-games-icon{width:64px;height:64px}}.hub-tile-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);pointer-events:none}.hub-tile-title{font-weight:700;font-size:var(--text-md);line-height:1.35;color:var(--color-text);pointer-events:none}.hub-tile-meta{max-width:24ch;font-size:var(--text-xs);font-weight:500;line-height:1.45;color:var(--color-text-dim);text-wrap:balance}@media (max-height: 700px){.hub-title{padding-block:var(--space-3) var(--space-5)}.hub-tile{min-height:116px;gap:var(--space-2);padding-block:var(--space-4)}}@media (max-width: 359.98px){.hub-tile{padding-inline:var(--space-2);gap:var(--space-2)}.hub-tile-title{font-size:var(--text-sm)}.hub-tile-meta{font-size:var(--text-min)}.hub-badge{width:44px;height:44px;font-size:var(--text-lg)}.hub-tile-games .hub-tile-title{font-size:var(--text-md)}.hub-games-icon{width:36px;height:36px}}@media (min-width: 1100px){.hub-grid{max-width:1080px}.hub-tile{padding-inline:var(--space-2)}.hub-tile-meta{max-width:none;font-size:var(--text-min)}}.level-landing{display:flex;flex-direction:column;min-height:100dvh;padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--bottom-clearance))}.level-head{padding-block:var(--space-2) var(--space-5);text-align:center}.level-head h1{width:fit-content;max-width:100%;margin-inline:auto;margin-block-end:var(--space-2);color:var(--color-primary)}.level-head h1:after{content:"";display:block;width:40px;height:5px;margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background:var(--color-accent)}.level-intro{max-width:62ch;margin-inline:auto;color:var(--color-text-dim);text-wrap:balance}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);width:100%;max-width:880px;margin-inline:auto;padding-block-end:var(--layer-offset)}.level-tile{--tile-color: var(--role-test);--offset-color: var(--tile-color);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-height:136px;padding:var(--space-4)}.card.level-tile{display:flex;border:2px solid var(--color-border-strong)}.level-tile.is-test-1{--tile-color: var(--brand-green)}.level-tile.is-test-2{--tile-color: var(--brand-coral)}.level-tile.is-challenge{--tile-color: var(--role-challenge);grid-column:1 / -1;flex-direction:row;align-items:center;gap:var(--space-3);min-height:0}.level-tile-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--radius-md);background:var(--tile-color);color:var(--color-on-accent)}.level-tile-icon{transition:transform var(--duration-base) var(--ease-back)}.level-tile:focus-visible:not([aria-disabled=true]) .level-tile-icon{transform:rotate(-8deg) scale(1.08)}@media (hover: hover) and (pointer: fine){.level-tile:hover:not([aria-disabled=true]) .level-tile-icon{transform:rotate(-8deg) scale(1.08)}}.level-tile-text{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:var(--space-1);min-width:0}.level-tile-title{font-size:var(--text-lg);color:var(--color-text)}.level-tile-meta{font-size:var(--text-sm);line-height:1.45;color:var(--color-text-dim)}.level-tile-badge{margin-block-start:auto}.is-challenge .level-tile-badge{margin-block-start:var(--space-1)}@media (min-width: 900px){.level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.level-tile{min-height:168px;padding:var(--space-5)}.level-tile.is-challenge{grid-column:auto;flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.level-space{display:none}@media (min-width: 700px){.level-space{display:block;flex:1 1 0%;min-height:0}.level-space-after{flex-grow:1.4}}@media (max-width: 359.98px){.level-intro{font-size:var(--text-sm)}}@media (max-height: 600px){.level-head{padding-block:var(--space-1) var(--space-4)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);z-index:var(--z-popup);overscroll-behavior:contain;animation:modal-fade var(--duration-fast) var(--ease-standard)}.modal-card{width:100%;max-width:400px;max-height:calc(100vh - var(--space-6));max-height:calc(100dvh - var(--space-6));overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;animation:modal-in var(--duration-base) var(--ease-standard)}.modal-title{margin-bottom:var(--space-2);font-size:var(--text-lg);color:var(--color-text)}.modal-body{margin-bottom:var(--space-5);color:var(--color-text-dim)}.modal-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;padding-block-end:var(--layer-offset)}.modal-actions .btn{flex:1 1 140px}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-card{animation:none}}.lead-form{min-height:min(62vh,520px);display:flex;flex-direction:column;justify-content:center;padding-block:var(--space-6) var(--space-7);padding-inline:var(--space-1)}.mwb-lead-screen{display:flex;flex-direction:column;min-height:100dvh}.mwb-lead-screen .lead-form{flex:1 1 auto}.lead-layout{width:min(100%,34rem);margin-inline:auto;display:grid;gap:var(--space-6);text-align:start}.lead-head{display:grid;gap:var(--space-2)}.lead-title{margin:0;color:var(--color-primary);font-size:var(--text-2xl);font-weight:800;line-height:1.25}.lead-intro{margin:0;max-width:34ch;color:var(--color-text-dim);font-size:var(--text-md);line-height:1.5}.lead-fields{display:grid;gap:var(--space-5);align-content:start}.lead-field{display:grid;gap:var(--space-2);min-width:0}.lead-field-label{color:var(--color-text);font-size:var(--text-sm);font-weight:700}.lead-field-optional{color:var(--color-text-mute);font-size:var(--text-xs);font-weight:500}.lead-input{min-height:52px;padding-inline:var(--space-4);border:2px solid var(--color-border-field);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.lead-input::placeholder{color:var(--color-text-mute)}@media (hover: hover) and (pointer: fine){.lead-input:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--color-primary) 75%,white)}}.lead-input:focus-visible,.lead-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-halo)}.lead-input:disabled{opacity:.55}[dir=rtl] .lead-input-phone{text-align:right}.lead-field-error,.lead-alert{margin:0;color:var(--color-danger-strong);font-size:var(--text-sm);line-height:1.4}.lead-field:has(.lead-field-error) .lead-input{border-color:var(--color-danger)}.lead-actions{display:flex;padding-block-end:var(--layer-offset)}.lead-submit{width:100%}@media (max-width: 699.98px){.lead-actions{justify-content:center}.lead-submit{min-inline-size:0;max-inline-size:calc(100vw - 2 * (var(--space-4) + 56px + var(--space-2)))}.lead-form{padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--bottom-clearance))}}@media (min-width: 40rem){.lead-fields{grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-5)}.lead-alert,.lead-actions{grid-column:1 / -1}.lead-submit{width:auto;min-width:11rem}}@media (min-width: 60rem){.lead-layout{width:min(100%,56rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:var(--space-8)}.lead-fields{grid-template-columns:1fr}}.lead-layout-message{gap:var(--space-4)}@media (min-width: 60rem){.lead-layout-message{grid-template-columns:1fr;width:min(100%,34rem)}}@media (prefers-reduced-motion: reduce){.lead-input{transition:none}}.rich-fraction{display:inline-flex;flex-direction:column;align-items:center;vertical-align:-.35em;line-height:1.15;margin-inline:.15em;font-size:.85em;direction:ltr;unicode-bidi:isolate}.rich-fraction-num{padding-inline:.15em;border-bottom:1.5px solid currentColor}.rich-fraction-den{padding-inline:.15em}.content-block-text{margin:0 0 calc(var(--space-3) * var(--spacing-scale));color:var(--color-text);font-size:var(--text-lg);font-weight:700;line-height:1.55}.content-block-passage{margin:0 0 calc(var(--space-4) * var(--spacing-scale));padding-bottom:calc(var(--space-4) * var(--spacing-scale));border-bottom:1px solid var(--color-border)}.content-block-passage-title{margin:0 0 calc(var(--space-2) * var(--spacing-scale));font-size:var(--text-md);font-weight:700;color:var(--color-primary)}.content-block-passage-body{margin:0;max-width:65ch;color:var(--color-text-dim);font-size:var(--text-md);font-weight:400;line-height:1.75}.content-block-tex{display:block;margin:0 0 calc(var(--space-3) * var(--spacing-scale));font-family:ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;unicode-bidi:isolate}.content-block-image-wrap{display:flex;align-items:center;justify-content:center;padding:var(--space-1);margin:0 0 calc(var(--space-3) * var(--spacing-scale))}.content-block-image{max-width:100%;max-height:var(--media-cap-prompt);width:auto;height:auto;object-fit:contain}.content-block-mixed{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--space-3) * var(--spacing-scale))}.content-block-mixed .content-block-text{flex:1 1 180px;margin:0}.content-block-mixed .content-block-image-wrap{flex:0 1 auto;margin:0}@media (max-width: 420px){.content-block-text{font-size:var(--text-md)}.content-block-passage-body{font-size:var(--text-sm);line-height:1.65}}.option{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--hit-target-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);border:2px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);text-align:start;font:inherit;cursor:pointer;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-back)}button.option:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (hover: hover) and (pointer: fine){button.option:hover{border-color:var(--color-primary)}}button.option:active .option-tag{transform:scale(.98)}@keyframes option-settle{0%{transform:scale(.97)}55%{transform:scale(1.015)}to{transform:scale(1)}}.option-selected{border-color:var(--color-primary);background:var(--color-primary-subtle);box-shadow:inset 0 0 0 1px var(--color-primary),0 3px 0 var(--color-primary)}.option-selected .option-tag{animation:option-settle var(--duration-base) var(--interaction-ease)}.option-readonly{cursor:default}.option-readonly.option-correct{border-color:var(--color-success);background:var(--color-success-surface)}.option-readonly.option-incorrect{border-color:var(--color-danger);background:var(--color-danger-surface)}.option-tag{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--tag-size);height:var(--tag-size);border-radius:var(--radius-sm);background:var(--color-primary-subtle);color:var(--color-primary);font-weight:700;font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.option-selected .option-tag{background:var(--color-primary);color:var(--color-text-on-brand)}.option-correct .option-tag{background:var(--color-success);color:var(--color-text-on-brand)}.option-incorrect .option-tag{background:var(--color-danger);color:var(--color-text-on-brand)}.option-text{flex:1 1 auto;min-width:0;overflow-wrap:break-word}.option-image-wrap{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:3px}.option-image{max-width:100%;width:auto;height:auto;object-fit:contain}.option-type-text .option-image,.option-type-mixed .option-image{max-height:var(--media-cap-option)}.option-type-image .option-image-wrap-solo{flex:1 1 auto;justify-content:center;padding-block:var(--space-1)}.option-type-image .option-image{max-height:var(--media-cap-option-solo)}.option-mixed{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1 1 auto}.option-state-badge{flex:0 0 auto}@media (max-width: 699.98px){.option-readonly.option-type-image{flex-wrap:wrap;row-gap:var(--space-1)}.option-readonly.option-type-image .option-state-badge{order:1;margin-inline-start:auto}.option-readonly.option-type-image .option-image-wrap-solo{order:2;flex:1 0 100%}}.question-card{margin-inline:auto}@media (min-width: 860px){.question-card-text{max-width:880px}.question-card-visual{max-width:960px}.question-card-passage{max-width:980px}}.question-body{display:flex;flex-direction:column;gap:calc(var(--space-4) * var(--spacing-scale))}.question-passage-pane{border-radius:var(--radius-md);background:var(--color-bg);padding:calc(var(--space-4) * var(--spacing-scale))}.question-passage-pane .content-block-passage{margin:0;padding-bottom:0;border-bottom:none}.question-main{min-width:0}.question-prompt{margin-bottom:calc(var(--space-4) * var(--spacing-scale))}.question-options-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:calc(var(--space-3) * var(--spacing-scale))}.question-options-grid[data-option-kind=image]{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}@media (max-width: 699.98px){.question-options-grid[data-option-kind=image]{grid-template-columns:repeat(2,minmax(0,1fr))}}.question-options-grid>*{min-width:0}@media (min-width: 700px){.question-options-grid{grid-template-columns:repeat(var(--option-count),minmax(0,1fr))}}@media (min-width: 860px){.question-card-passage .question-options-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}}@media (min-width: 860px){.question-card-passage .question-body{display:grid;grid-template-columns:minmax(240px,.95fr) 1.15fr;align-items:start;gap:var(--space-6)}.question-card-passage .question-passage-pane{position:sticky;inset-block-start:var(--space-4);max-height:calc(100vh - var(--space-8) * 2);overflow-y:auto}}.progress-indicator{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:calc(var(--space-4) * var(--spacing-scale))}.progress-label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-dim);font-variant-numeric:tabular-nums}.progress-track{height:var(--progress-track-height);border-radius:var(--radius-pill);background:var(--color-primary-subtle);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width var(--duration-base) var(--ease-standard)}@media (min-width: 768px) and (max-height: 700px){.mwb-quiz-screen .progress-indicator{margin-bottom:calc(var(--space-3) * var(--spacing-scale))}}@media (min-width: 768px) and (max-height: 560px){.mwb-quiz-screen .progress-indicator{margin-bottom:var(--space-2)}}.course-cta{padding-block:var(--space-2) 2px;border-block-start:1px solid var(--color-border);color:var(--color-text-mute);font-size:var(--text-xs);text-align:center;white-space:nowrap}@media (max-width: 359.98px){.course-cta{font-size:clamp(11px,3.4vw,12px)}}.course-cta a{display:inline-block;padding:10px 6px 4px;margin:-10px -6px -4px;color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}.quiz-practice-banner{margin:0 0 calc(var(--space-3) * var(--spacing-scale));padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--color-accent-subtle);color:var(--color-text-dim);font-size:var(--text-sm);font-weight:700;text-align:center}.quiz-nav{display:flex;justify-content:space-between;gap:var(--space-3);width:100%;max-width:640px;margin-inline:auto;margin-block:calc(var(--space-4) * var(--spacing-scale)) 0}.quiz-nav-btn{flex:1 1 0;min-width:0;max-width:220px}@media (max-width: 420px){.quiz-nav-btn{max-width:none}}.quiz-course-cta{flex:0 0 auto;margin:var(--space-2) 0 0}.mwb-quiz-screen{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-block:var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom,0px));gap:var(--space-2)}.mwb-quiz-screen>.app-header{flex:0 0 auto}.mwb-quiz-screen .quiz{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.mwb-quiz-screen .quiz-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 768px) and (min-height: 480px){.mwb-quiz-screen{--media-cap-prompt: clamp(150px, 30vh, 340px);--media-cap-option: clamp(52px, 7vw, 72px);--media-cap-option-solo: clamp(80px, 18vw, 120px)}}@media (min-width: 768px) and (max-height: 820px){.mwb-quiz-screen{--media-cap-prompt: clamp(130px, 26vh, 290px);--media-cap-option: clamp(46px, 6.5vw, 62px);--media-cap-option-solo: clamp(70px, 16vw, 104px)}.mwb-quiz-screen .quiz-scroll .question-prompt{margin-bottom:calc(var(--space-3) * var(--spacing-scale))}}@media (min-width: 768px) and (max-height: 700px){.mwb-quiz-screen{--media-cap-prompt: clamp(110px, 22vh, 250px);--media-cap-option: clamp(42px, 5.5vw, 52px);--media-cap-option-solo: clamp(62px, 13vw, 86px);padding-block:var(--space-1);gap:var(--space-1)}.mwb-quiz-screen .card.question-card{padding:calc(var(--space-4) * var(--spacing-scale))}.mwb-quiz-screen .quiz-nav{margin-block-start:calc(var(--space-3) * var(--spacing-scale))}}@media (min-width: 768px) and (max-height: 560px){.mwb-quiz-screen{--media-cap-prompt: clamp(96px, 18vh, 200px);--media-cap-option: clamp(40px, 5vw, 46px);--media-cap-option-solo: clamp(56px, 11vw, 72px)}.mwb-quiz-screen .card.question-card{padding:calc(var(--space-3) * var(--spacing-scale))}}@media (max-width: 699.98px){.mwb-quiz-screen{--media-cap-prompt: clamp(160px, 24dvh, 240px);--media-cap-option: clamp(48px, 7dvh, 64px);--media-cap-option-solo: clamp(64px, 10dvh, 88px);--tag-size: 24px;height:auto;min-height:100vh;min-height:100dvh;overflow:visible;padding-block:4px max(4px,env(safe-area-inset-bottom,0px));gap:4px}.mwb-quiz-screen>.app-header{padding-block:0;padding-inline-end:52px;gap:8px}body:has(.mwb-quiz-screen) .fixed-bottom-bar{position:absolute;inset-block-start:4px;inset-block-end:auto;padding:0}body:has(.mwb-quiz-screen) .wa-float{position:absolute;inset-block-start:0;inset-block-end:auto;width:44px;height:44px}.mwb-quiz-screen .app-header .icon-btn{min-width:44px;min-height:44px;width:44px;height:44px}.mwb-quiz-screen .app-header-mark{height:24px}.mwb-quiz-screen .quiz-scroll{flex:0 0 auto;overflow:visible}.mwb-quiz-screen .progress-indicator{gap:4px;margin-bottom:8px}.mwb-quiz-screen .card.question-card{padding:12px;overflow:visible}.mwb-quiz-screen .question-body{gap:10px}.mwb-quiz-screen .question-passage-pane{padding:10px}.mwb-quiz-screen .question-prompt{margin-bottom:10px}.mwb-quiz-screen .content-block-text{margin-bottom:8px;font-size:var(--text-md);line-height:1.45}.mwb-quiz-screen .content-block-image-wrap{padding:2px;margin-bottom:8px}.mwb-quiz-screen .question-prompt>:last-child{margin-bottom:0}.mwb-quiz-screen .question-options-grid{gap:8px}.mwb-quiz-screen .option{min-height:44px;padding:6px 10px;gap:8px}.mwb-quiz-screen .quiz{flex:1 1 auto}.mwb-quiz-screen .quiz-scroll{display:flex;flex-direction:column;flex:1 1 auto}.mwb-quiz-screen .quiz-scroll>.card.question-card{flex:1 1 auto;width:100%}.mwb-quiz-screen .quiz-nav{position:sticky;inset-block-end:0;z-index:var(--z-sticky);margin-block-start:var(--space-3);padding-block:var(--space-1) calc(var(--layer-offset) + var(--space-1) + env(safe-area-inset-bottom,0px));background:var(--color-bg);gap:var(--space-3);max-width:none}html:has(.mwb-quiz-screen .quiz-nav){scroll-padding-block-end:calc(var(--control-h) + var(--space-6))}.mwb-quiz-screen .quiz-nav .quiz-nav-btn{flex:1 1 0;max-width:none;padding-inline:var(--space-3)}.mwb-quiz-screen .quiz-course-cta{margin-block-start:2px;padding-block:4px 0;white-space:normal}.mwb-quiz-screen .quiz-practice-banner{margin-bottom:8px;padding:4px 8px}}@media (max-width: 699.98px) and (max-height: 700px){.mwb-quiz-screen{--media-cap-prompt: clamp(140px, 23dvh, 180px);--media-cap-option-solo: clamp(60px, 10dvh, 72px)}.mwb-quiz-screen .card.question-card{padding:10px}.mwb-quiz-screen .question-options-grid{gap:6px}.mwb-quiz-screen .question-prompt{margin-bottom:8px}}.quiz-header-row{display:flex;align-items:center;gap:var(--space-3);width:100%}.quiz-header-row .progress-indicator{flex:1 1 auto;min-width:0}.quiz-header-row>:not(.progress-indicator){flex:0 0 auto}.mwb-quiz-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='208' viewBox='0 0 340 208'%3E%3Cg fill='none' stroke='%23000' stroke-width='1' stroke-linejoin='round'%3E%3Cpath d='M52.0,6.0 L98.0,29.0 L68.0,44.0 L22.0,21.0 Z M98.0,29.0 L98.0,51.0 M68.0,44.0 L68.0,66.0 M22.0,21.0 L22.0,43.0 M98.0,51.0 L68.0,66.0 L22.0,43.0'/%3E%3Cpath d='M186.0,22.0 L216.0,37.0 L186.0,52.0 L156.0,37.0 Z M216.0,37.0 L216.0,53.0 M186.0,52.0 L186.0,68.0 M156.0,37.0 L156.0,53.0 M216.0,53.0 L186.0,68.0 L156.0,53.0'/%3E%3Cpath d='M288.0,4.0 L326.0,23.0 L304.0,34.0 L266.0,15.0 Z M326.0,23.0 L326.0,42.0 M304.0,34.0 L304.0,53.0 M266.0,15.0 L266.0,34.0 M326.0,42.0 L304.0,53.0 L266.0,34.0'/%3E%3Cpath d='M116.0,74.0 L150.0,91.0 L110.0,111.0 L76.0,94.0 Z M150.0,91.0 L150.0,108.0 M110.0,111.0 L110.0,128.0 M76.0,94.0 L76.0,111.0 M150.0,108.0 L110.0,128.0 L76.0,111.0'/%3E%3Cpath d='M244.0,92.0 L288.0,114.0 L262.0,127.0 L218.0,105.0 Z M288.0,114.0 L288.0,135.0 M262.0,127.0 L262.0,148.0 M218.0,105.0 L218.0,126.0 M288.0,135.0 L262.0,148.0 L218.0,126.0'/%3E%3Cpath d='M24.0,126.0 L54.0,141.0 L30.0,153.0 L0.0,138.0 Z M54.0,141.0 L54.0,156.0 M30.0,153.0 L30.0,168.0 M0.0,138.0 L0.0,153.0 M54.0,156.0 L30.0,168.0 L0.0,153.0'/%3E%3Cpath d='M364.0,126.0 L394.0,141.0 L370.0,153.0 L340.0,138.0 Z M394.0,141.0 L394.0,156.0 M370.0,153.0 L370.0,168.0 M340.0,138.0 L340.0,153.0 M394.0,156.0 L370.0,168.0 L340.0,153.0'/%3E%3Cpath d='M168.0,-56.0 L208.0,-36.0 L176.0,-20.0 L136.0,-40.0 Z M208.0,-36.0 L208.0,-16.0 M176.0,-20.0 L176.0,0.0 M136.0,-40.0 L136.0,-20.0 M208.0,-16.0 L176.0,0.0 L136.0,-20.0'/%3E%3Cpath d='M168.0,152.0 L208.0,172.0 L176.0,188.0 L136.0,168.0 Z M208.0,172.0 L208.0,192.0 M176.0,188.0 L176.0,208.0 M136.0,168.0 L136.0,188.0 M208.0,192.0 L176.0,208.0 L136.0,188.0'/%3E%3Cpath d='M-22.0,138.0 L4.0,151.0 L-30.0,168.0 L-56.0,155.0 Z M4.0,151.0 L4.0,167.0 M-30.0,168.0 L-30.0,184.0 M-56.0,155.0 L-56.0,171.0 M4.0,167.0 L-30.0,184.0 L-56.0,171.0'/%3E%3Cpath d='M318.0,138.0 L344.0,151.0 L310.0,168.0 L284.0,155.0 Z M344.0,151.0 L344.0,167.0 M310.0,168.0 L310.0,184.0 M284.0,155.0 L284.0,171.0 M344.0,167.0 L310.0,184.0 L284.0,171.0'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:190px 116px;opacity:.055;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 6%,transparent 15%,transparent 56%,#000 66%,#000 100%);mask-image:linear-gradient(to bottom,#000 0,#000 6%,transparent 15%,transparent 56%,#000 66%,#000 100%)}@media (min-width: 700px){.mwb-quiz-screen:before{background-size:340px 208px;opacity:.065;-webkit-mask-image:radial-gradient(ellipse 62% 42% at 50% 30%,transparent 0,transparent 56%,#000 100%);mask-image:radial-gradient(ellipse 62% 42% at 50% 30%,transparent 0,transparent 56%,#000 100%)}}.mwb-quiz-screen:after{content:"";position:fixed;inset-inline:0;inset-block-end:0;height:9%;z-index:-1;pointer-events:none;background:linear-gradient(to top,var(--color-bg) 0,var(--color-bg) 45%,transparent 100%)}@media (min-width: 700px){.mwb-quiz-screen:after{height:17%}}@media print,(prefers-contrast: more),(forced-colors: active){.mwb-quiz-screen:before,.mwb-quiz-screen:after{display:none}}.mwb-quiz-screen .card.question-card{background:none;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible}.mwb-quiz-screen .question-passage-pane{background:var(--color-surface);border:1.5px solid var(--color-border)}.need-help{border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);border:1.5px solid var(--color-border)}.need-help-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--hit-target-min);padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text);font-family:inherit;font-weight:700;font-size:var(--text-sm);text-align:start;cursor:pointer;touch-action:manipulation}.need-help-chevron{flex:0 0 auto;color:var(--color-text-dim);transition:transform var(--duration-fast) var(--ease-standard)}.need-help.is-open .need-help-chevron{transform:rotate(180deg)}.need-help-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-1) var(--space-4) var(--space-4);animation:page-enter var(--duration-base) var(--ease-standard) both}.need-help-action{width:100%}.need-help-head:focus-visible{outline-offset:-4px}.btn-secondary.need-help-whatsapp{--layer-color: var(--whatsapp);border-color:var(--whatsapp);color:var(--whatsapp-ink)}.need-help-whatsapp svg{color:var(--whatsapp)}@media (hover: hover) and (pointer: fine){.btn-secondary.need-help-whatsapp:hover:not(:disabled){background:color-mix(in srgb,var(--whatsapp) 10%,var(--color-surface))}}@media (prefers-reduced-motion: reduce){.need-help-chevron{transition:none}.need-help-body{animation:none}}.results-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;max-width:480px;margin-inline:auto;padding:max(12px,env(safe-area-inset-top)) var(--space-4) calc(max(14px,env(safe-area-inset-bottom)) + var(--promo-banner-clearance));overflow:hidden}.mwb-results-screen{position:relative;min-height:100vh;min-height:100dvh}.results-topbar{display:flex;align-items:center;gap:var(--space-2);flex:none;padding-block:var(--space-2)}.results-topbar .icon-btn{width:44px;height:44px}.results-topbar-home{margin-inline-start:auto}.results-topbar .icon-btn:active>svg{transform:scale(.94)}.results-logo-wrap{flex:none;display:flex;justify-content:center;margin-block:var(--space-1) var(--space-2)}.results-logo{display:block;width:min(96px,26vw);height:auto}.results-title{flex:none;margin:0;padding-block:4px 12px;text-align:center;font-size:var(--text-2xl);color:var(--color-primary)}.results-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;scrollbar-width:thin}.results-scroll::-webkit-scrollbar{width:5px}.results-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9px}.results-layout{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.results-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;text-align:center}.results-score-glow{display:none}.score-ring{position:relative;width:176px;height:176px}.score-ring-svg{width:100%;height:100%}.score-ring-track{stroke:var(--color-primary-subtle);stroke-width:var(--ring-stroke-width)}.score-ring-fill{stroke:var(--color-primary);stroke-width:var(--ring-stroke-width);transition:stroke-dashoffset var(--duration-slow) var(--ease-standard)}.score-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2px}.score-ring-pct{font-size:var(--text-3xl);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.score-ring-sign{font-size:var(--text-lg);color:var(--color-text-dim)}.results-score-sub{color:var(--color-text-dim);font-variant-numeric:tabular-nums}.results-stats{display:flex;width:100%;gap:var(--space-3);justify-content:center;margin-block:var(--space-5);cursor:default}.results-stat-card{flex:1;min-width:0;max-width:108px;border-radius:var(--radius-md);padding:var(--space-3);text-align:center;background:var(--color-primary-subtle);animation:page-enter var(--duration-slow) var(--ease-standard) both}.results-stat-correct{background:var(--color-success-surface)}.results-stat-incorrect{background:var(--color-danger-surface)}[dir=rtl] .results-stat-card{max-width:130px}.results-stat-card b{display:block;font-size:var(--text-xl);font-weight:800;font-variant-numeric:tabular-nums}.results-stat-card span{font-size:var(--text-xs);font-weight:500;color:var(--color-text-dim)}.results-stat-correct b{color:var(--color-success)}.results-stat-incorrect b{color:var(--color-danger-strong)}.results-stat-unanswered b{color:var(--color-primary)}.results-detail{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:340px}.results-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);margin-block-start:var(--space-4)}.results-actions .results-action{width:100%;justify-content:center;gap:var(--space-2);padding-block:15px}.results-no-mistakes{justify-content:center;padding-block:var(--space-3);font-size:var(--text-sm)}@media (prefers-reduced-motion: reduce){.results-score-glow,.results-stat-card{animation:none}}@media (min-width: 768px){.score-ring{width:200px;height:200px}}@media (min-width: 600px){.results-shell{max-width:560px}}@media (min-width: 900px){.results-shell{max-width:640px;padding-inline:var(--space-8)}}@media (min-width: 1024px){.results-shell{max-width:920px}}@media (min-width: 1440px){.results-shell{max-width:1000px}}@media (min-width: 900px){.results-logo{width:clamp(112px,12vw,140px)}.results-scroll{display:flex;align-items:center}.results-layout{width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-8);align-items:center;margin-block-start:var(--space-4)}.results-hero{padding-inline-end:var(--space-6);border-inline-end:1px solid var(--color-border)}.results-detail{max-width:none;justify-content:center}.score-ring{width:208px;height:208px}.results-stats{margin-block-start:var(--space-6)}}@media (min-width: 900px) and (max-height: 900px){.results-topbar{padding-block:4px}.results-logo-wrap{margin-block:0 6px}.results-title{padding-block:4px 10px}.results-scroll{padding-bottom:14px}.results-layout{gap:var(--space-6);margin-block-start:var(--space-3)}.results-hero{padding-inline-end:var(--space-5)}.score-ring{width:172px;height:172px}.results-stats{margin-block-start:var(--space-4)}.results-actions{gap:var(--space-2);margin-block-start:var(--space-3)}.results-actions .results-action{padding-block:12px}}@media (min-width: 900px) and (max-height: 800px){.results-shell{padding-block:8px}.results-title{padding-block:3px 8px}.results-scroll{padding-bottom:10px}.results-layout{gap:var(--space-4);margin-block-start:var(--space-2)}.results-hero{padding-inline-end:var(--space-4)}.score-ring{width:150px;height:150px}.results-stats{margin-block-start:var(--space-3)}.results-actions{gap:7px;margin-block-start:var(--space-2)}.results-actions .results-action{padding-block:11px}}@media (min-width: 900px) and (max-height: 700px){.results-shell{padding-block:6px}.results-layout{gap:var(--space-3)}.score-ring{width:132px;height:132px}}@media (max-width: 699.98px){.mwb-results-screen{min-height:0}.mwb-results-screen .results-shell{position:relative;inset:auto;width:100%;max-width:none;min-width:0;padding:max(2px,env(safe-area-inset-top,0px)) 0 0;overflow:visible}.mwb-results-screen .results-topbar{padding-block:0}.mwb-results-screen .results-logo-wrap{margin-block:2px}.mwb-results-screen .results-logo{width:68px;max-width:100%}.mwb-results-screen .results-title{padding-block:2px 6px;overflow-wrap:anywhere}.mwb-results-screen .results-scroll{flex:none;min-width:0;width:100%;padding:0;overflow:visible}.mwb-results-screen .results-layout{align-items:stretch;gap:var(--space-3)}.mwb-results-screen .results-hero{min-width:0;gap:4px}.mwb-results-screen .results-score-glow{inset-inline-start:auto;left:50%;right:auto;width:min(200px,90%);height:200px;inset-block-start:0}.mwb-results-screen .score-ring{width:132px;height:132px;max-width:100%}.mwb-results-screen .score-ring-pct{font-size:2.25rem}.mwb-results-screen .results-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block:6px 0;min-width:0}.mwb-results-screen .results-stat-card{width:100%;max-width:none;padding:6px;overflow-wrap:anywhere}.mwb-results-screen .results-detail,.mwb-results-screen .results-actions,.mwb-results-screen .need-help{width:100%;max-width:100%;min-width:0}.mwb-results-screen .need-help{overflow:visible}.mwb-results-screen .need-help-head{min-height:44px;padding:10px 12px;overflow-wrap:anywhere}.mwb-results-screen .need-help-body{padding:0 12px 12px;min-width:0}.mwb-results-screen .results-actions .results-action,.mwb-results-screen .need-help-action{min-width:0;max-width:100%;min-height:var(--control-h);padding:10px 12px;white-space:normal;overflow-wrap:anywhere}.mwb-results-screen .need-help-action svg,.mwb-results-screen .results-action svg{flex:0 0 auto}.mwb-results-screen .results-actions{gap:var(--space-2);margin-block-start:var(--space-2);padding-block-end:var(--layer-offset)}.mwb-results-screen .results-no-mistakes{white-space:normal;overflow-wrap:anywhere}body:has(.mwb-results-screen,.performance-report) .fixed-bottom-bar{position:static;inset:auto;width:100%;max-width:100%;gap:12px;padding:12px max(var(--space-4),env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(var(--space-4),env(safe-area-inset-left,0px))}body:has(.mwb-results-screen,.performance-report) .fixed-bottom-bar-slot{flex:1 1 0;min-width:0;max-width:260px}body:has(.mwb-results-screen,.performance-report) .wa-float{position:relative;inset:auto;flex:0 0 48px;width:48px;height:48px}body:has(.performance-report) .wa-float{margin-inline-start:auto}}.performance-report{padding-block:var(--space-4) calc(env(safe-area-inset-bottom,0px) + var(--bottom-clearance));--seg-correct: var(--brand-green);--seg-incorrect: color-mix(in srgb, var(--brand-coral) 58%, white);--seg-unanswered: color-mix(in srgb, var(--color-text) 20%, white);--seg-track: color-mix(in srgb, var(--brand-violet) 9%, white);--skill-bar-height: 12px}.skill-list{display:flex;flex-direction:column;gap:calc(var(--space-4) * var(--spacing-scale));max-width:660px;margin:0 auto;padding:0;list-style:none}.skill-card{display:grid;grid-template-columns:4.5rem 1fr;grid-template-areas:"score label" "score bar" "score legend";align-items:start;column-gap:var(--space-4);row-gap:var(--space-3);animation:page-enter var(--duration-slow) var(--ease-standard) both}.skill-card-label{grid-area:label;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.skill-card-name{font-size:var(--text-md);line-height:var(--leading-tight)}.skill-card-badge{flex:none;padding:3px var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--text-xs);font-weight:700;line-height:1.45;white-space:nowrap}.skill-card-score{grid-area:score;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.skill-card-pct{font-size:var(--text-xl);font-weight:800;line-height:1;color:var(--color-primary);font-variant-numeric:tabular-nums}.skill-card-fraction{font-size:var(--text-xs);line-height:1.3;color:var(--color-text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.skill-card-bar{grid-area:bar;height:var(--skill-bar-height);border-radius:var(--radius-pill);background:var(--seg-track);overflow:hidden}.skill-card-bar-segments{display:flex;gap:2px;height:100%;transform-origin:0 50%;transition:transform var(--duration-slow) var(--ease-standard)}[dir=rtl] .skill-card-bar-segments{transform-origin:100% 50%}.skill-card-seg{flex-basis:0;flex-shrink:0;min-width:2px}.skill-card-seg-correct{background:var(--seg-correct)}.skill-card-seg-incorrect{background:var(--seg-incorrect)}.skill-card-seg-unanswered{background:var(--seg-unanswered)}.skill-card-stats{grid-area:legend;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0;padding:0;list-style:none;font-size:var(--text-xs);color:var(--color-text-dim);font-variant-numeric:tabular-nums}.skill-card-stat{display:flex;align-items:center;gap:6px}.skill-card-stat:before{content:"";flex:none;width:8px;height:8px;border-radius:50%}.skill-card-stat-correct:before{background:var(--seg-correct)}.skill-card-stat-incorrect:before{background:var(--seg-incorrect)}.skill-card-stat-unanswered:before{background:var(--seg-unanswered)}.skill-card-stat-n{font-weight:700;color:var(--color-text)}@media (forced-colors: active){.skill-card-bar{background:Canvas;border:1px solid CanvasText}.skill-card-seg-correct,.skill-card-stat-correct:before{background:Highlight}.skill-card-seg-incorrect,.skill-card-stat-incorrect:before{background:CanvasText}.skill-card-seg-unanswered,.skill-card-stat-unanswered:before{background:GrayText}.skill-card-badge{border:1px solid CanvasText}}@media (min-width: 700px){.performance-report{--skill-bar-height: 14px}.skill-list{gap:calc(var(--space-5) * var(--spacing-scale))}}@media (max-width: 699.98px){.performance-report{min-width:0;max-width:100%;padding-block:var(--space-2) calc(env(safe-area-inset-bottom,0px) + var(--space-2));overflow-wrap:anywhere}.performance-report .page-title{margin-bottom:var(--space-3)}.performance-report .skill-list{gap:var(--space-3)}.performance-report .skill-card{padding:var(--space-4);row-gap:var(--space-2)}.performance-report .skill-card-label{gap:6px}}.review{padding-block:var(--space-4) calc(env(safe-area-inset-bottom,0px) + var(--bottom-clearance))}.review-jump-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:calc(var(--space-4) * var(--spacing-scale))}.review-jump-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:var(--hit-target-min);min-height:var(--hit-target-min);padding:var(--space-1);border-radius:var(--radius-sm);border:2px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-dim);font-weight:700;font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}@media (hover: hover) and (pointer: fine){.review-jump-chip:hover{border-color:var(--color-primary);transform:translateY(-2px)}}.review-jump-chip{transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-back)}.review-jump-chip:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.review-jump-chip-correct{border-color:var(--brand-green);color:var(--color-success)}.review-jump-chip-incorrect{border-color:var(--color-danger);background:var(--color-danger-surface);color:var(--color-danger-strong)}.review-jump-chip-unanswered{border-color:var(--color-text-mute);color:var(--color-text-dim)}.review-toolbar{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:calc(var(--space-6) * var(--spacing-scale))}.review-filters{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.review-list{display:flex;flex-direction:column;gap:var(--space-5)}.review-list:focus-visible{outline:none}.review-item{animation:page-enter var(--duration-slow) var(--ease-standard) both}.review-item-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.review-item-number{font-weight:700;font-size:var(--text-md)}.review-item-number:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius-sm)}.review-item-skill{font-size:var(--text-xs);color:var(--color-text-dim)}.review-item-status{margin-inline-start:auto}.review-empty{text-align:center;color:var(--color-text-dim)}@media (max-width: 699.98px){.review-jump-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-bottom:calc(var(--space-3) * var(--spacing-scale))}.review-jump-chip{min-width:0;min-height:38px;padding:0;border-width:1.5px;font-size:var(--text-xs)}.review-toolbar{gap:var(--space-2);margin-bottom:calc(var(--space-4) * var(--spacing-scale))}.review-filters{gap:6px}.review-filters .chip{min-height:36px;padding-inline:var(--space-2);font-size:var(--text-xs)}}.coming-soon{max-width:420px;margin-inline:auto;padding-block:var(--space-7);text-align:center}.coming-soon-logo{display:block;height:28px;width:auto;margin-block:var(--space-4)}.coming-soon-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.coming-soon-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--role-challenge);color:var(--color-on-accent)}.coming-soon-body{color:var(--color-text-dim)}.confetti-burst{position:absolute;inset-inline-start:50%;inset-block-start:0;width:0;height:0;pointer-events:none}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;opacity:0;transform:rotate(var(--angle));animation:confetti-piece-burst var(--duration-slow) var(--ease-standard) both;animation-delay:var(--delay)}@keyframes confetti-piece-burst{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateY(-64px) scale(.6)}}@media (prefers-reduced-motion: reduce){.confetti-burst{display:none}}.mwb-challenge-screen{display:flex;flex-direction:column;min-height:100dvh;overflow-y:clip}.mwb-challenge-screen>.app-header{flex:0 0 auto}.chal{--chal-mark-bg: var(--role-challenge);--chal-mark-fg: var(--color-on-accent)}.chal-tone-success{--chal-mark-bg: var(--color-success-surface);--chal-mark-fg: var(--color-success)}.chal-tone-failed{--chal-mark-bg: var(--color-danger-surface);--chal-mark-fg: var(--color-danger-strong)}.chal-tone-locked{--chal-mark-bg: var(--color-primary-subtle);--chal-mark-fg: var(--color-primary)}.chal{display:flex;flex:1 1 auto;min-height:0;width:100%;padding-block:var(--space-4) var(--space-7)}.chal-grid{margin-block:auto;width:100%;display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start}.chal-lead{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0}.chal-mark{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--chal-mark-bg);color:var(--chal-mark-fg)}.chal-mark>svg{width:34px;height:34px}.chal-tone-intro .chal-mark>svg{width:30px;height:30px}.chal-title{margin:0;font-size:var(--text-2xl);color:var(--color-text);max-width:20ch}.chal-lede{margin:0;max-width:40ch;font-size:var(--text-md);line-height:var(--leading-body);color:var(--color-text-dim)}.chal-lead-status{margin:0}.chal-prize{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--role-challenge);color:var(--color-on-accent);font-size:var(--text-xl);font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}.chal-rail{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border:2px solid var(--color-border-strong);border-block-start:6px solid var(--role-challenge);border-radius:var(--radius-card);background:var(--color-surface)}.chal-rail-label{margin:0;font-size:var(--text-lg);color:var(--color-text)}.chal-rail-lede,.chal-rail-note{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-dim)}.chal-rail-action{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3)}.chal-terms{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.chal-term{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--role-challenge-subtle);text-align:center;min-width:0}.chal-term-icon{flex:0 0 auto}.chal-term-fact{font-size:var(--text-sm);font-weight:700;line-height:1.35;color:var(--color-text);font-variant-numeric:tabular-nums}.chal-cta{width:100%}.btn.chal-back{align-self:center;font-size:var(--text-sm)}.chal-attempts{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0;font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-dim)}.chal-lead-status .chal-attempts{justify-content:flex-start}.chal-attempts-pips{display:inline-flex;gap:var(--space-1);flex:0 0 auto}.chal-pip{width:10px;height:10px;border-radius:50%;box-sizing:border-box}.chal-pip.is-available{background:var(--color-primary)}.chal-pip.is-spent{border:2px solid var(--color-border-strong);background:transparent}.chal-coupon{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--role-challenge-subtle)}.chal-coupon-code{display:block;text-align:center;font-family:inherit;font-size:var(--text-2xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:var(--color-text);background:none;user-select:all;-webkit-user-select:all}.chal-coupon-char{position:relative;display:inline-block;box-sizing:border-box;vertical-align:top;inline-size:1.6em;block-size:1.9em;margin-inline:var(--space-1);line-height:calc(1.9em - 4px);text-align:center;border:2px solid color-mix(in srgb,var(--color-text) 14%,transparent);border-radius:var(--radius-sm);background:var(--color-surface)}.chal-coupon-char.is-digit{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-primary)}.chal-coupon-char.is-zero:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:.1em;block-size:.8em;border-radius:1px;background:currentColor;transform:translate(-50%,-50%) rotate(35deg)}.chal-coupon-copy{width:100%}.btn.chal-coupon-copy.is-copied,.btn.chal-coupon-copy.is-copied:hover:not(:disabled){--layer-color: var(--color-success);background:var(--color-success-surface);border-color:var(--color-success);color:var(--color-success)}.chal-coupon-status{font-size:var(--text-xs);text-align:center;color:var(--color-text-dim)}.chal-reward-root{display:flex;flex:1 1 auto;min-height:0;width:100%}.chal-confetti{position:fixed;inset-block-start:22%;inset-inline-start:50%;transform:translate(-50%);pointer-events:none;z-index:3}@media (prefers-reduced-motion: reduce){.chal-confetti{display:none}}@media (prefers-reduced-motion: no-preference){.chal-tone-success .chal-rail{animation:chal-rail-in var(--duration-slow) var(--ease-standard) both}}@keyframes chal-rail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.chal-tone-success .chal-rail{animation:none}}@media (min-width: 900px){.chal{padding-block:var(--space-6) var(--space-8)}.chal-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:var(--space-7);align-items:center;max-width:980px;margin-inline:auto}.chal-lead{gap:var(--space-4)}.chal-rail{padding:var(--space-6);gap:var(--space-5);margin-block-end:0}.chal-mark{width:64px;height:64px}.chal-mark>svg{width:40px;height:40px}.chal-tone-intro .chal-mark>svg{width:34px;height:34px}}@media (min-width: 900px) and (max-height: 760px){.chal{padding-block:var(--space-4) var(--space-5)}.chal-grid{gap:var(--space-6)}.chal-lead{gap:var(--space-3)}.chal-rail{padding:var(--space-5);gap:var(--space-4)}.chal-mark{width:56px;height:56px}}@media (max-width: 599.98px){.chal{padding-block:var(--space-3) var(--space-6)}.chal-grid{gap:var(--space-4)}.chal-title,.chal-lede{max-width:none}.chal-rail{padding:var(--space-4)}.chal-coupon-code{font-size:var(--text-xl)}}@media (max-width: 359.98px){.chal-term-icon{display:none}}.challenge-timer{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.challenge-timer-pill{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding-inline:var(--space-2);border:2px solid transparent;border-radius:var(--radius-sm);background:var(--role-challenge-subtle);color:var(--color-text)}.challenge-timer-icon{flex:0 0 auto}.challenge-timer-value{font-size:var(--text-md);font-weight:800;font-variant-numeric:tabular-nums;min-width:5ch;text-align:center}.challenge-timer-track{display:block;width:100%;min-width:74px;height:4px;border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.challenge-timer-fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width var(--duration-base) linear}.challenge-timer-low .challenge-timer-pill{background:var(--color-danger-surface);border-color:var(--color-danger);color:var(--color-danger-strong)}.challenge-timer-low .challenge-timer-fill{background:var(--color-danger)}@media (prefers-reduced-motion: no-preference){.challenge-timer-low .challenge-timer-pill{animation:challenge-pulse calc(var(--duration-slow) * 3) var(--ease-standard) 3}}@media (prefers-reduced-motion: reduce){.challenge-timer-low .challenge-timer-pill{animation:none}}@keyframes challenge-pulse{0%,to{opacity:1}50%{opacity:.6}}.challenge-warning{position:fixed;z-index:40;inset-block-start:calc(var(--space-4) + env(safe-area-inset-top,0px));inset-inline:var(--space-4);margin-inline:auto;width:fit-content;max-width:32rem;display:flex;align-items:center;gap:var(--space-2);padding-block:var(--space-1);padding-inline:var(--space-4) var(--space-1);border:2px solid var(--color-danger-strong);border-radius:var(--radius-md);background:var(--color-danger-strong);color:var(--color-text-on-brand);font-size:var(--text-sm);font-weight:700;line-height:1.4}@media (prefers-reduced-motion: no-preference){.challenge-warning{animation:challenge-toast-in var(--duration-slow) var(--ease-back) both}}@media (prefers-reduced-motion: reduce){.challenge-warning{animation:none}}@keyframes challenge-toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.challenge-warning-icon{flex:0 0 auto}.challenge-warning-text{min-width:0}.challenge-warning-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--hit-target-min);height:var(--hit-target-min);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard)}@media (hover: hover) and (pointer: fine){.challenge-warning-close:hover{background:color-mix(in srgb,var(--color-text-on-brand) 18%,transparent)}}.challenge-warning-close:active{background:color-mix(in srgb,var(--color-text-on-brand) 26%,transparent)}.challenge-warning-close:focus-visible{outline-color:var(--color-text-on-brand);outline-offset:-3px}@media (max-width: 599.98px){.challenge-timer-track{display:none}.challenge-timer{gap:0}.challenge-warning{font-size:var(--text-xs);padding-inline-start:var(--space-3)}}.games-shelf-surface{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family)}.games-shelf-inner{position:relative;z-index:1;width:min(1120px,100%);margin-inline:auto;padding-inline:max(var(--space-4),env(safe-area-inset-left,0px));padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--bottom-clearance));box-sizing:border-box}.games-home-head{padding-block:var(--space-2) var(--space-5);text-align:center}.games-home-head h1{width:fit-content;max-width:100%;margin:0 auto;color:var(--color-primary);font-size:var(--text-2xl);font-weight:800;line-height:var(--leading-tight);text-wrap:balance}.games-home-subtitle{max-width:46ch;margin:var(--space-2) auto 0;color:var(--color-text-dim);font-size:var(--text-md);text-wrap:pretty}.games-home-grid{--enter-step: 40ms;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media (min-width: 700px){.games-shelf-inner{padding-inline:max(var(--space-5),env(safe-area-inset-left,0px))}.games-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}@media (min-width: 1024px){.games-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.games-home-card{--offset-color: var(--role-games);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:2px solid var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface);color:inherit;text-decoration:none;cursor:pointer}@media (min-width: 700px){.games-home-card{gap:var(--space-3);padding:var(--space-3)}}.games-home-card-visual{position:relative;display:block;aspect-ratio:320 / 186;overflow:hidden}.games-home-card-icon{width:100%;height:100%;display:block;transition:transform var(--duration-base) var(--ease-back)}.games-home-card:focus-visible .games-home-card-icon{transform:scale(1.06) rotate(-1.5deg)}@media (hover: hover) and (pointer: fine){.games-home-card:hover .games-home-card-icon{transform:scale(1.06) rotate(-1.5deg)}}.games-home-card-title{flex:1 1 auto;display:flex;align-items:center;justify-content:center;margin:0;padding-block-end:var(--space-1);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);font-weight:700;line-height:1.3;text-align:center;text-wrap:balance}@media (min-width: 480px){.games-home-card-title{font-size:var(--text-md)}}.game-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);row-gap:var(--space-1);padding-block:var(--space-3)}@media (min-width: 480px){.game-header{gap:var(--space-2)}}.game-header-mark{flex:0 0 auto;height:28px;width:auto}.game-header-titles{flex:1 1 0;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.game-header-title{width:100%;font-weight:700;font-size:var(--text-sm);line-height:1.25;color:var(--color-primary);overflow-wrap:break-word}.game-header-actions{flex:0 0 auto;margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-1)}@media (min-width: 480px){.game-header-title{font-size:var(--text-md)}.game-header-actions{gap:var(--space-2)}}@media (min-width: 900px){.game-header-mark{height:32px}}@media (max-height: 480px){.game-header{padding-block:var(--space-1)}}.game-progress{display:flex;flex-direction:column;gap:var(--space-2);margin-block-end:calc(var(--space-4) * var(--spacing-scale))}.game-progress-label{font-size:var(--text-sm);color:var(--color-text-mute);text-align:center}.game-progress-track{height:var(--progress-track-height);border-radius:999px;background:var(--color-border);overflow:hidden}.game-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--duration-base) var(--interaction-ease)}@media (max-height: 480px){.game-progress{gap:var(--space-1);margin-block-end:var(--space-2)}}.game-result{position:relative;display:flex;justify-content:center;padding-block:var(--space-6)}.game-result-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:420px;width:100%;text-align:center}.game-result-title{color:var(--color-primary)}.game-result-score{font-size:var(--text-md);padding:4px 14px}.game-result-body{color:var(--color-text-dim)}.game-result-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-block-start:var(--space-2)}.game-result-actions .btn{width:100%}@media (min-width: 480px){.game-result-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.game-result-actions .btn{width:auto;flex:1 1 auto;min-width:140px}}.sg-scope{--sg-ink: var(--color-text);--sg-ink-strong: var(--color-text);--sg-muted: var(--color-text-dim);--sg-paper: var(--color-bg);--sg-panel: var(--color-surface);--sg-panel-shade: color-mix(in srgb, var(--brand-violet) 6%, var(--color-surface));--sg-line: color-mix(in srgb, var(--brand-violet) 22%, transparent);--sg-correct: var(--color-success);--sg-wrong: var(--color-danger-strong);--sg-on-state: var(--color-text-on-brand);--sg-coral: #f06f5f;--sg-gold: #f3bd4e;--sg-teal: #35a999;--sg-violet: #7767d7;--sg-neutral: color-mix(in srgb, var(--color-text) 38%, var(--color-surface));--sg-neutral-strong: var(--color-text);--sg-focus: var(--color-primary);--sg-shadow-dialog: 0 12px 40px color-mix(in srgb, var(--brand-violet) 18%, transparent);--sg-scrim: var(--color-backdrop)}.sg-scope,.sg-scope *{box-sizing:border-box}.sg-shell{background:var(--sg-paper);color:var(--sg-ink);font-family:var(--font-family)}.sg-scope h1,.sg-heading-xl{text-wrap:balance}.sg-kicker{margin:0 0 9px;color:var(--sg-muted);font-size:var(--text-xs);font-weight:800}.sg-heading-xl{margin:0;color:var(--sg-ink);font-size:clamp(2.1rem,6.5vw,4.2rem);font-weight:800;letter-spacing:-.055em;line-height:.98}.sg-result-score{margin:34px 0;display:flex;align-items:baseline;justify-content:center;gap:9px}.sg-result-score strong{color:var(--sg-ink);font-size:clamp(3.5rem,11vw,6.5rem);font-weight:800;letter-spacing:-.07em;line-height:.8}.sg-result-score span{color:var(--sg-muted);font-size:1.05rem;font-weight:700}.sg-review-unanswered{border-color:var(--sg-line);background:color-mix(in srgb,var(--sg-neutral) 26%,transparent);opacity:.72}.sg-review-mark-neutral.sg-review-mark-neutral>span,.sg-review-mark-neutral.sg-review-mark-neutral>b{background:var(--sg-neutral);border-color:var(--sg-line);color:var(--sg-ink)}@media (max-width: 699.98px){.sg-scope section[class*=-tutorial]>h1,.sg-scope section[class*=-intro]>h1{font-size:var(--text-2xl);font-weight:800;line-height:1.3}.sg-scope section[class*=-tutorial]>p[class*=-kicker]{margin-block-end:var(--space-1)}}.sg-scope section[class*=-tutorial]>div[class*=modeActions],.sg-scope section[class*=-intro]>.game-start-btn{position:sticky;inset-block-end:calc(env(safe-area-inset-bottom,0px) + var(--space-3));z-index:2}.game-shell-surface{min-height:100vh;min-height:100dvh;background:var(--sg-paper);color:var(--sg-ink);font-family:var(--font-family);padding-inline:28px;padding-block:0 calc(env(safe-area-inset-bottom,0px) + var(--bottom-clearance));box-sizing:border-box}@media (max-width: 699.98px){.game-shell-surface{padding-inline:var(--space-4)}}@media (max-width: 699.98px){.sg-scope .btn.game-start-btn{min-inline-size:0;max-inline-size:calc(100vw - 2 * (var(--space-4) + 56px + var(--space-2)))}}.game-shell-inner{width:min(1040px,100%);margin-inline:auto}@media (max-width: 620px){.game-shell-surface{padding-inline:16px}}.game-shell-stage{display:flex;flex-direction:column;min-height:0}.game-course-cta{margin:var(--space-3) 0 0}.mwb-immersive .game-shell-surface{padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--space-4))}:root[lang=ar] .game-shell-surface *,:root[lang=ar] .games-shelf-surface *{letter-spacing:normal}.game-shell-lead{display:flex;flex-direction:column;justify-content:center;min-height:min(76vh,680px);min-height:min(76dvh,680px)}:root{--brand-violet: #301C7A;--brand-violet-2: color-mix(in srgb, var(--brand-violet) 80%, white 20%);--brand-cyan: #00C3E0;--brand-cyan-2: color-mix(in srgb, var(--brand-cyan) 70%, white 30%);--brand-coral: #FC5E6C;--brand-orange: #ff8b13;--brand-yellow: #FFE066;--brand-green: #87D68D;--brand-good: var(--brand-green);--brand-bad: var(--brand-coral);--color-bg: #f6f8fc;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: color-mix(in srgb, var(--brand-violet) 12%, transparent);--color-border-strong: color-mix(in srgb, var(--brand-violet) 26%, white);--color-border-field: color-mix(in srgb, var(--brand-violet) 55%, white);--color-text: #1a1438;--color-text-dim: #4f4a72;--color-text-mute: #726e96;--color-text-on-brand: #ffffff;--color-on-accent: var(--color-text);--color-primary: var(--brand-violet);--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, white 15%);--color-primary-subtle: color-mix(in srgb, var(--color-primary) 10%, white);--color-accent: var(--brand-cyan);--color-accent-subtle: color-mix(in srgb, var(--color-accent) 12%, white);--color-success: color-mix(in srgb, var(--brand-green) 50%, var(--color-text) 50%);--color-success-surface: color-mix(in srgb, var(--brand-green) 16%, white);--color-danger: color-mix(in srgb, var(--brand-coral) 75%, black 25%);--color-danger-strong: color-mix(in srgb, var(--brand-coral) 60%, black 40%);--color-danger-surface: color-mix(in srgb, var(--brand-coral) 10%, white);--color-warning: var(--brand-orange);--role-test: var(--brand-cyan);--role-test-strong: color-mix(in srgb, var(--brand-cyan) 55%, var(--color-text) 45%);--role-test-subtle: color-mix(in srgb, var(--brand-cyan) 12%, white);--role-challenge: var(--brand-yellow);--role-challenge-subtle: color-mix(in srgb, var(--brand-yellow) 24%, white);--role-games: var(--brand-orange);--role-games-strong: color-mix(in srgb, var(--brand-orange) 60%, var(--color-text) 40%);--role-games-subtle: color-mix(in srgb, var(--brand-orange) 12%, white);--focus-ring: var(--brand-violet);--focus-halo: color-mix(in srgb, var(--brand-cyan) 45%, transparent);--color-backdrop: color-mix(in srgb, var(--color-text) 55%, transparent);--whatsapp: #128c7e;--whatsapp-ink: color-mix(in srgb, var(--whatsapp) 72%, black);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-family: "Tajawal", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-ar: "Tajawal", "Segoe UI", system-ui, -apple-system, sans-serif;--text-min: .75rem;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: clamp(1.0625rem, .98rem + .4vw, 1.25rem);--text-xl: clamp(1.25rem, 1.08rem + .75vw, 1.625rem);--text-2xl: clamp(1.625rem, 1.37rem + 1.1vw, 2.125rem);--text-display: clamp(2rem, 1.6rem + 1.75vw, 3rem);--text-3xl: 2.75rem;--leading-tight: 1.25;--leading-body: 1.65;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--radius-card: var(--radius-lg);--radius-control: var(--radius-md);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--layer-color: var(--brand-violet);--layer-offset: 4px;--hit-target-min: 44px;--control-h: 48px;--control-h-lg: 56px;--ease-standard: cubic-bezier(.22, .61, .36, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-crisp: cubic-bezier(.4, 0, .2, 1);--ease-dynamic: cubic-bezier(.16, .84, .44, 1);--motion-scale: 1;--duration-fast: calc(.12s * var(--motion-scale));--duration-base: calc(.22s * var(--motion-scale));--duration-slow: calc(.32s * var(--motion-scale));--illustration-intensity: .5;--spacing-scale: 1;--interaction-ease: var(--ease-standard);--card-elevation: var(--shadow-md);--card-border-width: 1.5px;--heading-weight: 700;--heading-letter-spacing: -.01em;--progress-track-height: 8px;--ring-stroke-width: 12;--tag-size: 28px;--ambient-duration: 14s;--media-cap-prompt: clamp(180px, 42vh, 420px);--media-cap-option: clamp(64px, 9vw, 84px);--media-cap-option-solo: clamp(96px, 24vw, 148px);--z-sticky: 10;--z-promo-banner: 15;--z-whatsapp: 20;--z-popup: 100;--z-skip-link: 150;--z-error: 200;--promo-banner-clearance: 82px;--bottom-clearance: 84px;--wa-row-reserve: 96px}@media (min-width: 900px){:root{--layer-offset: 6px}}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 1ms;--duration-base: 1ms;--duration-slow: 1ms}}[data-level-theme=playful]{--color-accent: var(--brand-green);--color-accent-subtle: color-mix(in srgb, var(--color-accent) 16%, white)}[data-level-theme=energetic]{--color-accent: var(--brand-yellow);--color-accent-subtle: color-mix(in srgb, var(--color-accent) 22%, white)}[data-level-theme=mature]{--color-accent: var(--brand-coral);--color-accent-subtle: color-mix(in srgb, var(--color-accent) 12%, white)}.games-root{--color-accent: var(--brand-orange);--color-accent-subtle: color-mix(in srgb, var(--brand-orange) 14%, white)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased}:root[dir=rtl] body,[dir=rtl] body{font-family:var(--font-family-ar)}img{max-width:100%;display:block}button{font-family:inherit}a{color:inherit}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em;line-height:1.25;text-wrap:balance}:lang(ar) :is(h1,h2,h3),:is(h1,h2,h3):lang(ar){letter-spacing:normal}h1{font-size:var(--text-2xl);font-weight:800}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0;text-wrap:pretty}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:where(a,button,[role=button],input,select,textarea,summary,label){touch-action:manipulation}.skip-link{position:fixed;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:var(--z-skip-link);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-text-on-brand);font-weight:700;text-decoration:none;transform:translateY(calc(-100% - var(--space-4)));transition:transform var(--duration-fast) var(--ease-standard)}.skip-link:focus-visible{transform:none}main:focus,h1[tabindex="-1"]:focus{outline:none}.leen-mark{display:block;flex:none}.leen-mark-coral{fill:var(--brand-coral)}.leen-mark-cyan{fill:var(--brand-cyan)}.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}#root{overflow-x:clip}.card{position:relative;background:var(--color-surface);border:var(--card-border-width) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--card-elevation);padding:calc(var(--space-5) * var(--spacing-scale));overflow:hidden}.card>*{position:relative}a.card,button.card{display:block;width:100%;text-align:start;text-decoration:none;color:inherit;cursor:pointer;font:inherit;touch-action:manipulation;transition:border-color var(--duration-fast) var(--ease-standard)}@media (hover: hover) and (pointer: fine){a.card:hover:not([aria-disabled=true]),button.card:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--color-border-strong)}}a.card[aria-disabled=true],button.card:disabled{cursor:default}.card.is-muted{opacity:.72}.surface-offset{box-shadow:0 var(--offset, var(--layer-offset)) 0 var(--offset-color, var(--layer-color))}.surface-offset,a.surface-offset,button.surface-offset{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--duration-fast) var(--ease-back),transform var(--duration-fast) var(--ease-back),border-color var(--duration-fast) var(--ease-standard)}.surface-offset:focus-visible:not([aria-disabled=true]):not(:disabled){transform:translateY(-2px);box-shadow:0 var(--offset-hover, calc(var(--layer-offset) + 2px)) 0 var(--offset-color, var(--layer-color))}@media (hover: hover) and (pointer: fine){.surface-offset:hover:not([aria-disabled=true]):not(:disabled){transform:translateY(-2px);box-shadow:0 var(--offset-hover, calc(var(--layer-offset) + 2px)) 0 var(--offset-color, var(--layer-color))}}.surface-offset:active:not([aria-disabled=true]):not(:disabled){transform:translateY(calc(var(--offset, var(--layer-offset)) - var(--offset-press, 1px)));box-shadow:0 var(--offset-press, 1px) 0 var(--offset-color, var(--layer-color));transition-timing-function:var(--ease-standard)}.surface-offset-flat{--offset: 0px;--offset-hover: 0px;--offset-press: 0px}.btn{--btn-layer: 0px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding-inline:var(--space-5);border:2px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--text-md);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 var(--btn-layer) 0 var(--layer-color);transition:transform var(--duration-fast) var(--ease-back),box-shadow var(--duration-fast) var(--ease-back),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.btn-primary,.btn-solid{--btn-layer: var(--layer-offset);--layer-color: var(--brand-cyan);background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-brand)}.btn-secondary{--btn-layer: var(--layer-offset);--layer-color: var(--color-primary);background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{min-height:var(--hit-target-min);padding-inline:var(--space-3);color:var(--color-primary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}@media (hover: hover) and (pointer: fine){.btn-primary:hover:not(:disabled),.btn-solid:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-subtle)}.btn-primary:hover:not(:disabled),.btn-solid:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 calc(var(--btn-layer) + 2px) 0 var(--layer-color)}.btn-ghost:hover:not(:disabled){text-decoration-color:currentColor}}.btn-primary:active:not(:disabled),.btn-solid:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:translateY(calc(var(--btn-layer) - 1px));box-shadow:0 1px 0 var(--layer-color);transition-timing-function:var(--ease-standard)}.btn-ghost:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-lg{min-height:var(--control-h-lg);min-width:min(100%,13rem);padding-inline:var(--space-6);font-size:var(--text-lg)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--hit-target-min);height:var(--hit-target-min);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-back)}@media (hover: hover) and (pointer: fine){.icon-btn:hover:not(:disabled){background:var(--color-primary-subtle)}}.icon-btn:active:not(:disabled){background:color-mix(in srgb,var(--color-primary) 16%,white);transform:scale(.94)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--hit-target-min);padding-inline:var(--space-4);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-dim);font-family:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer;touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}@media (hover: hover) and (pointer: fine){.chip:hover:not(.is-active){border-color:var(--color-primary);color:var(--color-primary)}}.chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-brand)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.badge-success{color:var(--color-success);background:var(--color-success-surface)}.badge-danger{color:var(--color-danger-strong);background:var(--color-danger-surface)}.badge-neutral{color:var(--color-primary);background:var(--color-primary-subtle)}.badge-warning{color:var(--color-on-accent);background:var(--color-warning)}.page-title{margin-bottom:calc(var(--space-4) * var(--spacing-scale));color:var(--color-primary);text-align:center}.page-actions{display:flex;justify-content:center;margin-top:calc(var(--space-6) * var(--spacing-scale))}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}}.page-enter{animation:page-enter var(--duration-slow) var(--ease-standard) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}@media (prefers-reduced-motion: reduce){.page-enter,.stagger-children>*{animation:none}}@keyframes type-on-ltr{0%{-webkit-mask-image:linear-gradient(to right,#000 47%,transparent 53%);mask-image:linear-gradient(to right,#000 47%,transparent 53%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-image:linear-gradient(to right,#000 47%,transparent 53%);mask-image:linear-gradient(to right,#000 47%,transparent 53%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0% 0;mask-position:0% 0}}@keyframes type-on-rtl{0%{-webkit-mask-image:linear-gradient(to left,#000 47%,transparent 53%);mask-image:linear-gradient(to left,#000 47%,transparent 53%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0% 0;mask-position:0% 0}to{-webkit-mask-image:linear-gradient(to left,#000 47%,transparent 53%);mask-image:linear-gradient(to left,#000 47%,transparent 53%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes enter-rise{0%{opacity:0;translate:0 14px;scale:.97}}@keyframes enter-fade{0%{opacity:0}}@media (prefers-reduced-motion: no-preference){.type-on{animation:type-on-ltr var(--type-duration, .7s) steps(var(--type-steps, 16),jump-end) 80ms backwards}:root[dir=rtl] .type-on{animation-name:type-on-rtl}.enter-rise{animation:enter-rise .48s var(--ease-dynamic) backwards;animation-delay:calc(var(--enter-delay, .12s) + var(--i, 0) * var(--enter-step, 70ms))}.enter-fade{animation:enter-fade .42s var(--ease-standard) backwards;animation-delay:var(--enter-delay, .2s)}}