:root{color-scheme:light dark;--substrate:#f5efe3;--panel:#fdfaf3;--grid:#e7dfcd;--phosphor:#0f7a4d;--phosphor-dim:#5b8f77;--amber:#b06a28;--amber-deep:#8a5527;--amber-bright:#6f421c;--ink:#40403a;--ink-dim:#7b7767;--ink-strong:#23231d;--line:#e3dbc7;--amber-rgb:176,106,40;--grid-rgb:205,196,176;--amber-wash:rgba(176,106,40,.07);--amber-wash-strong:rgba(176,106,40,.12);--phosphor-wash:rgba(15,122,77,.08);--phosphor-wash-strong:rgba(15,122,77,.16);--bone:rgba(92,84,68,.9);--bezel-edge:0 0 0 1px rgba(70,55,25,.05) inset;--bezel-drop:0 24px 50px -30px rgba(70,50,15,.35);--pop-shadow:0 10px 30px -12px rgba(70,50,15,.35);--serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;--sans:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--ui:.95rem;--ui-sm:.85rem;--tap:44px;--header-h:52px;--tint-amber:#f1dcc0;--tint-phosphor:#cfe4d6;--tint-sky:#d3e1ea;--on-tint:var(--ink-strong);--fs-hero:clamp(2.9rem, 1.2rem + 8vw, 7.5rem);--fs-h2:clamp(2rem, 1.5rem + 2.4vw, 3.4rem);--fs-h3:clamp(1.3rem, 1.15rem + .7vw, 1.7rem);--fs-lead:clamp(1.1rem, 1rem + .6vw, 1.45rem);--fs-body:1.0625rem;--track-tight:-0.045em;--radius-sm:10px;--radius-md:20px;--radius-lg:50px;--dur:.6s;--ease-out:cubic-bezier(.22,1,.36,1)}@media(prefers-color-scheme:dark){:root[data-theme=system]{--substrate:#0e1613;--panel:#0a100d;--grid:#17231d;--phosphor:#5df2a6;--phosphor-dim:#2f7a56;--amber:#d08c4a;--amber-deep:#8a5a30;--amber-bright:#e8c79d;--ink:#c8d3cc;--ink-dim:#6f8177;--ink-strong:#e6ece7;--line:#1d2a24;--amber-rgb:208,140,74;--grid-rgb:23,35,29;--amber-wash:rgba(208,140,74,.07);--amber-wash-strong:rgba(208,140,74,.12);--phosphor-wash:rgba(93,242,166,.08);--phosphor-wash-strong:rgba(93,242,166,.15);--bone:rgba(216,210,196,.85);--bezel-edge:0 0 0 1px #000 inset;--bezel-drop:0 30px 70px -30px rgba(0,0,0,.8);--pop-shadow:0 10px 30px -12px rgba(0,0,0,.9);--tint-amber:#3a2c1c;--tint-phosphor:#193126;--tint-sky:#1c2c35;--on-tint:var(--ink-strong)}}:root[data-theme=dark]{--substrate:#0e1613;--panel:#0a100d;--grid:#17231d;--phosphor:#5df2a6;--phosphor-dim:#2f7a56;--amber:#d08c4a;--amber-deep:#8a5a30;--amber-bright:#e8c79d;--ink:#c8d3cc;--ink-dim:#6f8177;--ink-strong:#e6ece7;--line:#1d2a24;--amber-rgb:208,140,74;--grid-rgb:23,35,29;--amber-wash:rgba(208,140,74,.07);--amber-wash-strong:rgba(208,140,74,.12);--phosphor-wash:rgba(93,242,166,.08);--phosphor-wash-strong:rgba(93,242,166,.15);--bone:rgba(216,210,196,.85);--bezel-edge:0 0 0 1px #000 inset;--bezel-drop:0 30px 70px -30px rgba(0,0,0,.8);--pop-shadow:0 10px 30px -12px rgba(0,0,0,.9);--tint-amber:#3a2c1c;--tint-phosphor:#193126;--tint-sky:#1c2c35;--on-tint:var(--ink-strong)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@font-face{font-family:Inter;src:url(inter.woff2)format('woff2');font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--substrate);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;padding-top:calc(var(--header-h) + 24px);overflow-wrap:break-word;overflow-x:clip}body.lesson{font-size:1.28rem;line-height:1.72}body.lesson main .col>p,body.lesson .transmission,body.lesson h1,body.lesson main h2,body.lesson .lede{font-family:var(--serif)}body>*,.page>*{width:100%}main{flex:1 0 auto}.icon{width:1em;height:1em;flex:none;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}a,button{-webkit-tap-highlight-color:var(--amber-wash)}.topbar{position:fixed;top:12px;left:0;right:0;z-index:30;width:auto;background:0 0;border:0}.topbar-in{max-width:68rem;margin:0 auto;padding:0 var(--gutter)}.page{flex:1;display:flex;flex-direction:column}[id]{scroll-margin-top:calc(var(--header-h) + 36px)}.topbar-pill{position:relative;display:flex;align-items:center;gap:.5rem;min-height:var(--header-h);padding:.35rem .75rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--pop-shadow)}.topnav{display:none;align-items:center;gap:.25rem;margin-left:.5rem}.topnav>a,.nav-courses>a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 .7rem;font:500 var(--ui)var(--sans);color:var(--ink);text-decoration:none;border-radius:var(--radius-lg)}.topnav>a:hover,.nav-courses>a:hover{color:var(--ink-strong);background:var(--substrate)}.menu-panel{position:fixed;top:calc(var(--header-h) + 24px);left:var(--gutter);right:var(--gutter);z-index:29;width:auto;max-width:calc(68rem - 2 * var(--gutter));margin:0 auto;padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--pop-shadow);transform:translateY(-8px);opacity:0;transition:opacity .25s,transform .25s var(--ease-out)}body.menu-open .menu-panel{transform:none;opacity:1}.menu-tiles{display:grid;gap:.6rem}.menu-tile{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;min-height:7rem;padding:1.1rem;border-radius:var(--radius-sm);background:var(--tint-sky);color:var(--on-tint);text-decoration:none;transition:filter .2s}.menu-tile:nth-child(1){background:var(--tint-amber)}.menu-tile:nth-child(2){background:var(--tint-phosphor)}.menu-tile:hover{filter:brightness(.97)}.menu-tile strong{font-size:var(--fs-h3);font-weight:500;letter-spacing:-.02em;line-height:1.1}.menu-tile span{font-size:var(--ui-sm);color:var(--ink-dim)}.menu-links{display:flex;flex-direction:column;margin-top:.6rem}.menu-links a{display:flex;align-items:center;min-height:var(--tap);padding:0 .3rem;font:500 var(--ui)var(--sans);color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}.menu-links a:hover{color:var(--ink-strong)}:root{--gutter:.75rem}.col{max-width:56rem;margin:0 auto;padding:0 var(--gutter)}.wide{max-width:56rem;margin:0 auto;padding:0 1.25rem}.col-wide{max-width:68rem;margin:0 auto;padding:0 var(--gutter)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;align-items:center;padding-top:3.4rem}.hero-copy p{margin:1.35rem 0 0}.hero-art svg{display:block;width:100%;height:auto}.hero-art{width:100%;min-width:0}.hero-slides{position:relative;width:100%;aspect-ratio:560/420;margin-bottom:2.2rem}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.hero-slide.on{opacity:1}.hero-slide .hero-cap{position:absolute;top:100%;left:0;right:0;opacity:0;transition:opacity .3s ease}.hero-slide.on .hero-cap{opacity:1;transition-delay:.5s}.hero-hand{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-cap{font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--ink-dim);text-align:center;margin:.6rem 0 0!important}.hero-slides.paused .hero-slide.on *,.hero-slides.paused .hand{animation-play-state:paused}.hand{transform:translate(160px,186px)}.s2-glow,.s2-flash,.s2-burst,.s2-smoke,.s3-led-glow,.s4-glow,.s4-rays,.s5-node,.s5-stone{transform-box:fill-box;transform-origin:center}.s3-fill{transform-box:view-box;transform-origin:70px 0;transform:scaleX(.1)}.s5-node{opacity:0}.s5-seg{stroke-dasharray:1;stroke-dashoffset:1}.s5-stone{opacity:.35}@media(prefers-reduced-motion:no-preference){.hand.h4{animation:s1-hand 5s ease-in-out both}@keyframes s1-hand{0%{transform:translate(402px,212px);opacity:1}8%,90%{transform:translate(420px,300px);opacity:0}100%{transform:translate(420px,300px);opacity:1}}.hand.h0{animation:s2-hand 5s ease-in-out both}@keyframes s2-hand{0%{transform:translate(420px,300px)}8%{transform:translate(404px,262px)}12%{transform:translate(404px,262px)scale(.92)}28%{transform:translate(222px,150px)scale(.92)}32%{transform:translate(222px,150px)}46%{transform:translate(152px,194px)}50%{transform:translate(152px,194px)scale(.9)}54%{transform:translate(152px,194px)scale(.9)}58%,100%{transform:translate(152px,194px)}}.on .s2-jumper,.leaving .s2-jumper{animation:s2-jumper 5s ease-in-out both}@keyframes s2-jumper{0%,12%{transform:translate(0,0)}28%,100%{transform:translate(-182px,-112px)}}.on .s2-knob,.leaving .s2-knob{animation:s2-knob 5s ease-out both}@keyframes s2-knob{0%,50%{transform:translate(0,0)}53%,100%{transform:translate(12px,0)}}.on .s2-glow,.leaving .s2-glow{animation:s2-glow 5s ease-in both}@keyframes s2-glow{0%,52%{opacity:0;transform:scale(.3)}56%{opacity:1;transform:scale(1.4)}58%,100%{opacity:0;transform:scale(1.4)}}.on .s2-flash,.leaving .s2-flash{animation:s2-flash 5s ease-out both}@keyframes s2-flash{0%,55%{opacity:0;transform:scale(.2)}57%{opacity:.95;transform:scale(1)}61%,100%{opacity:0;transform:scale(1.5)}}.on .s2-burst,.leaving .s2-burst{animation:s2-burst 5s ease-out both}@keyframes s2-burst{0%,56%{opacity:0;transform:scale(.5)}58%{opacity:1;transform:scale(1)}66%,100%{opacity:0;transform:scale(1.7)}}.on .s2-dome,.leaving .s2-dome{animation:s2-dome 5s steps(1,end)both}@keyframes s2-dome{0%,57%{fill:var(--amber-wash-strong);stroke:var(--amber)}58%,100%{fill:var(--ink-dim);stroke:var(--ink-strong)}}.on .s2-crack,.leaving .s2-crack{animation:s2-crack 5s steps(1,end)both}@keyframes s2-crack{0%,57%{opacity:0}58%,100%{opacity:1}}.on .s2-smoke,.leaving .s2-smoke{animation:s2-smoke 5s ease-out both}.on .s2-smoke,.leaving .s2-smoke:nth-child(2){animation-delay:.25s}.on .s2-smoke,.leaving .s2-smoke:nth-child(3){animation-delay:.5s}@keyframes s2-smoke{0%,58%{opacity:0;transform:translate(0,0)scale(.3)}64%{opacity:.75}88%,100%{opacity:0;transform:translate(12px,-80px)scale(1.6)}}.hand.h1{animation:s3-hand 5s ease-in-out both}@keyframes s3-hand{0%{transform:translate(152px,194px)}15%{transform:translate(112px,214px)}20%{transform:translate(112px,214px)scale(.92)}45%{transform:translate(212px,214px)scale(.92)}50%,100%{transform:translate(212px,214px)}}.on .s3-thumb,.leaving .s3-thumb{animation:s3-thumb 5s ease-in-out both}@keyframes s3-thumb{0%,20%{transform:translate(0,0)}45%,100%{transform:translate(100px,0)}}.on .s3-fill,.leaving .s3-fill{animation:s3-fill 5s ease-in-out both}@keyframes s3-fill{0%,20%{transform:scaleX(.1)}45%,100%{transform:scaleX(.35)}}.on .s3-result,.leaving .s3-result{animation:s3-result 5s ease-out both}@keyframes s3-result{0%,56%{opacity:0}62%,100%{opacity:1}}.on .s3-check,.leaving .s3-check{animation:s3-check 5s ease-out both}@keyframes s3-check{0%,58%{stroke-dashoffset:26}66%,100%{stroke-dashoffset:0}}.on .s3-led-glow,.leaving .s3-led-glow{animation:s3-led 5s ease-out both}@keyframes s3-led{0%,58%{opacity:0;transform:scale(.4)}66%,100%{opacity:1;transform:scale(1)}}.hand.h2{animation:s4-hand 5s ease-in-out both}@keyframes s4-hand{0%{transform:translate(212px,214px)}18%{transform:translate(178px,214px)}22%{transform:translate(178px,214px)scale(.92)}40%{transform:translate(186px,262px)scale(.92)}44%{transform:translate(186px,262px)}50%{transform:translate(178px,214px)}54%{transform:translate(178px,214px)scale(.92)}70%{transform:translate(186px,262px)scale(.92)}74%,100%{transform:translate(186px,262px)}}.on .s4-knob,.leaving .s4-knob{animation:s4-knob 5s ease-in-out both;transform-box:view-box;transform-origin:155px 236px}@keyframes s4-knob{0%,22%{transform:rotate(0)}40%{transform:rotate(90deg)}54%{transform:rotate(90deg)}70%,100%{transform:rotate(180deg)}}.on .s4-needle,.leaving .s4-needle{animation:s4-needle 5s ease-in-out both;transform-box:view-box;transform-origin:410px 292px}@keyframes s4-needle{0%,34%{transform:rotate(-90deg)}40%{transform:rotate(-72deg)}54%{transform:rotate(-72deg)}70%,100%{transform:rotate(-17deg)}}.on .s4-glow,.leaving .s4-glow{animation:s4-glow 5s ease-in-out both}@keyframes s4-glow{0%,34%{opacity:0;transform:scale(.4)}40%{opacity:.3;transform:scale(.6)}54%{opacity:.3;transform:scale(.6)}70%,100%{opacity:1;transform:scale(1)}}.on .s4-rays,.leaving .s4-rays{animation:s4-rays 5s ease-out both}@keyframes s4-rays{0%,56%{opacity:0}70%,100%{opacity:1}}.hand.h3{animation:s5-hand 5s ease-in-out both}@keyframes s5-hand{0%{transform:translate(186px,262px)}10%{transform:translate(122px,332px)}13%{transform:translate(122px,332px)scale(.9)}16%{transform:translate(122px,332px)}22%{transform:translate(222px,332px)}25%{transform:translate(222px,332px)scale(.9)}28%{transform:translate(222px,332px)}34%{transform:translate(322px,332px)}37%{transform:translate(322px,332px)scale(.9)}40%{transform:translate(322px,332px)}46%{transform:translate(422px,332px)}49%{transform:translate(422px,332px)scale(.9)}52%{transform:translate(422px,332px)}58%{transform:translate(402px,212px)}61%{transform:translate(402px,212px)scale(.9)}64%,100%{transform:translate(402px,212px)}}.on .s5-node,.leaving .s5-node{animation:s5-node .5s ease-out both;animation-delay:var(--d)}@keyframes s5-node{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}.on .s5-seg,.leaving .s5-seg{animation:s5-seg 5s linear both}@keyframes s5-seg{0%{stroke-dashoffset:1}96%,100%{stroke-dashoffset:0}}.on .s5-stone,.leaving .s5-stone{animation:s5-stone 5s ease-out both}@keyframes s5-stone{0%,92%{opacity:.35;transform:scale(1)}97%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:scale(1.1)}}.on .s6-grid,.leaving .s6-grid{animation:s6-fade 5s ease-out both}@keyframes s6-fade{0%{opacity:0}18%,100%{opacity:1}}.on .s6-rays,.leaving .s6-rays{transform-box:view-box;transform-origin:185px 175px;animation:s6-rays 5s ease-out both}@keyframes s6-rays{0%,10%{opacity:0;transform:scale(.55)}44%,100%{opacity:1;transform:none}}.on .s6-stone,.leaving .s6-stone{transform-box:view-box;transform-origin:185px 175px;animation:s6-stone 5s cubic-bezier(.2,.8,.2,1)both}@keyframes s6-stone{0%,26%{opacity:0;transform:translate(0,-80px)scale(.6)}60%,100%{opacity:1;transform:none}}.on .s6-text,.leaving .s6-text{animation:s6-rise 5s ease-out both}.on .s6-sub,.leaving .s6-sub{animation:s6-rise 5s ease-out both;animation-delay:.6s}@keyframes s6-rise{0%,52%{opacity:0;transform:translateY(18px)}78%,100%{opacity:1;transform:none}}.on .s6-wave,.leaving .s6-wave{animation:s6-wave 5s ease-out both}@keyframes s6-wave{0%,68%{opacity:0;transform:translateY(46px)}100%{opacity:1;transform:none}}}@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:1.2rem;padding-top:2.4rem}.hero-art{width:100%;max-width:28rem;margin:0 auto}.hero-slides{margin-bottom:3.6rem}}@keyframes art-drift{0%{offset-distance:0%;opacity:0}12%{opacity:.9}82%{opacity:.9}100%{offset-distance:100%;opacity:0}}@keyframes art-orbit{from{offset-distance:0%}to{offset-distance:100%}}@keyframes art-breathe{0%,100%{opacity:.18}50%{opacity:.38}}@keyframes art-pulse{0%,100%{opacity:.4}50%{opacity:.85}}@keyframes art-wave{to{transform:translateX(-112px)}}.art-mote{offset-rotate:0;animation:art-drift 16s linear infinite}.art-dust{offset-rotate:0;animation:art-drift 12s cubic-bezier(.55,0,.85,.5)infinite}.art-orbiter{offset-rotate:0;animation:art-orbit 11s linear infinite}.art-current{offset-rotate:0;animation:art-orbit 9s linear infinite}.art-breathe{animation:art-breathe 9s ease-in-out infinite}.art-pulse{animation:art-pulse 7s ease-in-out infinite}.art-wave{animation:art-wave 10s linear infinite}@keyframes art-road{0%{stroke-dashoffset:8;opacity:1}88%{stroke-dashoffset:-92;opacity:1}94%{opacity:0}100%{stroke-dashoffset:-92;opacity:0}}.art-road{animation:art-road 14s linear infinite}@keyframes art-atom{0%{transform:scale(1);stroke:var(--amber)}3%{transform:scale(1.35);stroke:var(--phosphor)}10%,100%{transform:scale(1);stroke:var(--amber)}}.art-atom{transform-box:fill-box;transform-origin:center;animation:art-atom 14s ease-out infinite;animation-delay:var(--d)}@keyframes art-net{0%,88%{stroke-dashoffset:14;opacity:0}88.5%{opacity:1}96%{opacity:.8}100%{stroke-dashoffset:-86;opacity:0}}.art-net path{animation:art-net 14s linear infinite}@keyframes t-glide{from{stroke-dashoffset:12}to{stroke-dashoffset:-100}}.t-glide{animation:t-glide 12s linear infinite}.art-breathe-glow{animation:art-breathe 9s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.art-mote,.art-dust,.art-current{display:none}.art-orbiter,.art-breathe,.art-pulse,.art-wave,.art-road,.art-atom,.art-net path,.t-glide,.art-breathe-glow{animation:none}.art-net{display:none}}.topbar-tools{display:flex;align-items:center;gap:.25rem;margin-left:auto}.theme-toggle{width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-dim);background:0 0;border:0;border-radius:50%;padding:0;cursor:pointer}.theme-toggle:hover{color:var(--amber);background:var(--substrate)}.menu-toggle{width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;background:var(--tint-amber);color:var(--on-tint);border:0;border-radius:50%;padding:0;cursor:pointer}.menu-toggle:hover{filter:brightness(.97)}.bars{position:relative;display:block;width:18px;height:12px}.bars i{position:absolute;left:0;right:0;height:2px;border-radius:1px;background:currentColor;transition:transform .25s var(--ease-out),top .25s var(--ease-out)}.bars i:first-child{top:0}.bars i:last-child{top:10px}body.menu-open .bars i:first-child{top:5px;transform:rotate(45deg)}body.menu-open .bars i:last-child{top:5px;transform:rotate(-45deg)}.theme-toggle .icon{display:none;font-size:1.1rem}.theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .sun,:root[data-theme=system] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}:root[data-theme=system] .theme-toggle .auto{display:block}.account-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 .9rem;font:500 var(--ui)var(--sans);line-height:1;color:var(--ink-strong);text-decoration:none;background:var(--substrate);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer}.account-btn:hover{background:var(--tint-amber);border-color:transparent}.account-btn.me{width:var(--tap);height:var(--tap);padding:0;border:0;background:0 0;border-radius:50%}.account-btn.me span{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--amber);color:var(--substrate);font-size:var(--ui);line-height:1}.account-btn.me:hover{background:0 0}.me-wrap{position:relative}.me-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:31;min-width:13rem;padding:.4rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--pop-shadow)}.me-menu a,.me-menu button{display:block;width:100%;text-align:left;padding:.6rem .8rem;border:0;border-radius:var(--radius-sm);background:0 0;font:500 var(--ui)var(--sans);color:var(--ink);text-decoration:none;cursor:pointer;white-space:nowrap}.me-menu a:hover,.me-menu button:hover{background:var(--tint-amber);color:var(--ink-strong)}.me-menu form{margin:0}.account-btn.me:hover span{background:var(--amber-deep)}header{padding:2rem 0 0}.mark{font-family:var(--mono);font-size:.8rem;letter-spacing:.55em;color:var(--amber);text-transform:uppercase}a.mark{text-decoration:none;display:inline-flex;align-items:center;min-height:var(--tap)}h1{font-weight:500;font-size:clamp(1.9rem,4.6vw,2.7rem);letter-spacing:-.02em;line-height:1.2;margin:.35rem 0 0;color:var(--ink-strong);text-wrap:balance}body.lesson h1{font-weight:400;letter-spacing:.01em}.lore .lore-name{font-size:var(--ui);color:var(--amber-deep);margin:0 0 .6rem}.rank-list{list-style:none;padding:0;margin:.6rem 0 0}.rank-list li{display:flex;flex-direction:column;gap:.15rem;padding:.6rem 0;border-bottom:1px solid var(--line)}@media(min-width:640px){.rank-list li{flex-direction:row;align-items:baseline;justify-content:space-between;gap:1rem}}.rank-list .lv{color:var(--ink);min-width:0}.rank-list .span{font-size:var(--ui-sm);color:var(--ink-dim);white-space:nowrap}.rank-list .rank{color:var(--ink-strong);font-weight:500;white-space:nowrap}:root[data-theme=dark] .lore .lore-name,:root[data-theme=system] .lore .lore-name{color:var(--amber)}.arc-line{font-size:var(--ui-sm);color:var(--ink-dim);margin-top:.9rem}.arc-line a{color:var(--amber);text-decoration:none}.arc-line a:hover{color:var(--amber-bright)}h2{font-weight:500;font-size:1.45rem;letter-spacing:-.02em;margin:2.6rem 0 0;color:var(--ink-strong);text-wrap:balance}body.lesson main h2{font-weight:400;letter-spacing:.01em}h3{font-weight:500;letter-spacing:-.01em;color:var(--ink-strong)}.display{font-family:var(--sans);font-weight:500;letter-spacing:var(--track-tight);line-height:1.02;color:var(--ink-strong);text-wrap:balance;margin:0}h1.display,.hero-copy h1{font-size:var(--fs-hero);line-height:.98;margin:0}h2.display{font-size:var(--fs-h2);line-height:1.05}.lead{font-size:var(--fs-lead);font-weight:400;line-height:1.4;letter-spacing:-.01em;color:var(--ink);max-width:34rem;margin:1.2rem 0 0}.rule{border:0;border-top:1px solid var(--line);margin:2.4rem 0}.transmission{font-style:italic;color:var(--amber);margin:2.6rem 0 0;padding-left:1.1rem;border-left:1px solid var(--amber-deep)}.transmission .tag{display:block;font-family:var(--mono);font-style:normal;font-size:.62rem;letter-spacing:.22em;color:var(--amber-deep);margin:.25rem 0}.transmission p{margin:.55rem 0}main p{margin:1.35rem 0}main em{color:var(--ink-strong)}main p a,.caption a{color:var(--amber);text-decoration:underline;text-decoration-color:var(--amber-deep);text-underline-offset:3px}main p a:hover,.caption a:hover{color:var(--amber-bright)}.lede{font-size:var(--fs-lead);line-height:1.45;letter-spacing:-.01em}body.lesson .lede{font-size:inherit;line-height:inherit;letter-spacing:0}body.lesson .lede::first-letter{font-size:3.1em;float:left;line-height:.82;padding:.06em .12em 0 0;color:var(--amber)}.emblem{display:block;width:100%;aspect-ratio:4/1;height:auto;margin:6px auto 26px}.emblem-hero{aspect-ratio:7/3;margin:2.3rem auto 0}.capture p:first-child{margin-top:0}.instrument{margin:3.2rem auto}.bezel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.9rem .9rem .6rem;box-shadow:var(--bezel-edge),var(--bezel-drop)}.bezel-head{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;color:var(--ink-dim);padding:0 .2rem .8rem;text-transform:uppercase}.bezel-head>span:not(.pass-badge){flex:auto;min-width:0}.bezel.passed{border-color:var(--phosphor-dim);box-shadow:var(--bezel-edge),var(--bezel-drop),0 0 26px -8px var(--phosphor-dim);transition:border-color .3s ease,box-shadow .3s ease}.bezel-head button.tool.fs2,.bezel-head button.tool.fs{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:.4em;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);background:0 0;border:1px solid var(--line);border-radius:6px;padding:.3rem .55rem;line-height:1;white-space:nowrap;cursor:pointer}.bezel-head button.tool.fs2 svg,.bezel-head button.tool.fs svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bezel-head button.tool.fs2:hover,.bezel-head button.tool.fs:hover{color:var(--amber);border-color:var(--amber-deep)}.bezel-head button.tool.fs2{display:none}@media(min-width:768px){.instrument.fullscreen .bezel-head button.tool.fs2,.instrument:fullscreen .bezel-head button.tool.fs2{display:inline-flex}}.instrument.fullscreen,.instrument:fullscreen{position:fixed;inset:0;z-index:40;margin:0;padding:.4rem .6rem;background:var(--substrate);overflow:hidden;width:auto;max-width:none;display:flex;flex-direction:column}html:has(.instrument.fullscreen){overflow:hidden}.instrument.fs-anim{position:relative;z-index:41;background:var(--substrate)}.instrument.fs-anim.fullscreen,.instrument.fs-anim:fullscreen{position:fixed}.instrument.fullscreen .bezel>.scene,.instrument:fullscreen .bezel>.scene{overscroll-behavior:contain}.instrument.fullscreen .bezel,.instrument:fullscreen .bezel{width:100%;max-width:1920px;margin:auto;max-height:100%;display:flex;flex-direction:column;min-height:0}.instrument.fullscreen .bezel>*,.instrument:fullscreen .bezel>*{flex:none}.instrument.fullscreen .bezel>.scene,.instrument:fullscreen .bezel>.scene{flex:initial;min-height:0;overflow:hidden auto}.instrument.fullscreen .caption,.instrument:fullscreen .caption{display:none}.pass-badge{display:none;color:var(--phosphor);align-self:center;line-height:0}.pass-badge svg{width:1.05rem;height:1.05rem}.bezel.passed .pass-badge{display:inline-flex}.bezel-head button.tool,.view-switch button.tool{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;background:0 0;border:none;color:var(--ink-dim);cursor:pointer;text-transform:uppercase;padding:0 .1rem}.bezel-head button.tool:hover,.view-switch button.tool:hover{color:var(--amber)}.scene-hud{position:relative;height:0;z-index:6}.scene-hud .hint-bubble{position:absolute;top:.55rem;left:.6rem;margin:0;pointer-events:none;max-width:72%;font-size:.72rem}.scene{position:relative}.view-switch{position:absolute;top:.55rem;right:.6rem;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.view-switch button.tool{font-size:.58rem;letter-spacing:.14em;padding:0}.view-switch button.tool::after{content:'';display:inline-block;width:.9em;text-align:right}.view-switch button.tool.active{color:var(--phosphor)}.view-switch button.tool.active::after{content:'●'}canvas{display:block;width:100%;height:auto;border-radius:3px;touch-action:pan-y}canvas.grabbable{cursor:grab}canvas.grabbable.grabbing{cursor:grabbing}canvas.clickable{cursor:pointer}.readouts{display:flex;flex-wrap:wrap;gap:.4rem 1.8rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;color:var(--phosphor-dim);padding:.75rem .2rem .35rem;font-variant-numeric:tabular-nums}.readouts b{color:var(--phosphor);font-weight:400}.readouts .lbl{color:var(--ink-dim)}.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.35rem .2rem .3rem;border-top:1px solid var(--line);margin-top:.4rem}.hint{font-family:var(--mono);font-size:.74rem;letter-spacing:.05em;color:var(--amber)}.controls .actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:0}button.reset{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;background:0 0;border:1px solid var(--amber-deep);color:var(--amber);padding:.42rem .85rem;border-radius:3px;cursor:pointer;text-transform:uppercase;white-space:nowrap}button.reset:hover{border-color:var(--amber);background:var(--amber-wash)}button.reset.primary{border-color:var(--phosphor-dim);color:var(--phosphor);background:var(--phosphor-wash)}button.reset.primary:hover{border-color:var(--phosphor);background:var(--phosphor-wash-strong)}button.reset:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid var(--phosphor);outline-offset:2px}.caption{font-family:var(--mono);font-size:.78rem;line-height:1.7;letter-spacing:.03em;color:var(--ink-dim);margin:.9rem auto 0;max-width:44rem;padding:0 .2rem}.caption i{color:var(--phosphor-dim);font-style:normal}[data-tip]{position:relative;cursor:help;border-bottom:1px dotted var(--amber-deep)}[data-tip]::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + .55rem);transform:translateX(-50%);width:max-content;max-width:min(15rem,82vw);background:var(--substrate);border:1px solid var(--amber-deep);border-radius:4px;padding:.5rem .65rem;font-family:var(--mono);font-size:.68rem;line-height:1.55;letter-spacing:.03em;color:var(--ink);text-transform:none;font-variant-numeric:normal;white-space:normal;display:none;z-index:20;pointer-events:none;box-shadow:var(--pop-shadow)}[data-tip]:hover::after,[data-tip]:focus-visible::after,[data-tip]:active::after{display:block}.formula{margin:2.4rem auto;text-align:center}.formula .fname{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase;margin:0 0 .55rem}.formula .fx{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--serif);font-style:italic;font-size:1.9rem;color:var(--ink-strong);padding:1.1rem 1.7rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);box-shadow:var(--bezel-edge)}.formula .fx .op{color:var(--ink-dim);font-style:normal}.formula .fx .sym{padding:0 .08em;font-style:italic}.formula .fx sub{font-size:.55em;font-style:italic}.formula .fx .const{color:var(--amber)}.formula .fx .frac{display:inline-flex;flex-direction:column;align-items:stretch;text-align:center;vertical-align:middle;margin:0 .15em}.formula .fx .frac .num{padding:0 .45em .14em}.formula .fx .frac .den{padding:.14em .45em 0;border-top:1.5px solid var(--ink-dim)}.formula .legend{margin:1rem auto 0;max-width:34rem;text-align:left;font-family:var(--mono);font-size:.74rem;line-height:1.7;letter-spacing:.04em;color:var(--ink-dim)}.formula .legend div{padding:.14rem 0}.formula .legend b{color:var(--phosphor);font-weight:400;font-style:italic;font-family:var(--serif);font-size:.95rem}.formula .legend b.const{color:var(--amber)}.numbers{margin:2.4rem auto;text-align:center}.numbers .nx{margin:.55rem auto 0;font-family:var(--mono);font-size:.92rem;letter-spacing:.05em;color:var(--ink)}.numbers .nx b{color:var(--phosphor);font-weight:400}.numbers .nx .const{color:var(--amber)}.numbers .nx .op{margin:0 .25em;color:var(--ink-dim)}.rules{margin:1.6rem auto;padding:.9rem 1.1rem;max-width:34rem;border:1px solid var(--line);border-left:3px solid var(--phosphor-dim);border-radius:0 6px 6px 0;background:var(--panel)}.rules div{font-family:var(--mono);font-size:.78rem;line-height:1.7;letter-spacing:.04em;color:var(--ink-dim);padding:.18rem 0}.rules b{color:var(--phosphor);font-weight:400}.part{margin:2.2rem auto;padding:.9rem .9rem .6rem;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:var(--bezel-edge),var(--bezel-drop)}.part-panes{display:flex;flex-wrap:wrap;gap:.7rem}.part-panes .scene{flex:1 1 45%;min-width:15rem}.check{margin:1.6rem auto;padding:.9rem 1rem .75rem;max-width:34rem;border:1px solid var(--line);border-left:3px solid var(--amber-deep);border-radius:0 6px 6px 0;background:var(--panel)}.check-q{font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;color:var(--ink);margin:0 0 .65rem}.check-opts{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.check-opts button{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;line-height:1.5;background:0 0;border:none;color:var(--ink);padding:.05rem 0;cursor:pointer;text-align:left;display:flex;align-items:flex-start;gap:.55rem}.check-opts button::before{content:'';width:.62em;height:.62em;border-radius:50%;flex:none;border:1px solid var(--ink-dim);margin-top:.3em}.check-opts button:hover{color:var(--amber)}.check-opts button:hover::before{border-color:var(--amber)}.check-opts button.sel{color:var(--amber)}.check-opts button.sel::before{border-color:var(--amber);background:var(--amber)}.check-opts button.good{color:var(--phosphor)}.check-opts button.good::before{border-color:var(--phosphor);background:var(--phosphor)}.check-opts button.bad{color:var(--ink-dim)}.check-opts button.bad::before{border-color:var(--amber-deep)}.check-opts button.good::after{content:' ✓'}.check-opts button.bad::after{content:' ✗';color:var(--amber)}.guess-panel{padding:.6rem .2rem .55rem}.guess-panel .check-q{margin:0 0 .5rem}.hint-bubble{position:relative;font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;line-height:1.6;color:var(--amber);background:var(--panel);border:1px solid var(--amber-deep);border-radius:9px;padding:.45rem .7rem;margin:.2rem .2rem .6rem;width:fit-content;max-width:100%}.hint-bubble::before{content:'';position:absolute;top:-4.5px;left:1.1rem;width:8px;height:8px;background:var(--panel);border-left:1px solid var(--amber-deep);border-top:1px solid var(--amber-deep);transform:rotate(45deg)}button.reset-orb{position:absolute;right:.6rem;bottom:.55rem;width:1.9rem;height:1.9rem;border-radius:50%;background:0 0;border:1px solid var(--amber-deep);color:var(--amber);font-size:.95rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}button.reset-orb:hover{border-color:var(--amber);background:var(--amber-wash)}.check-note{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;margin:.65rem 0 0;min-height:1.1em;color:var(--ink-dim)}.check-note.good{color:var(--phosphor)}.check-note.bad{color:var(--amber)}.controls{display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:center;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;color:var(--ink-dim);padding:.6rem .2rem .2rem;text-transform:uppercase}.controls label{display:flex;align-items:center;gap:.6rem}.controls input[type=range]{accent-color:var(--amber);width:9rem}.controls output{color:var(--phosphor);font-variant-numeric:tabular-nums;text-transform:none}.lesson-list{margin-top:1rem}.level h2 .span{font-size:var(--ui-sm);color:var(--ink-dim);font-weight:400}h3.arc{font-size:1.1rem;font-weight:500;color:var(--ink-strong);margin:1.8rem 0 .4rem}h3.arc .range{font-size:var(--ui-sm);color:var(--ink-dim)}ul.lessons{list-style:none}.lessons li{border-bottom:1px solid var(--line)}.lessons li>a,.lessons li>div{display:grid;grid-template-columns:2.2rem 1fr auto;grid-template-areas:"num t arrow" "num c arrow" "num s arrow";row-gap:.12rem;column-gap:.8rem;align-items:center;padding:.6rem .2rem;text-decoration:none;color:var(--ink)}.lessons .num{grid-area:num;min-width:0;font-family:var(--mono);font-size:.74rem;color:var(--ink-dim);font-variant-numeric:tabular-nums}.lessons .t{grid-area:t;font-size:1.05rem;font-weight:500;color:var(--ink)}.lessons .c{grid-area:c;font-family:var(--mono);font-size:.72rem;color:var(--ink-dim)}.lessons .badge{grid-area:s;justify-self:start;font-size:var(--ui-sm);color:var(--phosphor-dim)}.lessons .badge .icon.lock{font-size:.9em;margin-right:.3em}.lessons .done .badge{color:var(--phosphor)}.lessons .started .badge{color:var(--amber-deep)}.lessons .start .badge{color:var(--amber)}.lessons .locked .badge,.lessons .coming .badge{color:var(--ink-dim)}.lessons li>a .t{color:var(--amber)}.lessons li>a::after{content:"→";grid-area:arrow;align-self:center;font-family:var(--mono);font-size:.8rem;color:var(--amber-deep)}.lessons .done .t::after{content:" ✓";color:var(--phosphor-dim)}.lessons .started .t::after{content:" ○";color:var(--amber-deep)}.lessons .locked>a .t{color:var(--ink)}.lessons .locked>a::after{color:var(--ink-dim)}.lessons .coming{opacity:.6}.lessons .coming .t{color:var(--ink-dim)}.lessons li>a:hover,.lessons li>a:active{background:var(--amber-wash)}.lessons li>a:hover .t{color:var(--amber-bright)}.lessons li>a:hover .num{color:var(--amber)}.lessons li>a:hover::after,.lessons li>a:active::after{color:var(--amber)}.lessons .start>a{border:1px solid var(--amber-deep);border-radius:8px;background:var(--amber-wash);padding:.6rem .8rem;margin:.4rem -.6rem}.lessons .start>a::after{color:var(--amber)}.lessons .start>a:hover{background:var(--amber-wash-strong)}.capture{margin:2.2rem 0 0}.capture form{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.capture label{flex:1 1 14rem;display:block}.capture label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.capture input{width:100%;min-height:48px;background:var(--panel);border:1px solid var(--line);color:var(--ink);font-family:var(--sans);font-size:1rem;padding:0 1.1rem;border-radius:var(--radius-lg)}.capture input::placeholder{color:var(--ink-dim)}.capture-note{font-family:var(--mono);font-size:.74rem;color:var(--phosphor-dim);margin-top:.7rem;min-height:1.2em;letter-spacing:.05em}footer{margin-top:3.2rem;border-top:1px solid var(--line);padding:2rem 0 3.6rem;color:var(--ink-dim);font-size:var(--ui-sm)}.footlinks{display:flex;flex-wrap:wrap;gap:0 1.4rem}.footlinks a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink-dim);text-decoration:none}.footlinks a:hover{color:var(--amber)}.legal{font-size:var(--ui-sm);color:var(--ink-dim)}.legal{margin-top:.8rem}.tagline{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);text-align:center;margin-top:1.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:auto;max-width:100%;min-height:48px;padding:0 1.25rem;border-radius:var(--radius-lg);border:1px solid var(--line);font-family:var(--sans);font-size:1rem;font-weight:500;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease-out),box-shadow .3s,background-color .25s,border-color .25s,color .25s,filter .25s}.btn-tint-amber{background:var(--tint-amber);color:var(--on-tint);border-color:transparent}.btn-tint-phosphor{background:var(--tint-phosphor);color:var(--on-tint);border-color:transparent}.btn-tint-sky{background:var(--tint-sky);color:var(--on-tint);border-color:transparent}.btn-tint-amber:hover,.btn-tint-phosphor:hover,.btn-tint-sky:hover{filter:brightness(.97)}:root[data-theme=dark] :is(.btn-tint-amber,.btn-tint-phosphor,.btn-tint-sky,.menu-tile,.menu-toggle):hover{filter:brightness(1.08)}@media(prefers-color-scheme:dark){:root[data-theme=system] :is(.btn-tint-amber,.btn-tint-phosphor,.btn-tint-sky,.menu-tile,.menu-toggle):hover{filter:brightness(1.08)}}.btn .arrow{width:28px;height:28px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--panel);color:var(--ink-strong);margin:0 -.7rem 0 .2rem;transition:transform .3s var(--ease-out)}.btn .arrow .icon{font-size:.85rem}.btn .arrow:empty::before{content:'';width:6px;height:6px;margin-left:-2px;border-right:1.5px solid;border-top:1.5px solid;transform:rotate(45deg)}.btn-primary{background:var(--amber);color:var(--substrate);border-color:var(--amber)}.btn-primary:hover,.btn-primary:active{background:var(--amber-deep);border-color:var(--amber-deep)}.btn-secondary{background:var(--amber-wash);color:var(--amber);border-color:var(--amber-deep)}.btn-secondary:hover,.btn-secondary:active{background:var(--amber-wash-strong)}.btn.dim,.inert{color:var(--ink-dim);pointer-events:none}.btn.dim{background:0 0;border-color:var(--line)}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.actions.stack{display:flex;flex-direction:column;align-items:flex-start}.textlink{font-size:var(--ui);color:var(--amber);text-decoration:underline;text-decoration-color:var(--amber-deep);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s,text-underline-offset .2s}.textlink:hover{color:var(--amber-bright);text-decoration-color:var(--amber-bright);text-underline-offset:5px}@media(hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px color-mix(in srgb,var(--ink-strong) 45%,transparent)}.btn-primary:hover{box-shadow:0 12px 26px -10px color-mix(in srgb,var(--amber) 70%,transparent)}.band .btn-primary:hover{box-shadow:0 12px 26px -10px rgba(0,0,0,.35)}.btn:hover .arrow{transform:translateX(3px)}.btn:active{transform:translateY(0)scale(.98);box-shadow:none;transition-duration:.1s}}@media(prefers-reduced-motion:reduce){.btn,.btn .arrow,.textlink{transition:none}.btn:hover,.btn:hover .arrow{transform:none}}.actions .textlink{display:inline-flex;align-items:center;min-height:var(--tap)}.crumbs{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--tap);font-size:var(--ui);color:var(--ink-dim)}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none}.crumbs li{display:inline-flex;align-items:center}.crumbs li:not(:last-child){display:none}.crumbs li:last-child::before{content:"‹";margin:0 .4rem 0 0;color:var(--ink-dim)}.crumbs a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink-dim);text-decoration:none}.crumbs a:hover{color:var(--amber)}.crumbs .pos{display:none;font-size:var(--ui-sm);color:var(--ink-dim);white-space:nowrap}.course-head p{margin:.6rem 0 0}.course-head .lede{margin-top:1rem}.facts,.count,.note,.updated,.saved{font-size:var(--ui-sm);color:var(--ink-dim)}.price-line{font-size:var(--ui);color:var(--ink-strong)}.owner{color:var(--ink)}.pill{display:inline-block;max-width:100%;font:500 var(--ui-sm)var(--sans);line-height:1.5;padding:.15rem .7rem;border-radius:var(--radius-lg);background:var(--tint-sky);color:var(--on-tint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;min-width:0}.card :is(h3,p,li),.compare-table :is(th,td),.faq-item :is(summary,p),.tile .cap{overflow-wrap:anywhere}.crumbs ol,.crumbs li{min-width:0}.crumbs a,.crumbs .pos{display:block;min-width:0;line-height:var(--tap);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill.course{background:var(--tint-amber)}progress.bar{display:block;width:100%;height:3px;appearance:none;-webkit-appearance:none;border:0;padding:0;margin-top:.8rem;background:var(--line);border-radius:2px;color:var(--phosphor);overflow:hidden}progress.bar::-webkit-progress-bar{background:var(--line);border-radius:2px}progress.bar::-webkit-progress-value{background:var(--phosphor);border-radius:2px}progress.bar::-moz-progress-bar{background:var(--phosphor);border-radius:2px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.4rem;margin:1.6rem 0 2.6rem}.cards.col-wide{margin-left:auto;margin-right:auto}.account-courses{margin:1.4rem 0 2.4rem}.card,.buy-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.25rem 1.4rem;box-shadow:var(--bezel-drop)}.buy-card{margin-top:2.4rem;padding:1.6rem 1.5rem}.buy-card>p:first-child{margin-bottom:1.2rem}.buy-card .actions{margin:0}.buy-card .note{font-size:var(--ui-sm);color:var(--ink-dim);margin-top:1.2rem}.card p,.buy-card p{margin:0}.card h3{font-size:1.35rem;font-weight:500;letter-spacing:-.02em;line-height:1.3;color:var(--ink-strong);margin:0;text-wrap:balance}.card h3 a{color:var(--ink-strong);text-decoration:none}.card h3 a:hover{color:var(--amber)}.card .line{font-size:.95rem;margin-top:.6rem}.card .facts{margin-top:.8rem}.card .facts:empty{margin:0}.card .count{margin-top:.4rem}.card{display:flex;flex-direction:column;min-width:0}.card .btn{margin-top:auto}.card-actions{margin-top:auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.card-actions .btn{margin-top:0;width:auto}.card-actions .textlink{display:inline-flex;align-items:center;min-height:var(--tap);white-space:nowrap}.card[data-course]{cursor:pointer}@supports(grid-template-rows:subgrid){.card[data-course]{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0;align-content:start}.card[data-course] .card-actions{align-self:end}}.card>:has(+.btn,+.card-actions){margin-bottom:1rem}.card-art{margin:.2rem 0 1rem;overflow:hidden;border-radius:calc(var(--radius-md) - 6px)}.card-art svg{display:block;width:100%;height:auto;max-height:120px;transition:transform .7s var(--ease-out)}:is(.card[data-course],a.lesson-card,.price-card){transition:transform .4s var(--ease-out),box-shadow .4s,border-color .4s}@media(hover:hover){:is(.card[data-course],a.lesson-card,.price-card):hover{transform:translateY(-4px);box-shadow:var(--pop-shadow);border-color:var(--amber)}:is(.card[data-course],a.lesson-card,.price-card):hover .card-art svg{transform:scale(1.07)}}@media(prefers-reduced-motion:reduce){:is(.card[data-course],a.lesson-card,.price-card),.card-art svg{transition:none}:is(.card[data-course],a.lesson-card,.price-card):hover,:is(.card[data-course],a.lesson-card,.price-card):hover .card-art svg{transform:none}}.crumbs.col{max-width:68rem}body.course .crumbs.col,body.lesson .crumbs.col,body.course footer .col-wide,body.lesson footer .col-wide{max-width:56rem}.static>p,.static>h2,.static>ul,.static>ol,.static>.lede,.notfound>p,body.paid main>p,.capture{max-width:44rem}.static>ul,.static>ol{padding-left:1.2rem;margin:.6rem 0 1rem}.static>ul li,.static>ol li{margin:.25rem 0}.static>h2{margin-top:2.4rem}.static>h3{font-size:1.1rem;margin:1.5rem 0 .4rem;max-width:44rem}.static>h2[id],.static>h3[id]{scroll-margin-top:calc(var(--header-h) + .5rem)}.toc{list-style:none;padding:0;margin:0 0 1rem;font-size:var(--ui)}.toc li{margin:.3rem 0}.toc a{color:var(--ink-strong)}.form-text{max-width:44rem;margin:1rem 0 0;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}.form-text p{margin:.35rem 0;font-size:var(--ui)}.pricing-head{margin-bottom:1.6rem}.pricing-head .lede{max-width:36rem}.page h1.display{margin:0 0 1.2rem}.page h1.display+.lede{margin-top:0}.price-card .price{font-size:2.6rem;font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--ink-strong);margin:1rem 0 0}.price-card .price-note{font-size:var(--ui-sm);color:var(--ink-dim);margin:.3rem 0 0}.price-card .line{font-size:.95rem;margin-top:.6rem}.gets{list-style:none;padding:0;margin:1.2rem 0 1.4rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem;font-size:var(--ui)}.gets li{position:relative;padding-left:1.6rem}.gets li::before{content:"";position:absolute;left:0;top:.3em;width:.9em;height:.9em;border-radius:50%;background:var(--tint-phosphor)}.gets li::after{content:"";position:absolute;left:.28em;top:.5em;width:.35em;height:.2em;border-left:2px solid var(--phosphor);border-bottom:2px solid var(--phosphor);transform:rotate(-45deg)}.price-card .actions{margin-top:auto}@media(max-width:639px){.price-card .card-art,.price-card .gets .extra{display:none}}.steps-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.steps-list li{position:relative;padding:1.2rem 1.3rem 1.2rem 4rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md)}.steps-list li:nth-child(1){background:var(--tint-amber)}.steps-list li:nth-child(2){background:var(--tint-phosphor)}.steps-list li:nth-child(3){background:var(--tint-sky)}.steps-list li:nth-child(n){border-color:transparent}.step-n{position:absolute;left:1.2rem;top:1.15rem;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:var(--ink-strong);font-weight:500}.steps-list h3{font-size:1.15rem;font-weight:500;letter-spacing:-.02em;margin:0 0 .3rem;color:var(--on-tint)}.steps-list p{margin:0;color:var(--on-tint);opacity:.85;font-size:var(--ui)}.table-wrap{overflow-x:auto;margin:1rem 0}.ledger{width:100%;border-collapse:collapse;font-size:var(--ui)}.ledger th,.ledger td{padding:.6rem .6rem .6rem 0;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.ledger thead th{font-weight:500;color:var(--ink-dim);font-size:var(--ui-sm);padding-top:0}.ledger td:first-child,.ledger th:first-child{white-space:normal}.ledger td:last-child,.ledger th:last-child{text-align:right;padding-right:0}.compare-table{width:100%;border-collapse:collapse;font-size:var(--ui)}.compare-table th,.compare-table td{padding:.75rem .6rem;border-bottom:1px solid var(--line);text-align:left}.compare-table thead th{font-weight:500;color:var(--ink-dim);font-size:var(--ui-sm);padding-top:0}.compare-table thead th:last-child{color:var(--amber)}.compare-table tbody th{font-weight:400;color:var(--ink)}.compare-table td{width:4.4rem;font-weight:500;text-align:center;padding-left:.3rem;padding-right:.3rem}.compare-table thead th:not(:first-child){text-align:center;padding-left:.3rem;padding-right:.3rem}.compare-table .yes{color:var(--phosphor)}.compare-table .no{color:var(--ink-dim);opacity:.6}.faq-item{border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--line);margin-bottom:.6rem;overflow:hidden;transition:background-color .35s,border-color .35s}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;font-size:var(--fs-body);font-weight:500;color:var(--ink-strong)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"";flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--tint-amber);background-image:linear-gradient(var(--ink-strong),var(--ink-strong)),linear-gradient(var(--ink-strong),var(--ink-strong));background-size:.7rem 2px,2px .7rem;background-position:50%;background-repeat:no-repeat;transition:transform .3s var(--ease-out)}@media(hover:hover){.faq-item:not(.is-open):hover{border-color:var(--amber);box-shadow:var(--pop-shadow);transform:translateY(-2px)}.faq-item:hover summary::after{transform:scale(1.12)}.faq-item.is-open:hover summary::after{transform:rotate(180deg)scale(1.12)}}.faq-item{transition:background-color .35s,border-color .35s,box-shadow .3s,transform .3s var(--ease-out)}.faq-item.is-open{background:var(--tint-amber);border-color:transparent}.faq-item.is-open summary::after{background-color:var(--panel);background-size:.7rem 2px,0 0;transform:rotate(180deg)}.faq-item p{margin:0;padding:0 1.1rem 1.1rem;color:var(--on-tint);opacity:.9}.faq-item.is-open p{animation:faq-in .4s var(--ease-out).06s both}@keyframes faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:.9;transform:none}}.faq-item p a{color:var(--amber-deep)}.pricing-end{margin-top:3rem}@media(min-width:640px){.steps-list{grid-template-columns:repeat(3,1fr)}.compare-table td{width:8rem}}:root[data-theme=dark] .faq-item.is-open,:root[data-theme=system] .faq-item.is-open{background:var(--tint-amber)}@media(prefers-reduced-motion:reduce){.faq-item,.faq-item summary::after{transition:none}.faq-item.is-open p{animation:none}.faq-item:not(.is-open):hover{transform:none}}.facts-list{font-size:var(--ui);padding-left:1.2rem}.hero-copy .actions{margin-top:1.6rem}.section{margin-top:3.2rem}.how-list{font-size:var(--ui);padding-left:1.4rem;margin-top:1.2rem;display:grid;gap:.6rem}body.landing{padding-top:0}.hero-live{position:sticky;top:0;z-index:0;background:var(--tint-amber);min-height:100svh;display:grid;align-items:center;padding-top:calc(var(--header-h) + 24px + 3vw);padding-bottom:calc(var(--radius-lg) + 2rem)}.hero-grid{display:grid;gap:2rem;width:100%}.hero-copy .lead{max-width:34rem}.hero-inst{min-width:0}.hero-instrument{margin:0}.hero-instrument .bezel{border-radius:var(--radius-md)}.sheet{position:relative;z-index:1;background:var(--substrate);border-radius:var(--radius-lg)var(--radius-lg)0 0;margin-top:calc(-1 * var(--radius-lg));box-shadow:0 -20px 40px -30px rgba(0,0,0,.35)}.sheet .section{padding-top:clamp(3rem,2rem + 4vw,6rem);padding-bottom:clamp(3rem,2rem + 4vw,6rem);margin-top:0}.section h2.display{margin:0 0 1.2rem}.section .lead{font-size:clamp(1.1rem,1rem + .4vw,1.3rem)}.road-tiles{position:relative;overflow-x:clip}.tiles{position:relative;display:grid;gap:clamp(2rem,1rem + 6vw,7rem)}.tile{position:relative;width:100%;max-width:44rem;margin:0 auto}[data-inview]{opacity:0;transform:translateY(14px);transition:opacity var(--dur),transform var(--dur)var(--ease-out)}.is-inview{opacity:1;transform:none}.stack{list-style:none;display:grid;gap:1rem;--stack-step:14px}ol.stack{grid-auto-rows:1fr}ol.stack .stack-card{align-self:start;box-sizing:border-box;height:calc(100% - var(--i,0) * var(--stack-step))}ol.stack .stack-card::after{content:"";display:block;height:calc(var(--i,0) * var(--stack-step))}.stack-card{position:sticky;top:calc(var(--header-h) + 36px + var(--i,0) * var(--stack-step,14px));background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.2rem;box-shadow:var(--bezel-drop)}.stack-card:nth-child(2){--i:1;background:var(--tint-amber)}.stack-card:nth-child(3){--i:2}.stack-card:nth-child(4){--i:3;background:var(--tint-phosphor)}.stack-card:nth-child(5){--i:4}.stack-card svg{display:block;width:100%;height:auto;max-height:52vh}.stack-card .cap{font:500 var(--ui)var(--sans);color:var(--ink-dim);margin-top:.6rem}.why-card{padding:clamp(1.4rem,1rem + 1.5vw,2.4rem)}.why-card h3{font-size:var(--fs-h3);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin:0 0 .6rem;color:var(--ink-strong)}.why-card p{font-size:1.125rem;line-height:1.45;letter-spacing:-.01em;margin:0 0 1.1rem;max-width:34rem}.why-card .btn{width:auto}.numbers-grid{display:grid;gap:2rem}.num-card:nth-child(1){background:var(--tint-sky)}.num-card:nth-child(2){background:var(--tint-amber)}.num-card:nth-child(3){background:var(--panel)}.num-card:nth-child(4){background:var(--tint-phosphor)}.num{font-size:clamp(3.5rem,2rem + 8vw,8rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--ink-strong)}.num-card p{font-size:1.05rem;line-height:1.45;margin:.8rem 0 0}.band{background:var(--amber);color:var(--substrate);border-radius:var(--radius-lg);margin:0 12px;padding:clamp(3rem,2rem + 4vw,6rem)1.5rem}.band h2.display,.band p,.band .lead{color:var(--substrate)}.band .btn-primary{background:var(--substrate);color:var(--amber);border-color:var(--substrate)}.band .btn-primary:hover{background:var(--panel);border-color:var(--panel)}.band-art svg{display:block;width:min(100%,28rem);height:auto;margin:0 auto 2rem}.lessons-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.lesson-card{border-radius:var(--radius-md)}.lesson-card .pills{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.8rem;min-width:0;max-width:100%}.lesson-card h3{font-size:var(--fs-h3);font-weight:500;letter-spacing:-.02em;line-height:1.15}.lesson-card p{margin-top:.6rem}.lesson-card .free{color:var(--phosphor-dim);font-size:var(--ui-sm)}.marquee-wrap{overflow:hidden;padding:2rem 0;display:grid;gap:.8rem}.marquee{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:inline-flex;gap:.6rem;will-change:transform}.marquee .pill{font-size:1rem;font-weight:500;padding:.55rem 1.1rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg)}.footer-big{font-size:var(--fs-h2);font-weight:500;letter-spacing:var(--track-tight);line-height:1;color:var(--ink-strong);margin:0 0 2rem;text-wrap:balance}body.landing footer{background:var(--tint-phosphor);border-radius:var(--radius-lg)var(--radius-lg)0 0;border-top:0;padding:3rem 0 4rem;margin-top:4rem;color:var(--ink)}body.landing .footlinks a,body.landing .legal{color:var(--ink)}body.landing .footlinks a:hover{color:var(--ink-strong)}@media(prefers-reduced-motion:reduce){[data-inview],.tile{opacity:1;transform:none;transition:none}.stack-card{position:static}.menu-panel,.bars i,.menu-tile{transition:none}}.lesson-end{margin-top:3.2rem;padding-top:1.6rem;border-top:1px solid var(--line)}.lesson-end p{margin:.6rem 0 0}.done-mark{width:2rem;height:2rem;color:var(--ink-dim);stroke-width:1.5}body.done .done-mark{color:var(--phosphor)}.status{font-size:var(--ui);color:var(--ink)}.level-line{color:var(--ink-strong)}.lesson-end .prev{display:none}.lesson-bar{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.lesson-bar>*{flex:1;min-width:0;min-height:56px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--amber);font-size:var(--ui)}.lesson-bar .pos{color:var(--ink-dim)}.lesson-bar .next.lit{background:var(--amber);color:var(--substrate)}.lesson-bar .next.buy{color:var(--amber);font-weight:500}.lesson-bar .next span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .6rem;max-width:100%}.lesson-bar .inert{color:var(--ink-dim)}body.lesson{padding-bottom:calc(56px + env(safe-area-inset-bottom))}body:has(.instrument.fullscreen) .lesson-bar,body.typing .lesson-bar{display:none}.narrow-page>p,.narrow-page form,.narrow-page .facts-list,.narrow-page .capture,.narrow-page .actions,.buy-page>p,.buy-page form,.buy-page .facts-list,.buy-page .capture{max-width:34rem}.buy-page .price{font-size:1.35rem;font-weight:500;letter-spacing:-.01em;color:var(--ink-strong);margin:.2rem 0 0}.buy-page .facts-list{margin:1.2rem 0 1.6rem}.field{margin-top:1rem}.opt-in{display:flex;align-items:flex-start;gap:.6rem;margin-top:.9rem;font-size:var(--ui);line-height:1.4;color:var(--ink);cursor:pointer}.opt-in input{flex:none;width:1.15rem;height:1.15rem;margin:.15em 0 0;accent-color:var(--amber)}.opt-in span{flex:1;min-width:0}.field label{display:block;font-size:var(--ui-sm);color:var(--ink-dim);margin-bottom:.35rem}.field input{width:100%;min-height:48px;font-size:1rem;padding:0 1.1rem;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-lg);font-family:var(--sans)}.field input::placeholder{color:var(--ink-dim)}.notfound .actions{flex-direction:column;align-items:stretch}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:640px){body{font-size:1.1rem;line-height:1.68}.col,.wide{padding:0 1rem}.bezel{padding:.6rem .55rem .5rem}.readouts{gap:.35rem 1rem;font-size:.7rem}.caption{font-size:.72rem}.formula .fx{font-size:1.45rem;padding:.85rem 1rem}.formula .legend{font-size:.7rem}.numbers .nx{font-size:.8rem}.scene-hud .hint-bubble{max-width:84%;font-size:clamp(.6rem,3vw,.85rem)}@media(orientation:portrait){.view-switch{top:auto;right:auto;bottom:.9rem;left:1.3rem;align-items:flex-start}}.check-opts button{padding:.3rem 0}.controls{gap:.5rem 1rem}.controls label{width:100%}.controls input[type=range]{flex:1;width:auto}[data-tip]::after{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;transform:none;width:auto;max-width:none}body.lesson [data-tip]::after{bottom:calc(56px + 1rem + env(safe-area-inset-bottom))}.emblem-hero{margin-top:1.6rem}}@media(max-width:640px){.stack{--stack-step:10px}}@media(min-width:640px){.tile{max-width:min(44rem,78%)}.tile.right{margin-left:auto;margin-right:0}.tile.right .cap{text-align:right}.tile.left{margin-right:auto;margin-left:0}.tile:last-child{margin:0 auto}:root{--gutter:1.25rem}.topbar-pill{gap:1rem;padding-left:1.25rem;padding-right:1.25rem}.menu-tiles{grid-template-columns:1fr 1fr}.menu-links{flex-direction:row;gap:.25rem;margin-top:.8rem}.menu-links a{border-top:0;padding:0 .7rem}.band{margin:0 16px}header{padding-top:2.6rem}.card .btn{align-self:flex-start}.notfound .actions{flex-direction:row;align-items:center}.lessons li>a,.lessons li>div{display:flex;align-items:baseline;gap:1rem}.lessons .num{flex:0 0 2.2rem}.lessons .t{flex:0 0 15rem;font-size:1.02rem}.lessons .c{flex:1;min-width:0}.lessons .badge{flex:0 0 8rem;text-align:right}}@media(min-width:900px){:root{--header-h:60px}.topnav{display:flex}.hero-grid{grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center}.numbers-grid{grid-template-columns:1fr 1fr}.numbers-grid>:first-child{position:sticky;top:calc(var(--header-h) + 36px);align-self:start;box-sizing:border-box}.lessons-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crumbs li:not(:last-child){display:inline-flex}.crumbs li+li::before,.crumbs li:last-child::before{content:"›";margin:0 .5rem;color:var(--ink-dim)}.crumbs li.back::before{content:"‹";margin:0 .4rem 0 0}.crumbs li:first-child::before{content:none;margin:0}.crumbs .pos{display:block}.lesson-bar{display:none}body.lesson{padding-bottom:0}.lesson-end .prev{display:inline-flex}}@media(prefers-reduced-motion:reduce){.tile .s5-node,.tile .s5-stone,.tile .s3-result,.tile .s3-led-glow,.tile .s4-glow,.tile .s4-rays{opacity:1}.tile .s3-fill{transform:scaleX(.35)}.tile .s5-seg,.tile .s3-check{stroke-dashoffset:0}}a.lesson-card,a.lesson-card:hover{text-decoration:none}a.lesson-card h3{color:var(--ink-strong)}a.lesson-card:hover h3{color:var(--amber)}@media(min-width:1100px){.lessons-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:640px) and (max-width:1099px){.lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-live .hero-grid{transform:scale(calc(1 - var(--sy,0) * 14e-5));transform-origin:50% 40%;opacity:calc(1 - var(--sy,0)/1100);will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.hero-live .hero-grid{transform:none;opacity:1}}.hero-scene{position:relative}.hero-scene canvas{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.hero-inst .caption{margin-top:.8rem}@media(max-width:899px){.hero-live{position:relative}.hero-live .hero-grid{transform:none;opacity:1}}.scene-wrap{position:relative}.scene-wrap .hero-hand{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tile .cap{margin:0 0 .9rem;font-size:var(--fs-body);font-weight:500;letter-spacing:-.01em;color:var(--amber-deep)}:root[data-theme=dark] .tile .cap,:root[data-theme=system] .tile .cap{color:var(--amber)}.tile .scene-wrap svg{display:block;width:100%;height:auto}.road-tiles h2{position:relative;text-align:center;margin-bottom:clamp(1.6rem,1rem + 3vw,3rem)}.band .lead{max-width:36rem;margin-bottom:2rem}.reasons{display:grid;gap:1rem}@media(min-width:900px){.reasons{grid-template-columns:repeat(3,1fr)}}.reason{background:rgba(255,255,255,.14);border-radius:var(--radius-md);padding:1.4rem 1.5rem}.reason h3{font-size:var(--fs-h3);font-weight:500;letter-spacing:-.02em;margin:0 0 .6rem;color:var(--substrate)}.reason p{font-size:1.05rem;line-height:1.45;margin:0;color:var(--substrate);opacity:.92}:root[data-theme=dark] .reason,:root[data-theme=system] .reason{background:rgba(0,0,0,.18)}.road-tiles .tile{--tilt:-5deg;transform:translateY(calc((1 - var(--t,1)) * 48px))rotate(calc((1 - var(--t,1)) * var(--tilt)))scale(calc(.96 + var(--t,1) * .04));transform-origin:50% 100%;transition:none;will-change:transform}.road-tiles .tile.right{--tilt:5deg}.road-tiles .tile .cap{opacity:var(--t,1)}.road-canvas-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}.road-canvas{position:absolute;left:0;display:block;width:100%}@media(prefers-reduced-motion:reduce){.road-tiles .tile{transform:none}.road-tiles .tile .cap{opacity:1}.road-canvas-wrap{display:none}}.nav-courses{display:inline-flex}.courses-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:31;padding:.75rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--pop-shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s var(--ease-out),visibility 0s .2s}.courses-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}.nav-courses:hover .courses-panel,.nav-courses:focus-within .courses-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s var(--ease-out)}.courses-panel .menu-tiles{grid-template-columns:1fr 1fr}@media(min-width:900px){.menu-toggle{display:none}}@media(max-width:899px){.courses-panel{display:none}}@media(prefers-reduced-motion:reduce){.courses-panel{transition:none}}.hero-scene canvas{background:0 0;border-radius:0}