:root{--field:#0d3b2a;--field-deep:#082619;--field-light:#155a40;--bg-deep:#082619;--bg:#0d3b2a;--bg-mid:#0b3223;--bar:transparent;--bar-ink:#f6efdf;--panel:#f3e9d2;--dirt:#b9845a;--dirt-deep:#8f6141;--chalk:#f6efdf;--cream:#f3e9d2;--cream-deep:#e6d8b8;--ink:#1a1a18;--ink-soft:#4a4740;--stitch:#c8372d;--stitch-deep:#9e261e;--stitch-glow:#c8372d59;--gold:#d9a441;--gold-glow:#ffecb41f;--good:#2f8f5b;--settled:#d08a2b;--wrong:#c8372d;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-body:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--cream);background:radial-gradient(1200px 700px at 50% -10%, var(--gold-glow), transparent 60%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg) 45%, var(--bg-mid) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.5}body:after{content:"";pointer-events:none;z-index:0;opacity:.7;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.05}.shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{--ctl:36px;z-index:30;padding:.6rem clamp(1rem,4vw,3rem);padding-top:max(.6rem, env(safe-area-inset-top));background:color-mix(in srgb, var(--bar,transparent) 82%, transparent);color:var(--bar-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--bar-ink) 12%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--gold) 30%, transparent), 0 14px 40px -30px #000000b3;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}[data-team=classic] .topbar{background:color-mix(in srgb, var(--bg-deep) 72%, transparent)}.brand{color:var(--bar-ink);align-items:center;gap:.55rem;min-width:0;text-decoration:none;display:inline-flex}.brand__ball{filter:drop-shadow(0 1px 2px #00000059);flex:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.brand:hover .brand__ball{transform:rotate(90deg)}.brand__mark{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 144;color:var(--bar-ink);white-space:nowrap;font-size:1.2rem;font-weight:700;line-height:1}.brand__mark em{color:var(--gold);font-style:italic;font-weight:800}.brand__mark--short{display:none}.nav{align-items:center;gap:.35rem;display:flex}.nav>a:not(.ctl){height:var(--ctl);color:color-mix(in srgb, var(--bar-ink) 78%, transparent);border-radius:999px;align-items:center;padding:0 1rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.nav>a:not(.ctl):hover{color:var(--bar-ink);background:color-mix(in srgb, var(--bar-ink) 10%, transparent)}.nav>a:not(.ctl)[data-status=active]{color:var(--ink);background:var(--cream);box-shadow:0 2px 10px -4px #00000080}.nav__rule{background:color-mix(in srgb, var(--bar-ink) 20%, transparent);width:1px;height:20px;margin:0 .35rem}.ctl{height:var(--ctl);min-width:var(--ctl);border:1px solid color-mix(in srgb, var(--bar-ink) 22%, transparent);color:var(--bar-ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.ctl:hover{background:color-mix(in srgb, var(--bar-ink) 10%, transparent)}button.ctl[aria-pressed=false]{opacity:.55}.ctl--team{padding:0 .9rem 0 3px}.ctl__cap{width:calc(var(--ctl) - 8px);height:calc(var(--ctl) - 8px);background:var(--stitch);color:var(--chalk);font-family:var(--font-mono);letter-spacing:.02em;box-shadow:inset 0 0 0 2px var(--gold);border-radius:50%;flex:none;place-items:center;font-size:.52rem;font-weight:700;display:grid}[data-team]:not([data-team=classic]) .topbar .ctl__cap{background:var(--bar-ink);color:var(--stitch)}.ctl__label{white-space:nowrap}@media (width<=760px){.topbar{--ctl:34px;gap:.5rem;padding-left:.85rem;padding-right:.85rem}.brand__mark{display:none}.brand__mark--short{font-size:1.15rem;display:inline}.nav{gap:.25rem}.nav>a:not(.ctl){padding:0 .8rem;font-size:.88rem}.nav__rule{margin:0 .15rem}.ctl__label{display:none}.ctl--team{padding:0 3px}}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:3rem;width:100%;max-width:1200px;margin:0 auto;padding:clamp(2rem,7vh,5rem) clamp(1rem,4vw,3rem) 3rem;display:grid}.hero__eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-size:.7rem}.hero h1{font-variation-settings:"SOFT" 80, "opsz" 144;color:var(--chalk);font-size:clamp(2.6rem,5.6vw,4.4rem);font-weight:500}.hero h1 em{color:var(--gold);font-style:italic;font-weight:700}.hero p.lede{color:#f6efdfcc;max-width:34rem;margin:1.5rem 0 2rem;font-size:1.15rem}.hero__actions{flex-wrap:wrap;gap:.8rem;display:flex}.hero__field{position:relative}.hero__field svg{filter:drop-shadow(0 30px 60px #00000073);width:100%;height:auto}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--stitch);color:var(--chalk);border-color:color-mix(in srgb, var(--gold) 60%, transparent);box-shadow:0 10px 30px var(--stitch-glow), inset 0 0 0 1px #f6efdf1f}.btn--primary:hover{filter:brightness(1.12)}.btn--ghost{color:var(--chalk);background:0 0;border-color:#f6efdf4d}.btn--ghost:hover{background:#f6efdf14}.btn--cream{background:var(--cream);color:var(--ink)}.btn--cream:hover{background:#fff7e4}.principles-wrap{width:100%;max-width:1200px;margin:0 auto;padding:1rem clamp(1rem,4vw,3rem) 5rem}.principles{background:#f6efdf1f;border:1px solid #f6efdf1f;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;display:grid;overflow:hidden}.principle{background:var(--bg-deep);padding:1.6rem 1.5rem}.principle__num{font-family:var(--font-mono);color:var(--gold);letter-spacing:.2em;font-size:.7rem}.principle h3{color:var(--chalk);font-variation-settings:"SOFT" 60;margin:.5rem 0 .4rem;font-size:1.35rem}.principle p{color:#f6efdfb3;margin:0;font-size:.95rem}.page{width:100%;max-width:1100px;margin:0 auto;padding:2.5rem clamp(1rem,4vw,3rem) 5rem}.page__head{margin-bottom:2rem}.page__head h1{color:var(--chalk);font-variation-settings:"SOFT" 80, "opsz" 144;font-size:clamp(2.2rem,5vw,3.4rem)}.page__head p{color:#f6efdfb8;max-width:40rem;font-size:1.05rem}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.lesson-card{background:var(--panel);color:var(--ink);border-radius:14px;padding:1.4rem 1.4rem 1.2rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 1px #0003,0 18px 40px -24px #0009}.lesson-card:before{content:"";background:var(--stitch);width:6px;position:absolute;top:0;bottom:0;left:0}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 1px #0003,0 28px 50px -24px #000000b3}.lesson-card__num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--stitch);font-size:.65rem}.lesson-card h3{font-variation-settings:"SOFT" 40;margin:.4rem 0 .5rem;font-size:1.45rem}.lesson-card p{color:var(--ink-soft);margin:0;font-size:.95rem}.lesson-card__done{font-family:var(--font-mono);color:var(--good);letter-spacing:.1em;font-size:.65rem;position:absolute;top:1rem;right:1rem}.lesson{background:var(--panel);color:var(--ink);border-radius:18px;max-width:760px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem);position:relative;box-shadow:0 30px 60px -30px #000000b3}.lesson:before{content:"";pointer-events:none;border:1px solid #1a1a181f;border-radius:12px;position:absolute;inset:10px}.lesson__eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--stitch);font-size:.68rem}.lesson h1{font-variation-settings:"SOFT" 60, "opsz" 144;margin:.5rem 0 1rem;font-size:clamp(2rem,4.5vw,3rem)}.lesson p{color:#2a2a27;font-size:1.05rem}.lesson h2{font-variation-settings:"SOFT" 40;margin:1.8rem 0 .5rem;font-size:1.3rem}.lesson ul{padding-left:1.2rem}.lesson li{margin:.35rem 0}.lesson .rule{border-left:4px solid var(--stitch);background:color-mix(in srgb, var(--stitch) 7%, transparent);font-family:var(--font-display);font-variation-settings:"SOFT" 100;margin:1.5rem 0;padding:1rem 1.2rem;font-size:1.25rem;font-style:italic}.lesson__foot{border-top:1px dashed #1a1a1840;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem;padding-top:1.5rem;display:flex}.lesson__foot .muted{color:var(--ink-soft);font-size:.9rem}.play{width:100%;max-width:1280px;margin:0 auto;padding:1rem clamp(.75rem,3vw,2.5rem) 3rem}.play__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.9rem;display:flex}.play__title{color:var(--chalk);font-variation-settings:"SOFT" 80;font-size:clamp(1.35rem,3vw,2.2rem)}.play__sub{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem;font-size:.66rem}.modes{background:color-mix(in srgb, var(--bg-deep) 70%, black);border:1px solid #f6efdf1f;border-radius:999px;padding:4px;display:inline-flex}.modes button{color:#f6efdfb3;background:0 0;border:0;border-radius:999px;padding:.4rem .9rem;font-size:.82rem;font-weight:600}.modes button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.board{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);align-items:start;gap:1.5rem;display:grid}.stage{flex-direction:column;gap:.7rem;min-width:0;display:flex}.stage__foot{flex-direction:column;gap:.6rem;display:flex}.situation{background:color-mix(in srgb, var(--bg-deep) 75%, transparent);color:var(--chalk);border:1px solid #f6efdf24;border-radius:12px;min-height:3.2rem;padding:.65rem .9rem;font-size:.95rem;line-height:1.4}.situation strong{font-family:var(--font-display);font-variation-settings:"SOFT" 60;font-weight:700}.situation--pbp{font-family:var(--font-display);font-variation-settings:"SOFT" 100;border-color:#ffd78a59;font-size:1.05rem;font-style:italic}.situation__game{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem;font-size:.66rem;display:block}.fieldwrap{background:radial-gradient(80% 60% at 50% 100%, #1a6b4b 0%, var(--field) 55%, var(--field-deep) 100%);border-radius:18px;transition:box-shadow .4s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f6efdf1a,0 40px 80px -40px #000000e6}.fieldwrap--live{box-shadow:inset 0 0 0 1.5px #ffd78a8c,0 0 0 6px #ffd78a14,0 40px 80px -40px #000000e6}.fieldwrap>svg{touch-action:manipulation;width:100%;height:auto;display:block}.target-hit{cursor:pointer}.target-hit:hover~*,.target-hit:hover{filter:brightness(1.2)}.target-ring{transform-origin:50%;transform-box:fill-box;animation:1.6s ease-in-out infinite ring}@keyframes ring{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.prompt{background:color-mix(in srgb, var(--bg-deep) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:40%;color:var(--chalk);pointer-events:none;border:1px solid #ffd78a66;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;position:absolute;bottom:.6rem;left:.6rem}.prompt b{color:#ffd78a;font-family:var(--font-display);font-variation-settings:"SOFT" 100;margin-right:.25rem;font-style:italic}.scoreboard{background:color-mix(in srgb, var(--bg-deep) 45%, #050505);color:var(--chalk);border:1px solid #f6efdf33;border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;gap:0;display:grid;overflow:hidden;box-shadow:0 10px 30px -10px #000c}.scoreboard>div{text-align:center;border-right:1px solid #f6efdf1f;padding:.5rem .6rem}.scoreboard>div:last-child{border-right:0}.scoreboard .lbl{font-family:var(--font-mono);letter-spacing:.2em;color:#f6efdf8c;text-transform:uppercase;white-space:nowrap;font-size:.56rem}.scoreboard .val{font-family:var(--font-mono);color:var(--gold);text-shadow:0 0 14px color-mix(in srgb, var(--gold) 60%, transparent);font-size:1.35rem;font-weight:700;line-height:1.15}.scoreboard .val small{letter-spacing:.2em;text-transform:uppercase;color:var(--wrong);margin-top:2px;font-size:.5rem;line-height:1;display:block}.scoreboard .val span{opacity:.45;margin:0 .15em}.lamps{justify-content:center;gap:6px;padding-top:8px;display:flex}.lamp{background:#2a2a28;border:1px solid #444;border-radius:50%;width:12px;height:12px;transition:background .3s,box-shadow .3s}.lamp.on{background:var(--wrong);box-shadow:0 0 10px var(--wrong);border-color:#ff8a7f}.rail{flex-direction:column;gap:1rem;min-width:0;display:flex}.card{background:var(--panel);color:var(--ink);border-radius:16px;padding:1.3rem 1.4rem;position:relative;box-shadow:0 1px #0000004d,0 30px 50px -30px #000c}.card__eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--stitch);font-size:.65rem}.card h2{font-variation-settings:"SOFT" 60;margin:.3rem 0;font-size:1.5rem}.card p{color:#2a2a27;margin:.4rem 0 0}.card .muted{color:var(--ink-soft);font-size:.9rem}.sheet-handle{display:none}.legend{gap:.55rem;margin:.8rem 0 1rem;padding:0;font-size:.95rem;list-style:none;display:grid}.legend li{align-items:flex-start;gap:.7rem;display:flex}.legend__dot{width:18px;height:18px;box-shadow:0 0 0 2px var(--cream), 0 0 0 3.5px #1a1a184d;border-radius:50%;flex:none;margin-top:2px}.legend__dot--base{background:#f6efdf;border:1.5px dashed #b08a2d;border-radius:3px;transform:rotate(45deg)scale(.8)}.legend__dot--relay{background:#f6efdf;border:2px solid #0b2f21}.legend__dot--you{background:#ffd78a;border:2px solid #0b2f21}.card .kbd-hint{color:var(--ink-soft)}.feedback{border-top:6px solid var(--grade,var(--ink))}.stamp{font-family:var(--font-display);color:var(--grade);letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "opsz" 144;transform-origin:0 100%;font-size:1.9rem;font-style:italic;font-weight:800;line-height:1;display:inline-block;transform:rotate(-3deg)}.stamp small{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.35rem;font-size:.62rem;font-style:normal;font-weight:500;display:block;transform:rotate(3deg)}.pbp{font-family:var(--font-display);font-variation-settings:"SOFT" 100;color:var(--ink);margin:.9rem 0 .3rem;font-size:1.15rem;font-style:italic}.why{border-top:1px dashed #1a1a1840;margin-top:.6rem;padding-top:.8rem}.why h3{font-size:.72rem;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.why p{margin:.4rem 0 0}.bestplay{background:#2f8f5b1a;border:1px solid #2f8f5b59;border-radius:10px;margin-top:.9rem;padding:.9rem 1rem}.bestplay h3{font-size:.72rem;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--good);font-weight:700}.bestplay strong{font-family:var(--font-display);font-variation-settings:"SOFT" 60;margin:.2rem 0 .25rem;font-size:1.25rem;display:block}.bestplay p{margin:0;font-size:.95rem}.feedback__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.2rem;display:flex}.btn--ghost-ink{color:var(--ink);border-color:#1a1a184d}.btn--ghost-ink:hover{background:#1a1a180f}.lesson-link{color:var(--ink-soft);font-size:.88rem}.lesson-link a{color:var(--stitch);font-weight:600}.summary{text-align:center;padding:2rem 1.5rem}.summary h2{font-size:2.2rem}.tally{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.5rem 0;display:grid}.tally div{background:#1a1a180d;border-radius:10px;padding:.8rem .4rem}.tally .n{font-family:var(--font-mono);font-size:1.8rem;font-weight:700;line-height:1}.tally .l{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-top:.3rem;font-size:.6rem}.drill-list{gap:.4rem;margin-top:1rem;display:grid}.drill-row{text-align:left;background:#fff8e8;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .8rem;font-size:.92rem;display:flex}.drill-row .g{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:.65rem;font-weight:700}.progress{gap:4px;margin-top:.8rem;display:flex}.progress span{background:#f6efdf26;border-radius:3px;flex:1;height:5px}.progress span[data-g=best]{background:var(--good)}.progress span[data-g=good]{background:#7fc79c}.progress span[data-g=settled]{background:var(--settled)}.progress span[data-g=wrong]{background:var(--wrong)}.progress span[data-g=current]{background:var(--gold);box-shadow:0 0 8px var(--gold)}.kbd-hint{font-family:var(--font-mono);color:#f6efdf80;letter-spacing:.1em;font-size:.68rem}@keyframes pulse{0%,to{opacity:.5;r:16}50%{opacity:0;r:26}}.fielder-pulse{animation:1.6s ease-out infinite pulse}@media (width<=900px){.board{grid-template-columns:1fr;gap:.8rem}.hero{grid-template-columns:1fr}.rail{z-index:20;padding:0 .5rem calc(.5rem + env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.rail .card{pointer-events:auto;border-radius:18px 18px 14px 14px;max-height:64vh;overflow-y:auto;box-shadow:0 -20px 60px #0000008c}.rail .card--legend{display:none}.sheet-handle{background:#1a1a1833;border-radius:3px;width:44px;height:5px;margin:-.4rem auto .8rem;display:block}.play--sheet:after{content:"";background:color-mix(in srgb, var(--bg-deep) 50%, transparent);z-index:10;pointer-events:none;position:fixed;inset:0}}@media (width<=700px){.play{padding:.6rem .6rem 3rem}.play__top{align-items:center;margin-bottom:.6rem}.play__heading{flex:100%;min-width:0}.play__title{font-size:1.25rem}.modes{justify-content:stretch;width:100%}.modes button{flex:1;padding:.4rem;font-size:.8rem}.situation{padding:.55rem .75rem;font-size:.88rem}.fieldwrap{border-radius:14px}.prompt{border-radius:10px;max-width:38%;padding:.32rem .55rem;font-size:.7rem;bottom:.45rem;left:.45rem}.scoreboard>div{padding:.45rem .3rem}.scoreboard .val{font-size:1.2rem}.card{padding:1rem 1rem 1.1rem}.stamp{font-size:1.5rem}.card h2{font-size:1.3rem}.tally{grid-template-columns:repeat(4,1fr)}.tally .n{font-size:1.4rem}.feedback__foot .btn{justify-content:center;width:100%}}.division{align-items:baseline;gap:.8rem;margin:2.2rem 0 .8rem;display:flex}.division h2{color:var(--chalk);font-variation-settings:"SOFT" 60;font-size:1.1rem}.division span{font-family:var(--font-mono);letter-spacing:.2em;color:#f6efdf80;text-transform:uppercase;font-size:.65rem}.pennants{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;display:grid}.pennant{--p:#c8372d;--a:#d9a441;text-align:left;background:var(--p);color:var(--chalk);aspect-ratio:4/3;outline-offset:3px;border:0;border-radius:10px 10px 4px 4px;outline:3px solid #0000;flex-direction:column;justify-content:flex-end;padding:0;transition:transform .18s,box-shadow .18s,outline-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px -16px #000c}.pennant:before{content:"";background:linear-gradient(160deg,#ffffff24,#0000 45%,#00000040);position:absolute;inset:0}.pennant:after{content:"";background:repeating-linear-gradient(90deg, var(--a) 0 10px, transparent 10px 14px);opacity:.9;height:8px;position:absolute;top:0;left:0;right:0}.pennant:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 22px 34px -18px #000000e6}.pennant[aria-pressed=true]{outline-color:var(--a);transform:translateY(-2px)}.pennant__abbr{font-family:var(--font-display);color:var(--a);font-variation-settings:"SOFT" 100, "opsz" 144;letter-spacing:-.02em;padding:0 .8rem;font-size:2.2rem;font-style:italic;font-weight:800;line-height:1;position:relative}.pennant__name{color:#f6efdfe6;padding:.35rem .8rem .7rem;font-size:.8rem;line-height:1.2;position:relative}.pennant__name b{font-size:.9rem;font-weight:700;display:block}.pennant__check{background:var(--a);width:22px;height:22px;color:var(--p);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:.75rem;right:.6rem}.pennant--classic{--p:#c8372d;--a:#d9a441}.team-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.team-preview{align-items:center;gap:.6rem;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-card.is-done:before{background:var(--good)}.lesson-card.is-done .lesson-card__num{color:var(--good)}.lesson-card__foot{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;margin-top:.9rem;font-size:.62rem;display:flex}.lesson-card__done{position:static}.stepper{flex-direction:column;gap:1rem;width:100%;max-width:1100px;margin:0 auto;padding:1rem clamp(.75rem,3vw,2.5rem) 6rem;display:flex}.stepper__head{align-items:center;gap:.8rem;display:flex}.stepper__back{width:38px;height:38px;color:var(--chalk);border:1px solid #f6efdf40;border-radius:50%;flex:none;place-items:center;font-size:1.1rem;text-decoration:none;display:grid}.stepper__meta{flex:1;min-width:0}.stepper__eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;overflow:hidden}.dots{gap:5px;margin-top:.4rem;display:flex}.dots span{background:#f6efdf26;border-radius:3px;flex:1;height:5px;transition:background .3s}.dots span.done{background:var(--gold)}.dots span.now{background:var(--chalk);box-shadow:0 0 8px #f6efdf99}.step{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.5rem;display:grid}.step__copy{background:var(--panel);color:var(--ink);border-radius:18px;padding:1.5rem 1.6rem 1.7rem;position:relative;box-shadow:0 30px 60px -30px #000000b3}.step__copy:before{content:"";background:var(--stitch);border-radius:0 4px 4px 0;width:6px;position:absolute;top:1.4rem;bottom:1.4rem;left:0}.step__tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--stitch);margin-bottom:.5rem;font-size:.64rem}.step__tag--try{color:var(--good)}.step__title{font-variation-settings:"SOFT" 70, "opsz" 144;color:var(--ink);font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.08}.step__text{color:#2a2a27;margin:.9rem 0 0;font-size:1.08rem;line-height:1.55}.step__ctas{flex-direction:column;gap:.6rem;margin-top:1.3rem;display:flex}.step__ctas .btn--ghost{color:var(--ink);border-color:#1a1a184d}.step__field{min-width:0}.step__field--end{place-items:center;min-height:220px;display:grid}.trophy{background:radial-gradient(circle at 35% 30%, #ffe7a8, var(--gold) 55%, #9a6f1e);text-align:center;width:160px;height:160px;color:var(--ink);font-family:var(--font-display);border-radius:50%;place-content:center;display:grid;box-shadow:0 30px 50px -20px #000c,inset 0 -8px 20px #00000026}.trophy span{font-variation-settings:"SOFT" 100, "opsz" 144;font-size:4rem;font-weight:800;line-height:1}.trophy small{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:.6rem}.demo{background:radial-gradient(80% 60% at 50% 100%, #1a6b4b 0%, var(--field) 55%, var(--field-deep) 100%);border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f6efdf1a,0 40px 80px -40px #000000e6}.demo svg{width:100%;height:auto;display:block}.demo__badge{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#ffd78a;background:color-mix(in srgb, var(--bg-deep) 85%, transparent);border:1px solid #ffd78a66;border-radius:999px;padding:.3rem .7rem;font-size:.62rem;position:absolute;top:.7rem;left:.7rem}.demo__caption{min-height:2.6rem;font-family:var(--font-display);color:var(--chalk);opacity:.35;background:#04180f99;border-top:1px solid #f6efdf1f;align-items:center;padding:.5rem .85rem;font-size:.95rem;font-style:italic;transition:opacity .3s;display:flex}.demo__caption.is-on{opacity:1}.step__field,.demo,.try{width:100%}.try{flex-direction:column;gap:.7rem;display:flex}.try__line{color:#f6efdfd9;font-size:.95rem}.try__line strong{font-family:var(--font-display);color:var(--chalk)}.try__result{background:var(--panel);color:var(--ink);border-top:5px solid var(--grade);border-radius:14px;padding:1rem 1.1rem}.try__stamp{font-family:var(--font-display);color:var(--grade);font-variation-settings:"SOFT" 100, "opsz" 144;font-size:1.4rem;font-style:italic;font-weight:800}.try__result p{margin:.5rem 0 0;font-size:.95rem}.try__best{background:#2f8f5b1a;border-radius:8px;padding:.6rem .8rem}.try__result .btn{margin-top:.8rem}.stepper__bar{z-index:15;padding:.7rem clamp(.75rem, 3vw, 2.5rem) calc(.7rem + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg-deep) 92%, transparent) 35%);pointer-events:none;justify-content:flex-end;gap:.6rem;display:flex;position:fixed;bottom:0;left:0;right:0}.stepper__bar .btn{pointer-events:auto}.stepper__bar .btn:disabled{opacity:.35;cursor:default}.stepper__next{justify-content:center;min-width:9rem}@media (width<=900px){.step{grid-template-columns:1fr;gap:.8rem}.step--say{flex-direction:column-reverse;display:flex}.step__copy{padding:1.1rem 1.1rem 1.2rem}.step__title{font-size:1.45rem}.step__text{font-size:1rem}.stepper{padding-bottom:5.5rem}.stepper__bar{justify-content:stretch}.stepper__bar .btn{flex:1;justify-content:center}.stepper__bar .btn--ghost{flex:none}}.speak{background:color-mix(in srgb, var(--stitch) 10%, transparent);border:1.5px solid color-mix(in srgb, var(--stitch) 45%, transparent);width:38px;height:38px;color:var(--stitch);border-radius:50%;place-items:center;transition:background .2s,transform .15s;display:grid}.speak:hover{background:color-mix(in srgb, var(--stitch) 18%, transparent)}.speak:active{transform:scale(.94)}.speak.is-speaking{background:var(--stitch);color:var(--chalk)}.speak.is-speaking .speak__wave{animation:.9s ease-in-out infinite talkwave}@keyframes talkwave{0%,to{opacity:1}50%{opacity:.25}}.step__speak{position:absolute;top:1.1rem;right:1.1rem}.flipbtn{z-index:2;background:color-mix(in srgb, var(--bg-deep) 80%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f6efdfd9;height:30px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid #f6efdf38;border-radius:999px;align-items:center;gap:.4rem;padding:0 .7rem;font-size:.6rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex;position:absolute;top:.7rem;right:.7rem}.flipbtn:hover{background:color-mix(in srgb, var(--bg-deep) 95%, transparent);color:var(--chalk)}.flipbtn[aria-pressed=true]{color:#ffd78a;border-color:#ffd78a8c}.flipbtn svg{flex:none}@media (width<=700px){.flipbtn span{display:none}.flipbtn{padding:0 .45rem}}