@font-face{font-family:Bodoni Moda;font-style:italic;font-display:swap;font-weight:700;src:url(./bodoni-moda-latin-700-italic-5ZJN59qX.woff2)format("woff2"),url(./bodoni-moda-latin-700-italic-NDgNjuOk.woff)format("woff")}@font-face{font-family:Bodoni Moda;font-style:italic;font-display:swap;font-weight:900;src:url(./bodoni-moda-latin-900-italic-tuVZskrB.woff2)format("woff2"),url(./bodoni-moda-latin-900-italic-DZINzkj5.woff)format("woff")}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(./archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(./archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff")}:root{--red:#b8352b;--cream:#f3e6c8;--ochre:#edc27a;--grass:#d8ae5e;--terracotta:#c8784a;--olive:#8e9a58;--cypress:#2f4a2e;--asphalt:#8c7b6b;--brown:#3b2a1e;--purple:#6e3a64;--display:"League Gothic", "Oswald", "Arial Narrow", sans-serif;--text:"Barlow Condensed", "Arial Narrow", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--ochre);height:100%;color:var(--brown);font-family:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}button,input,canvas,#ui *{touch-action:manipulation}.touch,.touch *{touch-action:none}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}html.app-full,html.app-full body{height:var(--app-h)}html.app-full #scene,html.app-full #ui{width:100%;height:var(--app-h);position:absolute;inset:0 auto auto 0}#ui *{pointer-events:none}#ui .interactive,#ui .interactive *{pointer-events:auto}.hud-name{top:calc(clamp(12px, 2.6vh, 30px) + var(--safe-top));left:calc(clamp(14px, 2.6vw, 44px) + var(--safe-left));max-width:60vw;position:absolute}.hud-name h1{font:400 clamp(26px, 3.8vw, 56px) / .95 var(--display);color:var(--cream);text-transform:lowercase;text-shadow:0 2px #3b2a1e47,0 0 18px #3b2a1e2e;margin:0}.hud-name .sub{font:600 clamp(11px, 1.05vw, 15px) / 1.1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);opacity:.9;text-shadow:0 1px #3b2a1e59,0 0 10px #3b2a1e59;margin-top:.4em}.hud-name .sub .narrow{display:none}@media (max-aspect-ratio:1){.hud-name .sub .wide{display:none}.hud-name .sub .narrow{display:inline}}.hud-time{top:calc(clamp(12px, 2.6vh, 30px) + var(--safe-top));right:calc(clamp(14px, 2.6vw, 44px) + var(--safe-right));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.timebox{background:var(--cream);color:var(--brown);font:400 clamp(30px, 4vw, 58px) / 1.05 var(--display);padding:.1em .36em .04em;display:flex;box-shadow:0 3px #3b2a1e2e}.timebox .d{text-align:center;width:.41em;display:inline-block}.timebox .p{text-align:center;width:.2em;display:inline-block}.timebox.invalid{color:var(--red);text-decoration:line-through;text-decoration-thickness:2px}.timebox.idle{opacity:.8}.sectors{gap:5px;display:flex}.sector{background:#f3e6c859;width:clamp(34px,3.8vw,58px);height:8px;box-shadow:0 1px #3b2a1e33}.sector.purple{background:var(--purple)}.sector.green{background:var(--cypress)}.sector.yellow{background:var(--ochre);outline:1px solid #3b2a1e59}.sector.invalid{background:var(--asphalt)}.delta{font:700 clamp(16px, 1.7vw, 25px) / 1.15 var(--text);color:var(--cream);text-align:right;font-variant-numeric:tabular-nums;background:#3b2a1eb8;min-width:4.6em;padding:.04em .4em}.delta.faster{background:var(--cypress)}.delta.slower{background:var(--red)}.delta.hidden{visibility:hidden}.best{font:600 clamp(11px, 1vw, 14px) / 1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px #3b2a1e66}.best b{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:1.3em;font-weight:700}.medals{align-items:center;gap:6px;display:flex}.medal{font:700 clamp(11px, 1vw, 14px) / 1 var(--text);font-variant-numeric:tabular-nums;color:var(--cream);text-shadow:0 1px #3b2a1e73;opacity:.75;align-items:center;gap:5px;display:flex}.medal i{border:2px solid var(--cream);border-radius:50%;width:12px;height:12px;display:inline-block}.medal.bronze i{border-color:var(--terracotta);background:0 0}.medal.silver i{border-color:#d6ccb4}.medal.gold i{border-color:var(--ochre)}.medal.author i{border-color:var(--red)}.medal.won{opacity:1}.medal.won.bronze i{background:var(--terracotta)}.medal.won.silver i{background:#d6ccb4}.medal.won.gold i{background:var(--ochre)}.medal.won.author i{background:var(--red)}.hud.title-mode .hud-name,.hud.title-mode .hud-time,.hud.title-mode .hint,.hud.title-mode .banner,.hud.title-mode .lapcard,body.title-mode .minimap{display:none}.minimap{left:calc(clamp(10px, 2vw, 34px) + var(--safe-left));bottom:calc(clamp(10px, 2.4vh, 30px) + var(--safe-bottom));width:clamp(120px,15vw,220px);height:clamp(120px,15vw,220px);position:absolute}.hud-time .rank{font:700 clamp(11px, 1vw, 14px) / 1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px #3b2a1e59,0 0 10px #3b2a1e4d}.hud-time .rank.flash{animation:1.4s ease-out rankflash}@keyframes rankflash{0%{color:var(--ochre);transform:scale(1.15)}to{color:var(--cream);transform:none}}.save-chip{font:700 12px / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;background:var(--cream);color:var(--brown);border:2px solid var(--brown);cursor:pointer;padding:8px 12px 7px;box-shadow:0 4px #3b2a1e33}.hud-time .rank.hidden,.save-chip.hidden{display:none}.save-chip{transition:opacity .3s,visibility .3s}.hud.announcing .save-chip{opacity:0;visibility:hidden}.hud.title-mode .save-chip{display:none}.hud-time .rival{font:600 clamp(11px, 1vw, 14px) / 1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px #3b2a1e66,0 0 10px #3b2a1e4d}.hud-time .rival b{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:1.3em;font-weight:700}.hud-time .rival.hidden,.watch-layer{display:none}.hud.watching .watch-layer{display:block}.watch-card{left:50%;top:calc(clamp(70px, 17vh, 160px) + var(--safe-top));text-align:center;width:max-content;max-width:min(88vw,660px);color:var(--brown);background:#f3e6c8f0;padding:.5em 1.2em .75em;position:absolute;transform:translate(-50%);box-shadow:0 4px #3b2a1e38,0 14px 34px #3b2a1e33}.watch-card .title{font:400 clamp(30px, 4.8vw, 62px) / .95 var(--display);text-transform:lowercase}.watch-card .text{font:700 clamp(11px, 1.25vw, 15px) / 1.3 var(--text);letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;margin-top:.5em}.watch-card .turn{font:400 clamp(26px, 3.6vw, 46px) / 1 var(--display);letter-spacing:.04em;color:var(--cream);background:var(--red);margin-top:.55em;padding:.3em .8em .24em;display:none}.watch-layer.done .watch-card .turn{animation:.5s ease-out yourturn;display:inline-block}.watch-layer.done .watch-card .title{font-variant-numeric:tabular-nums}@keyframes yourturn{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:none}}.watch-foot{left:50%;bottom:calc(clamp(18px, 4.5vh, 44px) + var(--safe-bottom));flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.watch-skip{font:400 clamp(24px, 3.2vw, 38px) / 1 var(--display);letter-spacing:.04em;white-space:nowrap;color:var(--cream);background:var(--red);cursor:pointer;border:0;padding:.08em 1.1em .26em;box-shadow:0 4px #3b2a1e59}.watch-skip:active{transform:translateY(3px);box-shadow:0 1px #3b2a1e59}.watch-keys{font:700 12px / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px #3b2a1e73,0 0 10px #3b2a1e59}.watch-card .peers{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:.65em;display:flex}.watch-card .peer{font:700 clamp(12px, 1.3vw, 14px) / 1 var(--text);letter-spacing:.04em;color:var(--brown);box-shadow:inset 0 0 0 1.5px var(--brown);cursor:pointer;background:0 0;border:0;align-items:baseline;gap:.4em;padding:.38em .75em .3em;display:inline-flex}.watch-card .peer b{font:400 1.3em / .8 var(--display)}.watch-card .peer.on,.watch-card .peer:disabled{color:var(--cream);background:var(--brown);cursor:default}.watch-card .peer:not(:disabled):hover{background:#3b2a1e1a}.ghost-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ghost-tag{font:700 12px / 1 var(--text);letter-spacing:.04em;white-space:nowrap;color:var(--brown);will-change:transform;background:#f3e6c8e0;align-items:baseline;gap:.4em;padding:.3em .55em .24em;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px #3b2a1e38}.ghost-tag b{font:400 1.3em / .8 var(--display)}.ghost-tag .gap{font-variant-numeric:tabular-nums;color:var(--red)}.ghost-tag.pinned{background:var(--cream)}.watch-progress{left:0;right:0;bottom:var(--safe-bottom);background:#f3e6c852;height:6px;position:absolute}.watch-progress .fill{background:var(--red);transform-origin:0;height:100%;transform:scaleX(0)}.hud.watching .best,.hud.watching .rank,.hud.watching .medals,.hud.watching .rival,.hud.watching .delta,.hud.watching .sectors,.hud.watching .save-chip,.hud.watching .hint,.hud.watching .banner,.hud.watching .lapcard,body.watching .touch{display:none}@media (max-aspect-ratio:1){body.watching .minimap{display:none}}.banner{opacity:0;text-align:center;white-space:nowrap;transition:opacity .25s,transform .25s;position:absolute;top:17vh;left:50%;transform:translate(-50%,-8px)}.banner.show{opacity:1;transform:translate(-50%)}.banner .main{background:var(--cream);color:var(--brown);font:400 clamp(28px, 3.8vw, 56px) / 1.05 var(--display);text-transform:lowercase;padding:.1em .5em .02em;display:inline-block;box-shadow:0 3px #3b2a1e33}.banner.bad .main{background:var(--red);color:var(--cream)}.banner.good .main{background:var(--cypress);color:var(--cream)}.banner.gold .main{background:var(--ochre);color:var(--brown)}.banner .small{font:700 clamp(11px, 1vw, 14px) / 1 var(--text);letter-spacing:.18em;color:var(--cream);text-transform:uppercase;text-shadow:0 1px #3b2a1e80;margin-top:6px}.lapcard{--t:clamp(32px, 4.4vw, 60px);left:50%;top:calc(var(--safe-top) + clamp(10px, 2.6vh, 30px));opacity:0;text-align:center;white-space:nowrap;grid-template-columns:auto auto;justify-content:center;align-items:baseline;column-gap:.45em;transition:opacity .3s,transform .3s;display:grid;position:absolute;transform:translate(-50%)scale(.96)}.lapcard.show{opacity:1;transform:translate(-50%)scale(1)}.lapcard .t{font:400 var(--t) / 1 var(--display);color:var(--cream);text-shadow:0 3px #3b2a1e59;font-variant-numeric:tabular-nums}.lapcard .d{font:700 clamp(15px, 1.6vw, 22px) / 1.2 var(--text);color:var(--cream);text-shadow:0 2px #3b2a1e66;font-variant-numeric:tabular-nums}.lapcard .splits{grid-column:1/-1;justify-content:center;gap:6px;margin-top:5px;display:flex}@media (min-aspect-ratio:1){.banner{top:max(17vh, calc(var(--safe-top) + clamp(10px, 2.6vh, 30px) + 1.05 * clamp(32px, 4.4vw, 60px) + 44px))}}.lapcard:not(:has(.d)){grid-template-columns:auto}@media (max-aspect-ratio:1){.lapcard{--t:clamp(34px, 10vw, 46px);top:calc(17vh + 66px)}}.lapcard .splits span{font:700 clamp(11px, 1vw, 14px) / 1 var(--text);font-variant-numeric:tabular-nums;color:var(--cream);padding:4px 7px 3px}.lapcard .splits .purple{background:var(--purple)}.lapcard .splits .green{background:var(--cypress)}.lapcard .splits .yellow{background:var(--ochre);color:var(--brown)}.lapcard .splits .invalid{background:var(--asphalt)}.hint{right:calc(clamp(14px, 2.6vw, 44px) + var(--safe-right));bottom:calc(clamp(10px, 2.4vh, 28px) + var(--safe-bottom));font:600 12px / 1 var(--text);letter-spacing:.14em;color:var(--cream);opacity:.85;text-shadow:0 1px #3b2a1e80;text-transform:uppercase;position:absolute}.fps{color:var(--cream);background:#3b2a1e99;padding:2px 6px;font-family:ui-monospace,Menlo,monospace;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.screen{padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));--pf:var(--olive);--pt:var(--cream);--pi:var(--brown);--px:var(--brown);--pa:var(--red);--pat:var(--cream);--pm:#a3ad6c;--ps:var(--cream);--step:#e6ca93;background:#3b2a1e24;place-items:center;transition:opacity .35s;display:grid;position:absolute;inset:0}.screen.hidden{opacity:0;visibility:hidden}.screen.hidden.gone{content-visibility:hidden}.loading{font:400 clamp(30px, 5vw, 54px) / 1 var(--display);color:var(--cream);text-shadow:0 2px #3b2a1e4d}.poster{--h:min(100%, 820px);height:var(--h);aspect-ratio:.7;background:var(--cream);text-align:center;flex-direction:column;max-width:100%;padding:clamp(8px,1.6vh,14px) clamp(8px,1.6vh,14px) 0;display:flex;position:relative;box-shadow:0 10px #3b2a1e24,0 24px 60px #3b2a1e40;container-type:size}.field{background:var(--pf);min-height:0;color:var(--px);flex:1;position:relative;overflow:hidden}.poster button,.side-card button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.view{padding:3.8cqh 7cqw 2cqh;display:none;position:absolute;inset:0}.view.on{flex-direction:column;display:flex}.head .kicker{font:600 clamp(11px, 1.6cqh, 15px) / 1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--pi)}.head h1{white-space:nowrap;font:400 min(22cqw, 14cqh) / .8 var(--display);letter-spacing:.005em;color:var(--pt);margin:.08em 0 0}.head h2{font:400 min(8.8cqw, 5.2cqh) / .95 var(--display);color:var(--pi);text-wrap:balance;margin:.2em 0 0}.head .when{font:600 clamp(11px, 1.75cqh, 15px) / 1.1 var(--text);letter-spacing:.08em;color:var(--pi);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em .8em;margin-top:.6em;display:flex}.head .when .closes{letter-spacing:.06em;color:var(--brown);background:var(--cream);font-variant-numeric:tabular-nums;padding:.34em .62em .28em;box-shadow:0 2px #3b2a1e33}.main .lead{flex-direction:column;flex:1;min-height:0;display:flex}.main .art{flex:1;min-height:60px;margin:0 -7cqw;position:relative;container-type:size}.art-canvas{width:100%;height:100%;position:absolute;inset:0}.motif{position:absolute;inset:0}.motif svg{width:100%;height:100%;display:block}.motif.flag svg{aspect-ratio:270/250;transform-origin:0 100%;width:auto;height:min(76cqh,50cqw);position:absolute;top:6%;left:9%;transform:rotate(-9deg)}.motif.flag.flip svg{transform-origin:100% 100%;left:auto;right:9%;transform:scaleX(-1)rotate(-9deg)}.motif .sun{fill:var(--ps);opacity:.92}.motif .ray{fill:var(--pm)}.motif .band1{fill:var(--ps)}.motif .band2{fill:var(--pi)}.motif .band3{fill:var(--pm)}.flag .pole{fill:var(--brown)}.flag .cloth{fill:var(--cream)}.flag .checks{fill:var(--brown)}.main .info{flex-direction:column;flex:none;align-items:center;display:flex}.main .car{font:400 min(7.6cqw, 4.3cqh) / 1 var(--display);color:var(--pi);justify-content:center;align-items:baseline;gap:.35em;display:flex}.main .car b{font-weight:400}.main .car .year{color:var(--pt)}.main .car .tag{font:700 clamp(9px, 1.4cqh, 12px) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--pf);background:var(--pi);align-self:center;margin-left:.2em;padding:.35em .6em .3em}.main .blurb{max-width:30em;font:500 clamp(12px, 1.8cqh, 15px) / 1.2 var(--text);color:var(--pi);text-wrap:balance;margin-top:.3em}.main .blurb.challenge-line{font:400 min(7.4cqw, 4.3cqh) / 1 var(--display);letter-spacing:.01em;color:var(--pt);margin-top:.25em}.main .challenge-hint{max-width:30em;font:500 clamp(12px, 1.8cqh, 15px) / 1.2 var(--text);color:var(--pi);text-wrap:balance;margin-top:.4em}.main .seals{border-top:2px solid var(--pi);justify-content:center;align-items:flex-start;gap:clamp(12px,5.5cqw,44px);width:100%;margin-top:1.5cqh;display:flex}.seal{aspect-ratio:100/134;width:4.7em;font:700 clamp(11px, 1.85cqh, 16px) / 1 var(--text);color:var(--pi);--rim:var(--pi);--face:transparent;--shine:transparent;position:relative}.seal svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.seal .st,.seal .shine{display:none}.seal .edge,.seal .rim{fill:var(--pf);stroke:var(--pi);stroke-width:1.5px;vector-effect:non-scaling-stroke}.seal .bail{fill:none;stroke:var(--pi);stroke-width:1.5px;vector-effect:non-scaling-stroke}.seal .face{fill:none}.seal .ring{fill:none;stroke:var(--pi);stroke-width:1px;opacity:.45;vector-effect:non-scaling-stroke}.seal .txt{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:31% 8% 2%}.seal .m{letter-spacing:.1em;text-indent:.1em;text-transform:uppercase;font-size:max(9px,.66em)}.seal b{letter-spacing:0;font-variant-numeric:tabular-nums;margin-top:.22em;font-size:.94em;font-weight:700}.seal.won{transform-origin:50% 0;transform:rotate(-6deg)}.seal.won svg{filter:drop-shadow(0 2px #3b2a1e4d)}.seal.won .st{display:inline}.seal.won .st.g{fill:#47663a}.seal.won .st.w{fill:var(--cream)}.seal.won .st.r{fill:var(--red)}.seal.won .edge{fill:none;stroke-width:1px}.seal.won .rim{fill:var(--rim);stroke-width:1.2px}.seal.won .face{fill:var(--face)}.seal.won .ring{stroke:var(--rim);opacity:.85;stroke-width:1.2px}.seal.won .shine{fill:none;stroke:var(--shine);stroke-width:3.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;display:inline}.seal.won .bail{stroke:var(--rim);stroke-width:3px}.seal.won.bronze{--rim:#6e3e22;--face:#a8653b;--shine:#cf9264;color:var(--cream)}.seal.won.silver{--rim:#8c7b6b;--face:#ddd3c2;--shine:#fbf4e6;color:var(--brown)}.seal.won.gold{--rim:#b0803a;--face:var(--ochre);--shine:#faeac2;color:var(--brown)}@container (height>=720px){.seal{width:5.2em}}.main .progress{border-top:1px solid var(--pi);border-bottom:2px solid var(--pi);width:100%;font:600 clamp(11px, 1.6cqh, 14px) / 1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--pi);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4em .65em;margin-top:1.4cqh;padding:.8em .2em .72em;display:flex}.main .progress b{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:1.25em;font-weight:700}.main .progress .dot{letter-spacing:0;opacity:.7}.main .progress .link{margin-top:0}.main .progress.ticketed{letter-spacing:normal;text-transform:none;border-bottom:0;padding:1.3cqh 0 0}.lap-ticket{width:100%;color:var(--brown);background:var(--cream);text-align:left;align-items:stretch;display:flex;box-shadow:0 3px #3b2a1e38}.lap-ticket .stub{border-right:2px dashed #3b2a1e59;flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;gap:.35em;min-width:0;padding:.6em .85em .65em;display:flex}.lap-ticket .lbl{font:700 clamp(9px, 1.25cqh, 11px) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase}.main .lap-ticket b{font:400 clamp(22px, 3.6cqh, 32px) / .9 var(--display);letter-spacing:.01em;font-variant-numeric:tabular-nums}.lap-ticket .link{letter-spacing:.1em;white-space:nowrap;margin:0;font-size:clamp(10px,1.35cqh,12px)}.lap-ticket .challenge{min-width:0;font:400 clamp(20px, 3.2cqh, 30px) / 1 var(--display);letter-spacing:.03em;text-wrap:balance;color:var(--cream);background:var(--red);flex:0 50%;padding:.06em .7em .24em}.lap-ticket .challenge:active{filter:brightness(.92)}.main .progress.done .said{font-weight:700}.main .notice{max-width:28em;font:600 clamp(11px, 1.7cqh, 14px) / 1.25 var(--text);color:var(--pi);text-wrap:balance;margin-top:1.3cqh}.main .poll{z-index:2;max-width:min(60%,250px);font:700 12px / 1.2 var(--text);color:var(--brown);background:var(--cream);flex-direction:column;align-items:center;gap:.55em;padding:.95em 1.15em .85em;display:flex;position:absolute;top:9%;right:8%;transform:rotate(2.5deg);box-shadow:0 3px #3b2a1e38,0 10px 22px #3b2a1e33}.main .poll:before{content:"";background:var(--brown);border-radius:2px;width:34px;height:12px;margin-left:-17px;position:absolute;top:-6px;left:50%}.main .poll .q,.main .poll .said{letter-spacing:.12em;text-transform:uppercase;text-wrap:balance}.main .poll .answers{flex-wrap:wrap;justify-content:center;gap:.45em 1em;display:flex}.main .poll .link{letter-spacing:.1em;color:var(--brown);margin-top:0;font-size:12px}.main .poll .close{font:700 13px / 1 var(--text);color:var(--brown);opacity:.6;padding:4px 6px;position:absolute;top:3px;right:5px}.poster .link,.side-card .link{font:600 clamp(11px, 1.6cqh, 14px) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;text-underline-offset:.3em;margin-top:1.6cqh;text-decoration:underline}.side-card .link{margin-top:0;font-size:12px}.poster .go{font:400 clamp(22px, 4.2cqh, 38px) / 1 var(--display);letter-spacing:.04em;color:var(--pat);background:var(--pa);padding:.07em 1em .26em;position:relative;box-shadow:0 4px #3b2a1e59}.poster .go:active{transform:translateY(3px);box-shadow:0 1px #3b2a1e59}.poster .second{font:400 clamp(22px, 4.2cqh, 36px) / 1 var(--display);letter-spacing:.04em;color:var(--pi);box-shadow:inset 0 0 0 2px var(--pi);padding:.07em .8em .26em}.poster .go:focus-visible,.poster .second:focus-visible,.poster .link:focus-visible,.poster .ticket:focus-visible,.poster .toggle:focus-visible,.side-card button:focus-visible{outline:2px solid var(--brown);outline-offset:3px}.field .go:focus-visible,.field .second:focus-visible,.field .link:focus-visible{outline-color:var(--pt)}.poster .key{min-width:1.5em;font:700 10px / 1 var(--text);letter-spacing:0;text-align:center;opacity:.85;border:1.5px solid;border-radius:3px;padding:.22em .25em .14em;position:absolute;top:6px;right:7px}.foot{flex-direction:column;flex:none;gap:1.2cqh;padding:1.5cqh 0 1.1cqh;display:flex}.foot .act-row{align-items:stretch;gap:10px;display:flex}.foot .actions{flex:1.7 1 0;gap:10px;min-width:0;display:flex}.foot .actions .go,.foot .actions .second,.foot .second.board{white-space:nowrap;flex:1 1 0;min-width:0}.foot .actions .go,.foot .actions .second,.foot .second.board,.lap-ticket .challenge{text-align:center;justify-content:center;align-items:center;display:flex}.foot .go{color:var(--cream);background:var(--red);font-size:clamp(24px,4.6cqh,42px)}.foot .second{color:var(--brown);box-shadow:inset 0 0 0 2px var(--brown);font-size:clamp(20px,3.6cqh,32px)}.poster:not([data-view=main]) .foot .act-row,.poster[data-view=challenge] .foot .toggles{display:none}.foot .ticket{text-align:left;min-width:0;color:var(--brown);box-shadow:inset 0 0 0 2px var(--brown);flex:1 1 0;align-items:center;gap:.5em;padding:.3em .7em .3em .4em;display:flex;position:relative}.foot .ticket.new,.foot .ticket.nudge{flex:1.3 1 0}.foot .ticket.small{flex:none;padding:.3em .75em .3em .35em}.ticket .helmet{object-fit:contain;flex:none;width:clamp(30px,5.4cqh,46px);height:clamp(30px,5.4cqh,46px)}.ticket .words{flex-direction:column;min-width:0;display:flex}.ticket .label{font:700 clamp(9px, 1.25cqh, 11px) / 1.1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:.25em}.ticket b{font:400 clamp(19px, 3cqh, 28px) / .95 var(--display);white-space:nowrap}.ticket .sub{font:700 clamp(9px, 1.3cqh, 12px) / 1.1 var(--text);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;margin-top:.2em}.ticket.small b,.ticket.small .label{display:none}.ticket:active{transform:translateY(2px)}.foot .toggles{flex-wrap:wrap;justify-content:center;gap:.5em 1.5em;display:flex}.foot .toggle{font:700 clamp(10px, 1.45cqh, 13px) / 1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--brown);align-items:center;gap:.5em;padding:2px 0;display:inline-flex}.toggle .glyph{width:2.1em;height:2.1em;box-shadow:inset 0 0 0 1.5px var(--brown);flex:none;place-items:center;display:grid;position:relative}.toggle.lesson .glyph img{object-fit:contain;width:118%;height:118%}.foot .toggle.how .glyph{font:400 1.5em / 1 var(--display);letter-spacing:0;width:1.4em;height:1.4em}.toggle svg{width:72%;height:72%;overflow:visible}.toggle svg .fill{fill:var(--brown)}.toggle svg .line{fill:none;stroke:var(--brown);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.toggle svg .dash{fill:none;stroke:var(--cream);stroke-width:1.2px;stroke-dasharray:2 2.6}.toggle.off{opacity:.62}.toggle.off .name{text-decoration:line-through;text-decoration-thickness:1.5px}.toggle.off .glyph:after{content:"";background:var(--brown);height:1.5px;position:absolute;top:50%;left:8%;right:8%;transform:rotate(-45deg)}.small-print{font:600 clamp(10px, 1.4cqh, 12px) / 1.15 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--brown);text-wrap:balance}.podium{color:var(--brown)}.podium h3{font:400 1em / .92 var(--display);color:var(--brown);margin:0}.podium .where{font:700 11px / 1.35 var(--text);letter-spacing:.12em;text-transform:uppercase;opacity:.8}.podium .where span{display:block}.podium .steps{justify-content:center;align-items:flex-end;display:flex}.podium .step{min-width:0;color:var(--brown);flex-direction:column;flex:1 1 0;align-items:center;display:flex;position:relative}.podium .fig{z-index:1;height:var(--fig,100px);aspect-ratio:112/150;display:block;position:relative}.podium .fig img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .15s;position:absolute;inset:0}.podium .p2 .fig img{transform:scaleX(-1)}.podium .laurel{z-index:0;left:50%;top:calc(var(--fig,100px) * -.06);width:calc(var(--fig,100px) * .95);aspect-ratio:1;position:absolute;transform:translate(-50%)}.podium .laurel svg{width:100%;height:100%}.podium .laurel .leaf{fill:#6e7b47}.podium .block{width:100%;font:400 var(--num,24px) / 1 var(--display);color:var(--brown);background:var(--step);place-items:center;display:grid;box-shadow:inset 0 3px #fff6,inset 0 -3px #3b2a1e1f}.podium .p1 .block{height:calc(var(--num,24px) * 1.55)}.podium .p2 .block{height:calc(var(--num,24px) * 1.12)}.podium .p3 .block{height:calc(var(--num,24px) * .8);font-size:calc(var(--num,24px) * .75)}.podium .p1{z-index:1}.podium .plaque{flex-direction:column;align-items:center;gap:.12em;max-width:100%;margin-top:.35em;display:flex}.podium .plaque .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:400 var(--pname,18px) / 1 var(--display);overflow:hidden}.podium .plaque .time{font:700 var(--ptime,12px) / 1 var(--text);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.podium .step.empty .nobody{font:400 calc(var(--fig,100px) * .4) / 1 var(--display);opacity:.3;place-items:center;display:grid;position:absolute;inset:35% 0 0}.podium .flag{z-index:2;font:700 11px / 1 var(--text);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--cream);background:var(--red);opacity:0;pointer-events:none;padding:.32em .55em .26em;transition:opacity .15s,transform .15s;position:absolute;top:0;left:50%;transform:translate(-50%,4px);box-shadow:0 2px #3b2a1e40}@media (hover:hover){.podium button.step:hover .fig img,.podium button.step:focus-visible .fig img{transform:translateY(-6%)}.podium button.p2:hover .fig img,.podium button.p2:focus-visible .fig img{transform:scaleX(-1)translateY(-6%)}.podium button.step:hover .flag,.podium button.step:focus-visible .flag{opacity:1;transform:translate(-50%,-2px)}}.podium button.step:active .fig img{transform:translateY(-3%)}.podium button.p2:active .fig img{transform:scaleX(-1)translateY(-3%)}.podium .tip{font:700 clamp(10px, 1.3cqh, 11px) / 1.2 var(--text);letter-spacing:.14em;text-transform:uppercase}.podium-band{background:var(--cream);text-align:left;--fig:7.6cqh;--num:2.4cqh;--pname:clamp(13px, 2.2cqh, 18px);--ptime:clamp(11px, 1.6cqh, 13px);z-index:2;--slant:6.4cqh;flex:none;grid-template-rows:auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-items:center;column-gap:3cqw;margin:1.8cqh -7cqw 0;padding:1.4cqh 5cqw 1.1cqh;display:grid;position:relative}.podium-band .podium-head{grid-area:1/1;align-self:center}.podium-band .slant{width:100%;height:var(--slant);pointer-events:none;position:absolute;top:calc(100% - 1px);left:0}.podium-band.flip .slant{transform:scaleX(-1)}.slant .cut{fill:var(--cream)}.slant .s1{fill:var(--pi)}.slant .s2{fill:var(--ps)}.podium-band h3{font-size:min(7.4cqw,4cqh)}.podium-band .where{display:none}.podium-band .tip{margin-top:.55em}.podium-band .steps{grid-area:1/2}.side-card{width:clamp(250px,21vw,320px);max-height:100%;color:var(--brown);background:var(--cream);text-align:center;outline-offset:-8px;outline:1px solid #3b2a1e47;flex-direction:column;padding:22px 22px 20px;display:none;box-shadow:0 8px #3b2a1e24,0 20px 46px #3b2a1e3d}.podium-card{--fig:clamp(84px, 11vh, 112px);--num:26px;--pname:21px;--ptime:13px}.podium-card h3{font-size:34px}.podium-card .where{margin-top:.5em}.podium-card .steps{flex:1;margin-top:12px}.podium-card .all{border-top:1px solid #3b2a1e59;margin-top:14px;padding-top:12px;text-decoration:none}.podium-card .all:hover{text-decoration:underline}.today-card{text-align:left}.today-card .today-head{border-bottom:2px solid var(--brown);justify-content:space-between;align-items:baseline;gap:.6em;padding-bottom:8px;display:flex}.today-card h3{font:400 34px / .92 var(--display);margin:0}.today-card .count{font:700 11px / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.today-card .rows{flex-direction:column;margin-top:4px;display:flex}.today-card .row{font:600 15px / 1.1 var(--text);grid-template-columns:1.5em minmax(0,1fr) auto 4.4em;align-items:center;gap:8px;padding:7px 6px 6px;display:grid}.today-card .row+.row{border-top:1px solid #3b2a1e2e}.today-card .rank{text-align:right;font-weight:700}.today-card .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.today-card .time{font-variant-numeric:tabular-nums;font-weight:700}.today-card .lock{opacity:.45;justify-self:end;width:10px;height:12px}.today-card .lock svg{width:100%;height:100%;display:block}.today-card .lock .fill{fill:var(--brown)}.today-card .lock .line{fill:none;stroke:var(--brown);stroke-width:1.6px}.today-card .watch{font:700 11px / 1 var(--text);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--red);justify-self:end}.today-card .watch:hover{text-underline-offset:.3em;text-decoration:underline}.today-card .label{font:700 10px / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-top:12px;padding:0 6px 3px}.today-card .label+.row{border-top:0}.today-card .row.target{box-shadow:inset 3px 0 0 var(--red)}.today-card .row.you{background:var(--pf);color:var(--px)}.today-card .row.you+.row,.today-card .row+.row.you{border-top-color:#0000}.today-card .gap{text-align:center;opacity:.55;padding:2px 0}.today-card .note{font:500 14px / 1.25 var(--text);text-wrap:balance;margin-top:12px}.today-card .all{align-self:center;margin-top:auto;padding-top:16px}@keyframes come-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.podium-band:not([hidden]){animation:.35s ease-out both fade-in}@media (min-width:1180px) and (min-height:640px){.screen.cards{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(18px,2.4vw,44px)}.screen.cards>.poster{grid-area:1/2}.screen.cards>.loading{grid-area:1/1/auto/-1}.screen.cards>.side-card:not([hidden]){grid-row:1;min-height:350px;animation:.4s ease-out both come-in;display:flex}.screen.cards>.podium-card{grid-column:1;justify-self:end}.screen.cards>.today-card{grid-column:3;justify-self:start}.screen.cards[data-view=board]>.today-card,.screen.cards .poster .podium-band{display:none}}.how .head h1{font-size:min(20cqw,12cqh)}.how .steps{counter-reset:step;flex-direction:column;flex:1;justify-content:center;gap:2.6cqh;min-height:0;margin:3cqh 0 0;padding:0;list-style:none;display:flex}.how .steps li{counter-increment:step}.how .steps h3{font:400 min(8.4cqw, 4.8cqh) / 1 var(--display);color:var(--pi);margin:0}.how .steps h3:before{content:counter(step) "  ";color:var(--pt);white-space:pre}.how .steps p{max-width:24em;font:500 clamp(13px, 2.1cqh, 17px) / 1.25 var(--text);text-wrap:balance;margin:.3em auto 0}.how .how-actions{flex-wrap:wrap;justify-content:center;align-self:center;gap:1.2cqh 1.4cqw;margin-top:2cqh;display:flex}.how .how-actions .go,.how .how-actions .second{margin-top:0}.beta-corner{z-index:3;pointer-events:none;width:104px;height:104px;position:absolute;top:0;right:0;overflow:hidden}.poster .beta-sash{width:180px;color:var(--cream);background:var(--red);pointer-events:auto;justify-content:center;align-items:baseline;gap:.45em;padding:5px 0 4px;display:flex;position:absolute;top:24px;right:-44px;transform:rotate(45deg);box-shadow:0 2px #3b2a1e4d}.poster .beta-sash b{font:400 17px / 1 var(--display);letter-spacing:.04em}.poster .beta-sash span{font:700 9.5px / 1 var(--text);letter-spacing:.12em;text-transform:uppercase}.poster .beta-sash:active{filter:brightness(.92)}.poster .beta-sash:focus-visible{outline:2px solid var(--brown);outline-offset:2px}.how .tell{color:var(--pi);align-self:center;margin-top:2cqh}.view.feedback-view{gap:1.6cqh}.feedback-view .head h1{font-size:min(20cqw,12cqh)}.fb-form,.fb-thanks{flex-direction:column;gap:1.4cqh;display:flex}.feedback-view .pitch{max-width:24em;font:500 clamp(13px, 2cqh, 16px) / 1.3 var(--text);color:var(--pi);text-wrap:balance;margin:0 auto}.fb-text{width:100%;min-height:7.5em;font:500 16px / 1.35 var(--text);color:var(--brown);background:var(--cream);box-shadow:inset 0 0 0 2px var(--brown);resize:none;-webkit-user-select:text;user-select:text;border:0;outline:none;padding:.6em .75em}.fb-text::placeholder{color:var(--asphalt)}.fb-text:focus{box-shadow:inset 0 0 0 3px var(--brown)}.fb-with{font:600 clamp(10px, 1.45cqh, 12px) / 1.2 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--pi);opacity:.8;margin:0}.fb-actions{justify-content:center;align-items:center;gap:1.4em;display:flex}.fb-actions .link{color:var(--pi);margin-top:0}.poster .fb-actions .go:disabled{opacity:.45;cursor:default}.fb-msg{min-height:1.2em;font:700 clamp(11px, 1.6cqh, 13px) / 1.2 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--pi);margin:0}.fb-thanks{flex:1;justify-content:center;align-items:center}.fb-thanks .big{font:400 min(13cqw, 8cqh) / 1 var(--display);color:var(--pt);margin:0}.poster[data-view=feedback] .foot .act-row{display:none}.view.challenge-view{gap:1.5cqh;padding:3cqh 6cqw 2.4cqh}.challenge-view .head{flex:none}.challenge-view .head .kicker{font:700 clamp(12px, 2cqh, 17px) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--pat);background:var(--pa);padding:.5em .85em .42em;display:inline-block;box-shadow:0 3px #3b2a1e4d}.challenge-view .head h1{font:400 min(19cqw, 10cqh) / .8 var(--display);letter-spacing:.005em;color:var(--pt);margin:.14em 0 0}.challenge-view .pitch{max-width:25em;font:500 clamp(12px, 1.85cqh, 16px) / 1.25 var(--text);text-wrap:balance;margin:.5em auto 0}.challenge-view .label{font:700 clamp(9px, 1.35cqh, 12px) / 1.1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--pi)}.challenge-view .facts{border-top:2px solid var(--pi);border-bottom:2px solid var(--pi);flex:1;min-height:0;display:flex}.challenge-view .fact{flex-direction:column;flex:1;align-items:center;min-width:0;padding:1.1cqh .5em 1.2cqh;display:flex}.challenge-view .fact+.fact{border-left:1px solid #3b2a1e73}.challenge-view .outline,.challenge-view .pic{flex:1;width:100%;min-height:44px;margin:.8cqh 0 .6cqh;position:relative}.challenge-view .outline svg{width:100%;height:100%;position:absolute;inset:0}.challenge-view .outline .road{fill:none;stroke:var(--pi);stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.challenge-view .outline .show{fill:none;stroke:var(--pa);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.challenge-view .outline .line{stroke:var(--pt);stroke-width:5px;vector-effect:non-scaling-stroke}.challenge-view .pic:before{content:"";aspect-ratio:1;background:var(--ps);opacity:.9;border-radius:50%;height:88%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.challenge-view .fact b{font:400 min(6.4cqw, 3.5cqh) / 1 var(--display);color:var(--pi);text-align:center;text-wrap:balance}.challenge-view .fact b em{color:var(--pt);font-style:normal}.challenge-view .fact .tag{font:700 clamp(9px, 1.35cqh, 12px) / 1.1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--pa);margin-top:.4em}.challenge-view .fact .tag.marked:before{content:"";vertical-align:middle;background:var(--pa);width:1.3em;height:3px;margin:0 .45em .22em 0;display:inline-block}.challenge-view .fact .blurb{max-width:16em;font:500 clamp(11px, 1.6cqh, 14px) / 1.2 var(--text);text-wrap:balance;margin-top:.35em}.challenge-view .plan{flex-direction:column;flex:none;gap:1.5cqh;display:flex}.challenge-view .stakes{align-items:stretch;display:flex}.challenge-view .beat{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.challenge-view .beat .time{font:400 min(15cqw, 8cqh) / .9 var(--display);color:var(--pt);margin:.08em 0 .06em}.challenge-view .beat .who{font:600 clamp(11px, 1.65cqh, 14px) / 1.2 var(--text)}.challenge-view .mini{text-align:left;border-left:1px solid #3b2a1e73;flex:1;min-width:0;padding-left:.9em}.challenge-view .mini .label{margin-bottom:.45em}.challenge-view .mini .row{font:600 clamp(11px, 1.7cqh, 14px) / 1.45 var(--text);grid-template-columns:1em minmax(0,1fr) auto;gap:.45em;display:grid}.challenge-view .mini .rank{color:var(--pi);font-weight:700}.challenge-view .mini .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.challenge-view .mini .time{font-variant-numeric:tabular-nums;font-weight:700}.challenge-view .mini .row.them{color:var(--pt)}.challenge-view .steps{counter-reset:step;text-align:left;flex-direction:column;gap:.7cqh;margin:0;padding:0;list-style:none;display:flex}.challenge-view .steps li{counter-increment:step;text-indent:-1.25em;padding-left:1.25em}.challenge-view .steps li:before{content:counter(step);text-indent:0;width:1.25em;font:400 min(7cqw, 3.9cqh) / 1 var(--display);color:var(--pt);display:inline-block}.challenge-view .steps b{font:400 min(5.8cqw, 3.2cqh) / 1 var(--display);color:var(--pi);margin-right:.35em}.challenge-view .steps span{font:500 clamp(11px, 1.6cqh, 14px) / 1.25 var(--text)}.challenge-view .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.poster .challenge-view .actions button{white-space:nowrap;font-size:clamp(20px,3.5cqh,32px)}.challenge-view .note{max-width:30em;font:500 clamp(12px, 1.85cqh, 16px) / 1.3 var(--text);text-wrap:balance;margin:0 auto}.main .nudge{max-width:24em;font:400 min(6.4cqw, 3.4cqh) / 1.05 var(--display);color:var(--pt);text-wrap:balance;margin-top:1.4cqh}.board-view{padding-top:3cqh}.board{flex-direction:column;flex:1;min-height:0;display:flex}.board .back{font:600 clamp(11px, 1.6cqh, 14px) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--pi);align-self:flex-start}.board .kicker{font:600 clamp(11px, 1.7cqh, 15px) / 1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--pi);margin-top:1.4cqh}.board h3{font:400 min(10cqw, 6cqh) / .95 var(--display);color:var(--pt);text-wrap:balance;margin:.1em 0 0}.board .sub{font:600 clamp(12px, 1.9cqh, 16px) / 1.1 var(--text);letter-spacing:.03em;margin-top:.4em}.board .rows{touch-action:pan-y;text-align:left;border-top:2px solid var(--pi);flex:1;min-height:0;margin-top:2cqh;padding-top:.6cqh;overflow-y:auto}.board .row{font:500 clamp(14px, 2.3cqh, 18px) / 1.1 var(--text);grid-template-columns:1.7em minmax(0,1fr) auto 4.2em;align-items:baseline;gap:8px;padding:.35em .4em;display:grid}.board .row+.row{border-top:1px solid #3b2a1e40}.board .row .rank{text-align:right;color:var(--pi);font-weight:700}.board .row .name{align-items:baseline;gap:.55em;min-width:0;font-weight:600;display:flex}.board .row .name .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@container (width<=480px){.board .row .chip .long{display:none}}.board .row .chip{font:700 max(10px, .62em) / 1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);background:var(--red);flex:none;padding:.3em .55em .25em}.board .row .time{font-variant-numeric:tabular-nums;font-weight:700}.board .row .gap{text-align:right;color:var(--pi);font-variant-numeric:tabular-nums;font-size:.8em}.board .row:first-child .name,.board .row:first-child .time{color:var(--pt)}.board .row.you{background:var(--cream);color:var(--brown)}.board .rows .row.you .rank,.board .rows .row.you .name,.board .rows .row.you .time,.board .rows .row.you .gap{color:var(--brown)}.board .row.target{box-shadow:inset 3px 0 0 var(--pa)}.board .row.target .watch{color:var(--pa);font-size:1.15em}.board .row .watch.locked{opacity:.45;filter:grayscale();font-size:.72em}.board .foot .ladder{font:600 clamp(12px, 1.8cqh, 14px) / 1.25 var(--text);color:var(--pi);text-wrap:balance;margin-top:.5em}.board .rows.watchable .row{grid-template-columns:1.7em minmax(0,1fr) auto 4.2em 1.4em}.board .row .watch{font:700 1em / 1 var(--text);color:var(--pi);justify-self:end;padding:.1em .15em}.board .row.you .watch{color:var(--brown)}.board .more{text-align:center;color:var(--pi);line-height:1}.board .count{text-align:center;font:600 clamp(10px, 1.5cqh, 12px) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--pi);margin-top:.6em}.board .note{text-align:center;font:500 clamp(13px, 2cqh, 16px) / 1.25 var(--text);text-wrap:balance;padding:1em 0}.board .foot{border-top:2px solid var(--pi);flex:none;padding-top:1.4cqh}.board .foot .note{padding:.2em 0}.board .standing{font:500 clamp(14px, 2.2cqh, 18px) / 1.2 var(--text)}.board .standing b{font-weight:700}.board .foot .link{margin-top:.8em}.board .foot .challenge,.today-card .challenge{width:100%;font:400 clamp(20px, 3.4cqh, 30px) / 1 var(--display);letter-spacing:.03em;color:var(--cream);background:var(--red);margin-top:.75em;padding:.06em .6em .24em;display:block;box-shadow:0 4px #3b2a1e4d}.board .foot .challenge:active,.today-card .challenge:active{transform:translateY(3px);box-shadow:0 1px #3b2a1e4d}.board .foot .challenge.said,.today-card .challenge.said,.lap-ticket .challenge.said{font:700 13px / 1.2 var(--text);letter-spacing:.1em;text-transform:uppercase;padding:.9em .6em}.board .foot .why,.board .save .why{font:600 clamp(11px, 1.6cqh, 13px) / 1.25 var(--text);color:var(--pi);text-wrap:balance;margin-top:.5em}.today-card .challenge{margin-top:12px;font-size:24px}.board .save .mine{font:500 clamp(13px, 2cqh, 16px) / 1 var(--text)}.board .save .mine b{font-variant-numeric:tabular-nums;font-weight:700}.board .save .line{gap:8px;margin-top:.8em;display:flex}.board .save input{min-width:0;font:600 16px var(--text);color:var(--brown);background:var(--cream);-webkit-user-select:text;user-select:text;border:0;outline:none;flex:1;padding:8px 10px}.board .save input::placeholder{color:var(--asphalt)}.board .save input:focus{box-shadow:inset 0 0 0 2px var(--brown)}.board .save .go{padding:.05em .8em .22em;font-size:clamp(20px,3.4cqh,28px)}.board .save .go:disabled{opacity:.5;cursor:default}.board .msg{font:600 clamp(12px, 1.8cqh, 14px) / 1.2 var(--text);color:var(--pi);margin-top:.6em}@container (height<=700px){.main .blurb{display:none}}@container (orientation:portrait) and (height<=760px){.main .head .kicker{display:none}.main .head h1{margin-top:0;font-size:min(19cqw,12cqh)}.seal{aspect-ratio:100/116;overflow:hidden}.seal svg{height:115.517%;top:auto;bottom:0}.seal .txt{top:21%}.lap-ticket .link{display:none}.lap-ticket .stub{gap:.25em;padding:.5em .8em .55em}.main .progress.ticketed{padding-top:1.1cqh}.main .head h2{font-size:min(8.2cqw,4.8cqh)}.main .head .when{margin-top:.45em}.podium-band{--fig:6.6cqh;margin-top:1.4cqh;padding-top:.9cqh;padding-bottom:.8cqh}.podium-band h3{font-size:min(7cqw,3.8cqh)}.main .art{margin-top:.4cqh}.seal{width:4.5em}.main .seals{margin-top:1.2cqh}.main .progress{letter-spacing:.08em;column-gap:.5em;margin-top:1.2cqh;padding:.66em .2em .6em}}@container (orientation:portrait) and (height<=580px){.main .head .kicker{display:none}.main .head h1{margin-top:0;font-size:min(22cqw,11.5cqh)}.main .head h2{font-size:min(8cqw,4.6cqh)}.podium-band{--fig:6.2cqh;--num:2cqh;--pname:12px;--ptime:10.5px;margin-top:1.3cqh;padding-top:1cqh;padding-bottom:.8cqh}.main .art{min-height:44px}.main .car{font-size:min(6.8cqw,3.9cqh)}.podium-band h3{font-size:min(6.6cqw,3.7cqh)}.seal{font-size:10.5px}.main .seals{margin-top:1cqh}.main .progress{margin-top:1cqh;padding:.62em .2em .56em}.foot{gap:.9cqh;padding:1.2cqh 0 .9cqh}}@media (max-height:540px) and (min-aspect-ratio:1){.poster{--h:100%;aspect-ratio:auto;width:min(100%,190dvh)}.view{padding:3.6cqh 3.6cqw 2.4cqh}.view.on.main{grid-template:"head podium""art info"minmax(0,1fr)/minmax(0,1.08fr) minmax(0,1fr);column-gap:3.6cqw;display:grid}.main .lead{display:contents}.main .head{grid-area:head}.main .art{grid-area:art;margin:0 0 0 -3.6cqw}.main .info{grid-area:info;justify-content:center}.view.main:has(.podium-band[hidden]) .info{grid-row:1/-1}.head h1{font-size:min(13cqw,19cqh)}.head h2{font-size:min(4.8cqw,7.4cqh)}.head .kicker,.head .when{font-size:clamp(10px,3.1cqh,13px)}.main .car{font-size:min(4.4cqw,7.2cqh)}.main .challenge-hint{font-size:clamp(11px,3.2cqh,13px)}.main .seals{margin-top:1.8cqh}.seal{width:5em;font-size:clamp(10px,3.1cqh,13px)}.seal b{font-size:.9em}.main .progress{margin-top:1.8cqh;font-size:clamp(10px,2.9cqh,12px)}.podium-band{--fig:13cqh;--num:4cqh;--pname:clamp(12px, 3.6cqh, 16px);--ptime:clamp(10px, 2.6cqh, 12px);grid-area:podium;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);margin:0;padding:1.6cqh 1.4cqw 1.2cqh}.podium-band h3{font-size:min(3.4cqw,6.2cqh)}.podium-band .slant,.podium-band .where{display:none}.podium-band .tip{font-size:10px}.foot{flex-direction:row;align-items:center;gap:2.4cqw;padding:1.8cqh 0 1.6cqh}.foot .act-row{flex:1;order:2}.foot .toggles{flex:none;order:1;gap:.7em}.toggle .name,.small-print{display:none}.foot .go{font-size:clamp(20px,7cqh,30px)}.ticket .helmet{width:clamp(26px,8.5cqh,36px);height:clamp(26px,8.5cqh,36px)}.ticket b{font-size:clamp(16px,5.4cqh,22px)}.ticket .sub,.ticket .label{font-size:clamp(8px,2.5cqh,10px)}.view.on.challenge-view{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1.05fr 1fr;gap:2cqh 4cqw;padding:3.4cqh 4cqw 3cqh;display:grid}.challenge-view .head{grid-area:1/1}.challenge-view .facts{grid-area:2/1}.challenge-view .plan{grid-area:1/2/3;justify-content:center;gap:2.6cqh}.challenge-view .head .kicker{font-size:clamp(10px,3.1cqh,14px)}.challenge-view .head h1{font-size:min(10.5cqw,15cqh)}.challenge-view .pitch{font-size:clamp(10px,3.1cqh,13px)}.challenge-view .label{font-size:clamp(8px,2.5cqh,11px)}.challenge-view .fact b{font-size:min(3.4cqw,6cqh)}.challenge-view .fact .tag{font-size:clamp(8px,2.5cqh,11px)}.challenge-view .fact .blurb{font-size:clamp(10px,2.9cqh,12px)}.challenge-view .beat .time{font-size:min(8cqw,14cqh)}.challenge-view .beat .who,.challenge-view .mini .row{font-size:clamp(10px,3.1cqh,13px)}.challenge-view .steps li:before{font-size:min(3.6cqw,6.6cqh)}.challenge-view .steps b{font-size:min(3.1cqw,5.8cqh)}.challenge-view .steps span{font-size:clamp(10px,3cqh,13px)}.challenge-view .note{font-size:clamp(10px,3.2cqh,13px)}.poster .challenge-view .go,.poster .challenge-view .second{font-size:clamp(18px,6.4cqh,26px)}.how .steps{flex-flow:wrap;align-content:center;align-items:flex-start;gap:4cqw;margin-top:2cqh}.how .steps li{flex:1 1 0}.how .steps h3{font-size:min(4.2cqw,8cqh)}.how .steps p{font-size:clamp(11px,3.4cqh,14px)}.how .head h1,.board h3{font-size:min(9cqw,14cqh)}.board .row{font-size:clamp(12px,4cqh,16px)}}@media (max-aspect-ratio:3/4){.poster{aspect-ratio:auto;width:100%}}.touch{--glass:#3b2a1e33;--line:#f3e6c89e;position:absolute;inset:0}.touch.hidden{display:none}.touch-steer{left:var(--safe-left);bottom:var(--safe-bottom);width:min(48vw,380px);height:min(34vh,160px);position:absolute}.touch-rail{background:#f3e6c86b;border-radius:2px;height:4px;position:absolute;bottom:46px;left:30px;right:30px;box-shadow:0 0 0 1px #3b2a1e1f,0 1px 6px #3b2a1e2e}.touch-rail:before,.touch-rail:after{content:"";background:#f3e6c88c;border-radius:1px;width:2px;height:14px;position:absolute;top:-5px}.touch-rail:before{margin-left:-1px;left:50%}.touch-rail:after{left:0;box-shadow:calc(100cqw - 2px) 0 #f3e6c88c}.touch-rail{container-type:inline-size}.touch-knob{background:var(--glass);border:1.5px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;transition:background .15s,border-color .15s,width .15s,height .15s,margin .15s;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #3b2a1e2e}.touch-knob:after{content:"";background:#f3e6c8d9;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.touch-steer.on .touch-knob{border-color:var(--cream);background:#3b2a1e57;width:50px;height:50px;margin:-25px 0 0 -25px}.touch-pedals{right:calc(20px + var(--safe-right));bottom:calc(22px + var(--safe-bottom));align-items:flex-end;gap:16px;display:flex;position:absolute}.touch-pedals button,.touch-restart,.touch-pause{border:1.5px solid var(--line);color:var(--cream);font:600 11px / 1 var(--text);letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;place-items:center;padding:0;transition:transform 80ms,background .12s,border-color .12s;display:grid;box-shadow:0 2px 12px #3b2a1e2e}.touch-brake{background:var(--glass);width:66px;height:66px}.touch-gas{background:#b8352b80;width:88px;height:88px;font-size:13px}.touch-pedals button.down{border-color:var(--cream);transform:scale(.93)}.touch-brake.down{background:#3b2a1e73}.touch-gas.down{background:#b8352bd1}.touch-restart{right:calc(20px + var(--safe-right));bottom:calc(22px + 88px + 18px + var(--safe-bottom));background:var(--glass);letter-spacing:0;text-indent:0;opacity:.85;width:38px;height:38px;font-size:17px;position:absolute}.touch-restart:active{transform:scale(.92)}.touch-pause{right:calc(20px + 38px + 14px + var(--safe-right));bottom:calc(22px + 88px + 18px + var(--safe-bottom));background:var(--glass);opacity:.85;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;display:flex;position:absolute}.touch-pause:before,.touch-pause:after{content:"";background:var(--cream);border-radius:1px;width:3px;height:13px}.touch-pause:active{transform:scale(.92)}.dev{width:min(360px,94vw);color:var(--brown);border-left:3px solid var(--brown);background:#f3e6c8f7;padding:12px 14px 40px;font-family:ui-sans-serif,-apple-system,Segoe UI,sans-serif;font-size:12px;transition:transform .2s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}.dev.open{transform:translate(0)}.dev h4{font-family:var(--text);letter-spacing:.16em;color:var(--red);text-transform:uppercase;margin:14px 0 6px;font-size:13px;font-weight:700}.dev h4:first-child{margin-top:0}.dev .row{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.dev input[type=date],.dev button,.dev select{font:inherit;border:1px solid var(--brown);color:var(--brown);background:#fff8e8;border-radius:3px;padding:4px 8px}.dev button{cursor:pointer}.dev button:hover{background:var(--ochre)}.dev label.chk{cursor:pointer;align-items:center;gap:6px;display:flex}.dev .kv{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;gap:2px 10px;display:grid}.dev .kv span:nth-child(odd){opacity:.7}.dev .slider{grid-template-columns:118px 1fr 52px;align-items:center;gap:6px;margin:3px 0;display:grid}.dev .slider span:last-child{text-align:right;font-variant-numeric:tabular-nums}.dev .slider.changed span:first-child{color:var(--red);font-weight:700}.dev input[type=range]{width:100%;accent-color:var(--red)}.dev .warn{background:var(--red);color:var(--cream);margin:6px 0;padding:6px 8px}.dev .ok{color:var(--cypress);font-weight:700}.dev .bad{color:var(--red);font-weight:700}.dev .small{opacity:.7;font-size:11px}body.touch .minimap{top:calc(clamp(58px, 11vh, 96px) + var(--safe-top));width:clamp(84px,20vh,140px);height:clamp(84px,20vh,140px);bottom:auto}body.title-mode .touch{display:none}@media (max-aspect-ratio:1){.touch-steer{width:56vw;height:150px}.touch-rail{bottom:50px;left:24px;right:18px}.touch-pedals{right:calc(16px + var(--safe-right));gap:12px}.touch-brake{width:60px;height:60px;font-size:10px}.touch-gas{width:80px;height:80px;font-size:12px}.touch-restart{right:calc(16px + var(--safe-right));bottom:calc(22px + 80px + 16px + var(--safe-bottom))}.touch-pause{right:calc(16px + 38px + 12px + var(--safe-right));bottom:calc(22px + 80px + 16px + var(--safe-bottom))}.hud-time .medals{display:none}.hud-name h1{max-width:52vw;font-size:clamp(22px,7vw,36px)}}@media (display-mode:standalone){body:before{content:"";z-index:50;height:calc(var(--safe-top) + 14px);pointer-events:none;background:linear-gradient(#3b2a1e52,#3b2a1e00);position:fixed;top:0;left:0;right:0}}body.staging:after{content:"STAGING";z-index:100;left:50%;bottom:max(4px, env(safe-area-inset-bottom));letter-spacing:.2em;color:#f3e6c8;pointer-events:none;background:#1f6f8b;padding:3px 8px 2px;font:700 11px/1 Barlow Condensed,Arial Narrow,sans-serif;position:fixed;transform:translate(-50%)}.lesson-layer{z-index:1;--l-gut-x:clamp(14px, 2.6vw, 44px);--l-gut-top:calc(clamp(12px, 2.6vh, 30px) + var(--safe-top));--l-chip-h:clamp(34px, 2.9vw, 40px);--l-band:max(calc(var(--l-gut-top) + var(--l-chip-h) + 16px), calc(clamp(70px, 17vh, 160px) + var(--safe-top)));--l-reserve:calc(12px + var(--safe-bottom));--l-width:min(calc(100% - 2 * var(--l-gut-x) - var(--safe-left) - var(--safe-right)), 620px);position:absolute;inset:0}body.touch .lesson-layer{--l-reserve:calc(22px + 88px + 18px + 38px + 12px + var(--safe-bottom))}body.title-mode .lesson-layer,body.lesson .hud .sectors,body.lesson .hud .delta,body.lesson .hud .best,body.lesson .hud .rank,body.lesson .hud .rival,body.lesson .hud .save-chip,body.lesson .hud .medals,body.lesson .hud .hint,body.lesson .hud .banner,body.lesson .hud .lapcard,body.lesson-card-up .hud .banner,body.lesson-card-up .hud .lapcard,body.lesson .touch-pause{display:none}body.lesson-card-up .minimap,body.lesson-end .hud .timebox,body.lesson-end .hud .sectors{visibility:hidden}body.lesson .hud-name{max-width:calc(50vw - 118px - clamp(14px, 2.6vw, 44px) - var(--safe-left))}.lesson-leave{left:50%;top:var(--l-gut-top);height:var(--l-chip-h);font:700 clamp(13px, 1.1vw, 15px) / 1 var(--text);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;color:var(--brown);background:var(--cream);border:2px solid var(--brown);cursor:pointer;align-items:center;gap:8px;padding:0 10px 0 11px;display:flex;position:absolute;translate:-50%;box-shadow:0 3px #3b2a1e40}.lesson-leave:after{content:"";position:absolute;inset:-9px -8px}.lesson-leave:active{translate:-50% 2px;box-shadow:0 1px #3b2a1e40}.lesson-leave .l-x{color:var(--red);font-size:1.1em}.lesson-leave .word{padding-top:1px}.lesson-leave .key{letter-spacing:.06em;font-size:.78em;display:flex}.l-x{vertical-align:-.05em;flex:none;width:.8em;height:.8em;display:inline-block;position:relative}.l-x:before,.l-x:after{content:"";background:currentColor;border-radius:1px;width:118%;height:max(2px,.16em);position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.l-x:after{rotate:-45deg}.l-glyph{vertical-align:middle;align-items:center;gap:.22em;margin:-.2em 0 -.12em;display:inline-flex}.l-cap{min-width:1.75em;height:1.75em;font:700 1em / 1 var(--text);letter-spacing:.04em;text-transform:none;border:1.5px solid;border-radius:.28em;place-items:center;padding:.1em .38em 0;display:inline-grid;box-shadow:0 .14em}.l-pad{font:700 1em / 1 var(--text);letter-spacing:.04em;color:var(--cream);place-items:center;display:inline-grid}.l-pad.trigger{background:var(--brown);border-radius:.8em .8em .25em .25em;min-width:2.3em;height:1.75em;padding:.12em .4em 0}.l-pad.face{border-radius:50%;width:1.8em;height:1.8em;padding-top:.1em}.l-pad.face.a{background:var(--olive)}.l-pad.face.b{background:var(--red)}.l-pad.face.y{background:var(--ochre);color:var(--brown)}.l-pad.stick{width:1.9em;height:1.9em;color:inherit;border:1.5px solid;border-radius:50%;position:relative}.l-pad.stick:after{content:"";background:currentColor;border-radius:50%;width:.7em;height:.7em;margin:-.35em 0 0 -.35em;position:absolute;top:50%;left:50%}.l-pad.stick.left:after{margin-left:-.75em}.l-pad.stick.right:after{margin-left:.05em}.l-touch{font:600 .78em / 1 var(--text);letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--cream);place-items:center;display:inline-grid}.l-touch.pedal{border:1.5px solid #f3e6c8b3;border-radius:1.2em;height:2.3em;padding:.12em .95em 0}.l-touch.pedal.gas{background:var(--red)}.l-touch.pedal.brake{background:#3b2a1ecc}.l-touch.round{letter-spacing:0;text-indent:0;background:#3b2a1ecc;border:1.5px solid #f3e6c8b3;border-radius:50%;width:2.3em;height:2.3em;font-size:1em}.l-touch.round.leave{background:var(--cream);color:var(--red);border:2px solid var(--brown)}.l-touch.round.leave .l-x{font-size:.9em}.l-touch.rail{width:4.4em;height:2.3em;position:relative}.l-touch.rail:before{content:"";opacity:.55;background:currentColor;border-radius:2px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:0;right:0}.l-touch.rail i{border:1.5px solid var(--cream);background:#3b2a1ecc;border-radius:50%;width:1.4em;height:1.4em;margin:-.7em 0 0 -.7em;position:absolute;top:50%;left:50%}.l-touch.rail.left i{left:18%}.l-touch.rail.right i{left:82%}.lesson-card .l-touch.rail{color:var(--brown)}.lesson-card{left:50%;top:var(--l-band);width:max-content;max-width:var(--l-width);max-height:calc(100% - var(--l-band) - var(--l-reserve));text-align:center;color:var(--brown);background:var(--cream);outline-offset:-6px;transform-origin:50% 0;outline:1.5px solid #3b2a1e29;flex-direction:column;align-items:center;gap:12px;padding:16px clamp(18px,2.4vw,30px) 18px;animation:.26s ease-out lesson-card-in;display:flex;position:absolute;overflow:hidden;translate:-50%;box-shadow:0 4px #3b2a1e38,0 14px 34px #3b2a1e33}@keyframes lesson-card-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.l-main,.l-side,.l-foot{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.l-kicker{font:700 clamp(11px, 1.05vw, 14px) / 1.1 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--red)}.l-kicker.good{color:var(--cypress)}.l-title{font:400 clamp(38px, 4.6vw, 62px) / .92 var(--display);text-transform:lowercase;text-wrap:balance;margin:-2px 0}.l-text{max-width:30em;font:700 clamp(12px, 1.2vw, 15px) / 1.35 var(--text);letter-spacing:.1em;text-transform:uppercase;text-wrap:balance}.l-text .l-glyph{font-size:.95em}.l-then{color:var(--red)}.l-small{max-width:32em;font:600 11px / 1.4 var(--text);letter-spacing:.14em;text-transform:uppercase;opacity:.85;text-wrap:balance}.l-small .l-glyph{margin:0 .2em;font-size:10px}.l-facts{border-top:2px solid;border-bottom:2px solid;width:100%;display:flex}.l-fact{flex-direction:column;flex:auto;align-items:center;gap:4px;min-width:0;padding:7px 14px 6px;display:flex}.l-fact+.l-fact{border-left:1px solid #3b2a1e73}.l-fact span{font:600 11px / 1.15 var(--text);letter-spacing:.16em;text-transform:uppercase;text-wrap:balance}.l-fact b{font:400 clamp(30px, 3.2vw, 42px) / 1 var(--display);letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums}.l-fact b small{font:700 11px / 1 var(--text);letter-spacing:.12em;text-transform:uppercase;margin-left:.2em}.l-fact em{font:600 11px / 1.2 var(--text);letter-spacing:.1em;text-transform:uppercase;text-wrap:balance;opacity:.8;font-style:normal}.l-fact.over b{color:var(--red)}.l-fact.good b{color:var(--cypress)}.l-fact b .tick{font:700 .62em / 1 var(--text);vertical-align:.12em;margin-right:.25em;font-style:normal}.l-fact.invalid b{opacity:.75;text-decoration:line-through;text-decoration-thickness:2px}.l-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;display:flex}.l-go,.l-second{font:400 clamp(24px, 2.7vw, 34px) / 1 var(--display);letter-spacing:.04em;white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:.35em;padding:.08em .85em .25em;display:inline-flex}.l-go{color:var(--cream);background:var(--red);box-shadow:0 4px #3b2a1e59}.l-go:active{translate:0 3px;box-shadow:0 1px #3b2a1e59}.l-second{color:var(--brown);box-shadow:inset 0 0 0 2px var(--brown);background:0 0;font-size:clamp(21px,2.3vw,29px)}.l-second:active{background:#3b2a1e1a}.l-go .l-glyph,.l-second .l-glyph{margin:0 0 0 .35em;font-size:12px}.l-go .l-pad.face,.l-second .l-pad.face{box-shadow:0 0 0 1.5px var(--cream)}.l-leave .l-x{color:var(--red);margin-right:.15em;font-size:.62em}.lesson-card .l-leave{position:relative}.lesson-card .l-leave:after{content:"";position:absolute;inset:-10px}.l-link{font:700 12px / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;text-underline-offset:.3em;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4em;padding:6px 4px;text-decoration:underline;display:inline-flex}.l-link .l-x{color:inherit;font-size:1.05em}.l-link .l-glyph{margin-left:.3em;font-size:10px}.l-go.small{padding:.18em .7em .1em;font-size:clamp(20px,2.2vw,26px)}.l-tiles{border-top:2px solid var(--brown);border-bottom:2px solid var(--brown);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px 20px;padding:10px 4px 8px;display:flex}.l-tile{flex-direction:column;align-items:center;gap:7px;font-size:clamp(14px,1.35vw,17px);display:flex}.l-tile .l-glyph{margin:0}.l-tile .label{font:700 11px / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.l-tile.leave .label{color:var(--red)}.lesson-card.freeze{color:var(--cream);background:var(--red);outline-color:#f3e6c866;animation:.34s cubic-bezier(.2,1.5,.45,1) lesson-freeze-in;box-shadow:0 5px #3b2a1e59,0 16px 40px #3b2a1e4d}@keyframes lesson-freeze-in{0%{opacity:0;transform:scale(1.14)}to{opacity:1;transform:none}}.lesson-card.freeze.again{animation:none}.freeze .l-title{margin:0;font-size:clamp(60px,8.4vw,112px);line-height:.86}.l-hold{font:700 clamp(15px, 1.5vw, 19px) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--brown);background:var(--cream);align-items:center;gap:.45em;padding:.5em .9em .42em;display:inline-flex;box-shadow:0 3px #3b2a1e59}.l-hold .l-glyph{margin:-.3em 0}.l-hold.squeeze{animation:.5s ease-in-out infinite alternate lesson-squeeze}@keyframes lesson-squeeze{0%{scale:1;box-shadow:0 3px #3b2a1e59,0 0 #f3e6c8b3}to{scale:1.07;box-shadow:0 3px #3b2a1e59,0 0 0 7px #f3e6c800}}.freeze .l-facts{border-color:#f3e6c8cc}.freeze .l-fact+.l-fact{border-left-color:#f3e6c880}.freeze .l-fact b{color:var(--cream)}.freeze .l-pad.face.b{color:var(--red);background:var(--cream)}.lesson-stack{left:50%;top:var(--l-band);width:max-content;max-width:var(--l-width);flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;translate:-50%}.lesson-layer.card-up .lesson-stack{visibility:hidden}.lesson-cue{flex-direction:column;align-items:center;gap:8px;display:flex}.lesson-cue .word{font:400 clamp(32px, 4.3vw, 58px) / 1.05 var(--display);text-transform:lowercase;white-space:nowrap;color:var(--brown);background:var(--cream);padding:.1em .5em .02em;box-shadow:0 3px #3b2a1e38}.lesson-cue.red .word{color:var(--cream);background:var(--red)}.lesson-cue.green .word{color:var(--cream);background:var(--cypress)}.lesson-cue.flash .word{font-size:clamp(46px,6.2vw,84px);animation:.42s ease-in-out infinite alternate lesson-flash}@keyframes lesson-flash{0%{background:var(--red);scale:1}to{background:#d4473a;scale:1.08}}.lesson-cue .sub,.lesson-stamp .small{font:700 clamp(12px, 1.1vw, 14px) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--cream);text-shadow:0 1px #3b2a1e80;background:#3b2a1e9e;padding:.5em .7em .48em}.lesson-cue .sub .l-glyph{vertical-align:-.28em;margin:-.4em .1em;font-size:1em}.lesson-cue .sub .l-cap{background:#3b2a1e59}.lesson-bar{width:min(440px, calc(100vw - 2 * var(--l-gut-x)));align-items:center;gap:10px;display:flex}.lesson-bar .speed{min-width:2.9em;font:400 clamp(30px, 3.3vw, 42px) / 1.05 var(--display);font-variant-numeric:tabular-nums;color:var(--brown);background:var(--cream);flex:none;justify-content:center;align-items:baseline;gap:.18em;padding:.08em .3em 0;display:flex;box-shadow:0 3px #3b2a1e38}.lesson-bar .speed b,.lesson-bar .target b{font-weight:400}.lesson-bar .speed i{font:700 10px / 1 var(--text);letter-spacing:.12em;text-transform:uppercase;font-style:normal}.lesson-bar.ok .speed{color:var(--cream);background:var(--cypress)}.lesson-bar.ok .speed i{letter-spacing:0;font-size:.55em;font-family:var(--text);font-weight:700}.lesson-bar .track{background:#f3e6c86b;flex:1;height:16px;position:relative;box-shadow:inset 0 0 0 2px #f3e6c8e6,0 2px 8px #3b2a1e40}.lesson-bar .fill{background:var(--red);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.lesson-bar.ok .fill{background:var(--olive)}.lesson-bar .track:after{content:"";background:var(--brown);width:4px;box-shadow:0 0 0 1.5px var(--cream);position:absolute;top:-7px;bottom:-7px;right:-2px}.lesson-bar .target{color:var(--cream);background:var(--brown);flex-direction:column;flex:none;align-items:center;gap:1px;padding:.3em .45em .1em;display:flex;box-shadow:0 3px #3b2a1e40}.lesson-bar .target b{font:400 clamp(24px, 2.6vw, 32px) / .95 var(--display);font-variant-numeric:tabular-nums}.lesson-bar .target i{font:700 clamp(9px, .85vw, 11px) / 1 var(--text);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-style:normal}.lesson-demo{color:var(--brown);background:#f3e6c8f2;align-items:center;gap:16px;padding:10px 12px 10px 20px;display:flex;box-shadow:0 4px #3b2a1e38,0 14px 34px #3b2a1e33}.lesson-demo .words{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.lesson-demo .title{font:400 clamp(26px, 3vw, 40px) / .95 var(--display);text-transform:lowercase;white-space:nowrap}.lesson-demo .text{font:700 clamp(11px, 1vw, 13px) / 1.2 var(--text);letter-spacing:.14em;text-transform:uppercase}.lesson-stamp{z-index:1;flex-direction:column;align-items:center;gap:8px;width:max-content;display:flex;position:absolute;top:0;left:50%;translate:-50%}.lesson-stamp:not([hidden])~.lesson-cue{visibility:hidden}.lesson-stamp .big{font:400 clamp(34px, 4.5vw, 60px) / 1 var(--display);color:var(--cream);background:var(--cypress);padding:.1em .5em .02em;animation:.45s cubic-bezier(.2,1.4,.45,1) lesson-stamp;rotate:-3deg;box-shadow:0 4px #3b2a1e4d}@keyframes lesson-stamp{0%{opacity:0;scale:1.5}to{opacity:1;scale:1}}.l-rules{counter-reset:rule;text-align:left;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.l-rules li{counter-increment:rule;font:700 clamp(12px, 1.2vw, 15px) / 1.25 var(--text);letter-spacing:.08em;text-transform:uppercase;align-items:baseline;gap:.6em;display:flex}.l-rules li:before{content:counter(rule);width:.9em;font:400 1.9em / .8 var(--display);color:var(--red);text-align:center;flex:none}.l-notes{flex-direction:column;gap:6px;max-width:30em;display:flex}.l-notes p{font:500 clamp(12px, 1.2vw, 15px) / 1.3 var(--text);text-wrap:balance;margin:0}.l-notes p:first-child{color:var(--red);font-weight:700}.end .l-side{border-top:2px solid var(--brown);width:100%;padding-top:12px}.touch-pedals button.cue{border-color:var(--cream);animation:1.05s ease-out infinite lesson-pedal}.touch-brake.cue{background:#3b2a1e80}@keyframes lesson-pedal{0%{box-shadow:0 2px 12px #3b2a1e2e,0 0 0 3px #f3e6c8f2,0 0 0 3px #f3e6c8d9}75%,to{box-shadow:0 2px 12px #3b2a1e2e,0 0 0 3px #f3e6c8f2,0 0 0 24px #f3e6c800}}@media (max-aspect-ratio:1){.lesson-leave{left:auto;right:calc(var(--l-gut-x) + var(--safe-right));top:calc(var(--l-gut-top) + 1.19 * clamp(30px, 4vw, 58px) + 10px);translate:none}.lesson-leave:active{translate:0 2px}.l-tiles{gap:10px 13px}body.lesson .hud-name{max-width:52vw}body.lesson .hud-name .sub{max-width:calc(100vw - 2 * clamp(14px, 2.6vw, 44px) - 180px - var(--safe-left) - var(--safe-right))}.lesson-card{padding:16px 16px 18px}.l-fact{padding:7px 8px 6px}}@media (max-height:540px) and (min-aspect-ratio:1){.lesson-layer{--l-chip-h:30px;--l-band:max(calc(var(--l-gut-top) + var(--l-chip-h) + 8px), calc(var(--l-gut-top) + 1.19 * clamp(30px, 4vw, 58px) + 6px));--l-width:min(calc(100% - 2 * var(--l-gut-x) - var(--safe-left) - var(--safe-right)), 820px)}body.touch .lesson-layer{--l-width:min(calc(100% - 2 * (20px + 38px + 12px + max(var(--safe-left), var(--safe-right)))), 820px);--l-reserve:calc(max(min(34vh, 160px), 22px + 88px) + 10px + var(--safe-bottom))}.lesson-leave{font-size:12px}body.lesson .hud-name .sub,body.lesson-card-up .hud-name .sub{display:none}body.lesson .hud-name{max-width:calc(50vw - 90px - clamp(14px, 2.6vw, 44px) - var(--safe-left))}body.lesson .hud-name h1{white-space:nowrap;text-overflow:ellipsis;margin:-12px -14px;padding:12px 14px;overflow:hidden}.lesson-card{gap:8px;padding:12px 20px 14px}.lesson-card.two{grid-template-columns:minmax(0,auto) minmax(0,auto);grid-template-areas:"main side""foot side";align-items:center;gap:8px 22px;display:grid}.lesson-card.two .l-main{grid-area:main}.lesson-card.two .l-foot{grid-area:foot}.lesson-card.two .l-side{border-left:1.5px solid #3b2a1e59;grid-area:side;justify-content:center;align-self:stretch;padding-left:22px}.lesson-card.freeze.two .l-side{border-left-color:#f3e6c880}.l-main,.l-side,.l-foot{gap:7px}.l-title{font-size:clamp(30px,10vh,44px)}.freeze .l-title{font-size:clamp(44px,15vh,64px)}.l-text{max-width:24em;font-size:12px}.l-fact b{font-size:clamp(24px,7.5vh,32px)}.l-fact{padding:5px 10px 4px}.l-go{font-size:clamp(20px,6.2vh,26px)}.l-second{font-size:clamp(17px,5.2vh,22px)}.l-tiles{gap:8px 14px;padding:7px 2px 6px}.l-tile{gap:5px;font-size:13px}.l-tile .label{font-size:10px}.lesson-stack{gap:6px}.lesson-cue{gap:5px}.lesson-cue .word{font-size:clamp(28px,9vh,40px)}.lesson-cue.flash .word{font-size:clamp(36px,12vh,52px)}.lesson-bar .speed{font-size:clamp(26px,8vh,34px)}.lesson-stamp{gap:5px}.lesson-stamp .big{font-size:clamp(28px,9vh,38px)}.lesson-stamp .small{font-size:11px}.lesson-demo{padding:7px 10px 7px 16px}.lesson-demo .title{font-size:clamp(22px,7vh,30px)}.end .l-side{border-top:0;width:auto;padding-top:0}.l-rules{gap:4px}.l-rules li,.l-notes p{font-size:12px}}@media (max-height:360px) and (min-aspect-ratio:1){.lesson-demo{gap:12px;padding:5px 8px 5px 14px}.lesson-demo .text{display:none}}.lesson-cue .short,.lesson-bar .nums,.lesson-demo .brief,.l-nums{display:none}@media (max-aspect-ratio:1),(max-height:540px){body.touch .lesson-layer{--l-strip-h:32px;--l-strip-font:25px}body.touch .lesson-stack{flex-flow:wrap;justify-content:center;align-items:stretch;gap:6px 0}body.touch .lesson-cue{height:var(--l-strip-h)}body.touch .lesson-cue .word,body.touch .lesson-cue .sub{display:none}body.touch .lesson-cue .short,body.touch .lesson-stamp .big{box-sizing:border-box;min-width:2.6em;height:100%;font:400 var(--l-strip-font) / 1 var(--display);text-transform:lowercase;white-space:nowrap;color:var(--brown);background:var(--cream);justify-content:center;align-items:center;padding:.1em .42em 0;display:flex;box-shadow:0 3px #3b2a1e38}body.touch .lesson-cue.red .short{color:var(--cream);background:var(--red)}body.touch .lesson-cue.green .short{color:var(--cream);background:var(--cypress)}body.touch .lesson-cue.flash .short{animation:.42s ease-in-out infinite alternate lesson-flash}body.touch .lesson-stamp{width:auto;height:var(--l-strip-h);position:static;translate:none}body.touch .lesson-stamp .small{display:none}body.touch .lesson-stamp .big{color:var(--cream);background:var(--cypress);rotate:none}body.touch .lesson-stamp:not([hidden])~.lesson-cue{display:none}body.touch .lesson-bar{box-sizing:border-box;width:auto;height:var(--l-strip-h);background:#3b2a1ebd;gap:9px;padding:0 10px 0 11px;box-shadow:0 3px #3b2a1e38}body.touch .lesson-bar.ok{background:var(--cypress)}body.touch .lesson-bar .speed,body.touch .lesson-bar .target{display:none}body.touch .lesson-bar .track{background:#f3e6c838;flex:none;width:clamp(60px,19vw,120px);height:8px;box-shadow:inset 0 0 0 1.5px #f3e6c8cc}body.touch .lesson-bar .track:after{background:var(--cream);width:3px;box-shadow:none;top:-5px;bottom:-5px;right:-1.5px}body.touch .lesson-bar .nums{font:400 calc(var(--l-strip-font) * .84) / 1 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--cream);align-items:baseline;gap:.2em;padding-top:.1em;display:flex}body.touch .lesson-bar .nums b{font-weight:400}body.touch .lesson-bar .nums i{font:700 .62em / 1 var(--text);opacity:.75;font-style:normal}body.touch .lesson-bar .nums em{font:700 .72em / 1 var(--text);margin-left:.15em;font-style:normal}body.touch .lesson-demo{box-sizing:border-box;min-height:var(--l-strip-h);gap:10px;padding:0 4px 0 11px;box-shadow:0 3px #3b2a1e38}body.touch .lesson-demo .title,body.touch .lesson-demo .text{display:none}body.touch .lesson-demo .brief{white-space:nowrap;align-items:baseline;display:flex}body.touch .lesson-demo .brief b{font:400 calc(var(--l-strip-font) * .8) / 1 var(--display);text-transform:lowercase}body.touch .lesson-demo .brief i{font:700 11px / 1 var(--text);margin:0 .45em;font-style:normal}body.touch .lesson-demo .brief span{font:700 10px / 1 var(--text);letter-spacing:.14em;text-transform:uppercase}body.touch .lesson-demo .l-go.small{font-size:calc(var(--l-strip-font) * .74);padding:.18em .55em .08em;box-shadow:0 2px #3b2a1e59}body.touch .lesson-card.freeze{outline-offset:-4px;flex-flow:wrap;justify-content:center;align-items:center;gap:5px 16px;padding:9px 16px 10px;display:flex}body.touch .lesson-card.freeze .l-main,body.touch .lesson-card.freeze .l-side{display:contents}body.touch .freeze .l-title{white-space:nowrap;margin:0;font-size:40px;line-height:.9}body.touch .freeze .l-hold{white-space:nowrap;padding:.5em .75em .44em;font-size:13px}body.touch .freeze .l-text,body.touch .freeze .l-facts{display:none}body.touch .freeze .l-nums{font:400 26px / 1 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.22em;display:flex}body.touch .freeze .l-nums b{font-weight:400}body.touch .freeze .l-nums i{font:700 .6em / 1 var(--text);opacity:.85;font-style:normal}body.touch .freeze .l-nums small{font:700 11px / 1 var(--text);letter-spacing:.12em;text-transform:uppercase;margin-left:.25em}body.touch .freeze .l-link{padding:6px 2px;font-size:11px}body.touch .freeze .l-leave .more{display:none}body.touch .lesson-card{outline-offset:-5px;gap:8px;padding:11px 14px 13px}body.touch .l-main,body.touch .l-side,body.touch .l-foot{gap:7px}body.touch .l-kicker{font-size:11px}body.touch .l-title{font-size:clamp(28px,8.4vw,36px)}body.touch .l-text{letter-spacing:.08em;font-size:12px;line-height:1.28}body.touch .l-small{font-size:10px}body.touch .l-fact{gap:2px;padding:4px 8px 3px}body.touch .l-fact span{font-size:10px}body.touch .l-fact b{font-size:26px}body.touch .l-go{font-size:22px}body.touch .l-second{font-size:18px}body.touch .l-actions{gap:8px 10px}body.touch .l-tiles{gap:6px 10px;padding:6px 2px 5px}body.touch .l-tile{gap:4px;font-size:12px}body.touch .l-tile .label{letter-spacing:.12em;font-size:9px}body.touch .l-rules{gap:3px}body.touch .l-rules li{letter-spacing:.04em;font-size:11px}body.touch .l-notes p{font-size:11px}body.touch .lesson-card .l-main.has-facts{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:4px 14px;display:grid}body.touch .l-main.has-facts>*{grid-column:1}body.touch .l-main.has-facts>.l-facts{grid-area:1/2/span 2;width:auto}body.touch .l-main.has-facts .l-fact span{max-width:6.5em}body.touch .lesson-card .l-go,body.touch .lesson-card .l-second{padding:.2em .6em .13em}body.touch .intro .l-small,body.touch .ready .l-small{display:none}}@media (max-aspect-ratio:1){body.touch .lesson-layer{--l-chip-bottom:calc(var(--l-gut-top) + 1.19 * clamp(30px, 4vw, 58px) + 10px + var(--l-chip-h));--l-strip-top:calc(clamp(58px, 11vh, 96px) + clamp(84px, 20vh, 140px) + 8px + var(--safe-top));--l-band:calc(var(--l-chip-bottom) + 10px)}body.touch .lesson-stack{width:auto;max-width:none;left:0;right:0;top:var(--l-strip-top);padding:0 calc(var(--l-gut-x) + var(--safe-right)) 0 calc(var(--l-gut-x) + var(--safe-left));translate:none}body.touch .lesson-demo{right:calc(var(--l-gut-x) + var(--safe-right));top:calc(var(--l-chip-bottom) + 8px - var(--l-strip-top));padding:6px 4px 6px 10px;position:absolute}body.touch .lesson-demo .brief{flex-direction:column;align-items:flex-start;gap:4px}body.touch .lesson-demo .brief i{display:none}body.touch .lesson-card.freeze{width:var(--l-width);box-sizing:border-box;justify-content:space-between;row-gap:0}body.touch .lesson-card.freeze:after{content:"";flex-basis:100%;order:2;height:5px}body.touch .freeze .l-nums,body.touch .freeze .l-leave{order:3}body.touch .end .l-kicker{display:none}body.touch .end .l-main.has-facts>.l-facts{grid-row:1}body.touch .end .l-main.has-facts .l-fact span{max-width:none}body.touch .end .l-side{padding-top:8px}}@media (max-height:540px) and (min-aspect-ratio:1){body.touch .lesson-layer{--l-strip-h:28px;--l-strip-font:22px}body.touch .lesson-stack{max-width:calc(100% - 2 * (clamp(10px, 2vw, 34px) + clamp(84px, 20vh, 140px) + 10px + max(var(--safe-left), var(--safe-right))))}body.touch .lesson-demo{margin-right:10px}body.touch .lesson-card{gap:6px;padding:9px 16px 10px}body.touch .lesson-card.two{column-gap:16px}body.touch .lesson-card.two .l-side{padding-left:16px}body.touch .l-main,body.touch .l-side,body.touch .l-foot{gap:5px}body.touch .l-kicker{font-size:10px}body.touch .l-title{font-size:clamp(24px,8vh,30px)}body.touch .l-text{font-size:11px}body.touch .l-fact b{font-size:22px}body.touch .l-go{font-size:19px}body.touch .l-second{font-size:16px}body.touch .l-text{max-width:34em}body.touch .l-rules li,body.touch .l-notes p{font-size:10.5px}body.touch .l-notes{max-width:36em}}@media (prefers-reduced-motion:reduce){.lesson-card,.lesson-card.freeze,.lesson-stamp .big{animation:none}.lesson-cue.flash .word,.l-hold.squeeze{animation-duration:.9s}}
