:root{--cc-primary:#b7e568;--cc-on-primary:#17200d;--cc-background:#191b20;--cc-surface:#24272e;--cc-surface-secondary:#30343d;--cc-popover:#292d35;--cc-accent:#343a41;--cc-sidebar:#14161a;--cc-sidebar-text:#b8bdc6;--cc-sidebar-accent:#293224;--cc-on-surface:#f5f6f8;--cc-muted:#a5aab5;--cc-border:#383d46;--cc-yellow:#e8bd63;--cc-red:#cf7773;--cc-board:#363e4c;--cc-board-edge:#292f3b;--cc-slot-edge:#424b5b;--cc-disc-edge:#ad853c;--cc-disc-inset:#00000020;--cc-terrain-meadow:#a9b68c;--cc-terrain-forest:#8ea98a;--cc-terrain-grove:#b3b7ad;--cc-terrain-sand:#c8ad83;--cc-terrain-clay:#b7957c;--cc-terrain-stone:#a5afaa;--cc-terrain-frost:#b7cccb;--cc-terrain-summit:#d0ddd9;--cc-radius-sm:8px;--cc-radius-md:12px;--cc-radius-lg:16px;--cc-radius-xl:24px;--cc-radius-full:9999px;--cc-space-xs:4px;--cc-space-sm:8px;--cc-space-md:16px;--cc-space-lg:24px;--cc-space-xl:32px;--cc-space-xxl:64px;--cc-space-section:96px;--cc-display-font-family:system-ui;--cc-display-font-size:72px;--cc-display-font-weight:800;--cc-display-line-height:1.04;--cc-display-letter-spacing:-.055em;--cc-headline-font-family:system-ui;--cc-headline-font-size:36px;--cc-headline-font-weight:750;--cc-headline-line-height:1.15;--cc-headline-letter-spacing:-.035em;--cc-body-font-family:system-ui;--cc-body-font-size:16px;--cc-body-font-weight:400;--cc-body-line-height:1.6;--cc-label-font-family:system-ui;--cc-label-font-size:14px;--cc-label-font-weight:600;--cc-label-line-height:1.4;--cc-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cc-texture-opacity:.04;--cc-texture-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
:root{--primary:var(--cc-primary);--on-primary:var(--cc-on-primary);--background:var(--cc-background);--surface:var(--cc-surface);--on-surface:var(--cc-on-surface);--muted:var(--cc-muted);--border:var(--cc-border);--yellow:var(--cc-yellow);--red:var(--cc-red);--board:var(--cc-board);--board-edge:var(--cc-board-edge);--slot-edge:var(--cc-slot-edge);--disc-edge:var(--cc-disc-edge);--disc-inset:var(--cc-disc-inset);--terrain-meadow:var(--cc-terrain-meadow);--terrain-forest:var(--cc-terrain-forest);--terrain-grove:var(--cc-terrain-grove);--terrain-sand:var(--cc-terrain-sand);--terrain-clay:var(--cc-terrain-clay);--terrain-stone:var(--cc-terrain-stone);--terrain-frost:var(--cc-terrain-frost);--terrain-summit:var(--cc-terrain-summit);--radius-sm:var(--cc-radius-sm);--radius-md:var(--cc-radius-md);--radius-lg:var(--cc-radius-lg);--radius-xl:var(--cc-radius-xl);--radius-full:var(--cc-radius-full);--font:var(--cc-font);--texture-opacity:var(--cc-texture-opacity);--texture-image:var(--cc-texture-image)}
*{box-sizing:border-box}html{background:var(--background);color:var(--on-surface);scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}body:before{content:"";background-image:var(--texture-image);opacity:var(--texture-opacity);pointer-events:none;z-index:-1;background-size:180px 180px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}:focus-visible{outline:3px solid var(--primary);outline-offset:6px;border-radius:4px}::selection{color:var(--on-primary);background:var(--primary)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}.wrap{width:min(1184px,100% - clamp(40px,8vw,112px));margin-inline:auto}.skip-link{background:var(--primary);color:var(--on-primary);z-index:10;border-radius:var(--radius-sm);padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;min-height:108px;display:flex}.wordmark{letter-spacing:-.055em;align-items:center;gap:10px;font-size:25px;font-weight:750;display:inline-flex}.wordmark img{display:block}.site-header nav{align-items:center;gap:clamp(16px,3vw,36px);margin-left:auto;font-size:14px;font-weight:600;display:flex}.site-header nav>a:not(.button){padding-block:12px}.site-header nav>a:not(.button):hover{color:var(--primary)}.button{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:24px;min-height:54px;padding:14px 24px;font-size:16px;font-weight:700;line-height:1.4;transition:transform .18s,background-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button-primary{color:var(--on-primary);background:var(--primary);box-shadow:0 4px 0 color-mix(in srgb, var(--primary), var(--on-primary) 36%)}.button-primary:hover{background:color-mix(in srgb, var(--primary), white 10%)}.button-outline{border:1px solid var(--border)}.button-outline:hover{background:var(--surface)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:650;line-height:1.5}.hero{grid-template-columns:1fr 1.06fr;align-items:center;gap:clamp(36px,6vw,88px);padding-block:clamp(44px,7vw,96px) 92px;display:grid}.hero>*{min-width:0;max-width:100%}.hero h1 span{overflow-wrap:anywhere;max-width:100%}.hero-copy .eyebrow{letter-spacing:.08em;align-items:center;gap:12px;display:flex}h1{letter-spacing:-.055em;margin-top:25px;font-size:clamp(42px,5.3vw,72px);font-weight:800;line-height:1.04}h1 span{color:var(--muted);letter-spacing:-.04em;padding-top:12px;font-size:.59em;line-height:1.3;display:inline-block}.hero-description{color:var(--muted);max-width:370px;margin-top:23px;font-size:17px;line-height:1.75}.hero-entry-note{color:var(--muted);max-width:320px;margin:15px 0 0;font-size:14px;line-height:1.5}.hero-cta{min-width:220px;margin-top:31px}.text-link{align-items:center;gap:13px;min-height:44px;font-size:14px;font-weight:650;display:inline-flex}.text-link:hover{color:var(--primary)}.demo{justify-self:end;width:100%;min-width:0;max-width:532px}.demo-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:26px;padding-inline:1px;display:flex}.demo-label{align-items:center;gap:8px;font-size:12px;font-weight:650;display:inline-flex}.color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.yellow{background:var(--yellow)}.board-stage{padding-inline:9px}.board-coordinate{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;grid-template-columns:repeat(7,1fr);padding:0 5px 11px;font-size:11px;display:grid}.demo-board{width:100%;height:auto;display:block;overflow:visible}.demo[data-sequence=true] .demo-piece{animation:disc-drop .48s cubic-bezier(.32,.04,.68,.6) var(--drop-delay) both}.demo[data-sequence=true] .winning-line{animation:.75s 6.12s both line-appear}.demo[data-sequence=true] .winning-line path{stroke-dasharray:300;animation:.75s 6.12s both line-trace}.demo[data-phase=paused] .demo-piece,.demo[data-phase=paused] .winning-line,.demo[data-phase=paused] .winning-line path{animation-play-state:paused}.demo[data-sequence=false] .replay-button{visibility:hidden}@keyframes disc-drop{0%{transform:translateY(var(--drop-from));opacity:0}5%{opacity:1}76%{transform:translateY(4px)}90%{transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes line-appear{0%{opacity:0}to{opacity:1}}@keyframes line-trace{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}.board-feet{z-index:-1;justify-content:space-between;margin-top:-13px;padding-inline:23px;display:flex;position:relative}.board-feet i{background:var(--board-edge);border-radius:0 0 5px 5px;width:55px;height:18px;display:block}.demo figcaption{justify-content:space-between;align-items:center;gap:14px;min-height:56px;margin-top:24px;display:flex}.demo figcaption>div{min-width:0}.demo figcaption strong{font-size:14px;font-weight:650}.demo figcaption p{color:var(--muted);margin-top:4px;font-size:12px}.replay-button{border:1px solid var(--border);min-width:104px;min-height:44px;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.replay-button:hover{color:var(--on-surface);background:var(--surface)}.learning-section{border-top:1px solid var(--border);padding-block:80px 86px;scroll-margin-top:32px}.section-heading{text-align:center}h2{letter-spacing:-.045em;font-size:clamp(34px,4.2vw,52px);font-weight:750;line-height:1.12}.section-heading h2{margin-top:20px}.section-heading h2 span{color:var(--muted)}.learning-grid{grid-template-columns:1.12fr 1fr;align-items:center;gap:clamp(30px,6vw,90px);margin-top:44px;display:grid}.trail-panel{flex-direction:column;align-items:center;min-width:0;display:flex}.campaign-trail{width:500px;max-width:100%;height:auto;display:block}.trail-caption{color:var(--muted);align-items:center;gap:9px;margin-top:8px;font-size:12px;display:inline-flex}.learning-steps article{border-bottom:1px solid var(--border);gap:21px;padding-block:25px;display:flex}.learning-steps article:first-child{padding-top:0}.learning-steps article:last-of-type{border:0}.step-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:2.25}h3{letter-spacing:-.025em;font-size:20px;font-weight:650;line-height:1.4}.learning-steps article p{color:var(--muted);max-width:385px;margin-top:9px;font-size:14px;line-height:1.8}.practice-section{border-top:1px solid var(--border);grid-template-columns:1fr 1.1fr;gap:clamp(40px,8vw,120px);padding-block:78px 82px;display:grid}.practice-intro h2{margin-block:18px 21px}.practice-intro>p:last-child{color:var(--muted);max-width:350px;font-size:15px;line-height:1.8}.practice-options{flex-direction:column;justify-content:center;display:flex}.practice-option{align-items:center;gap:24px;padding-block:28px;display:flex}.practice-option+.practice-option{border-top:1px solid var(--border)}.practice-option h3{justify-content:space-between;align-items:center;gap:16px;font-size:18px;display:flex}.practice-option h3 svg{color:var(--muted);flex-shrink:0;transition:transform .2s}.practice-option:hover h3 svg{color:var(--primary);transform:translate(2px,-2px)}.practice-option p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.8}.practice-icon{border-radius:var(--radius-lg);background:var(--surface);flex-shrink:0;width:70px;height:70px;display:block;position:relative}.bot-icon i:first-child{border:2px solid var(--yellow);border-radius:9px;position:absolute;inset:21px 15px 15px}.bot-icon i:first-child:before{content:"";background:var(--yellow);width:2px;height:8px;position:absolute;top:-10px;left:17px}.bot-icon i:nth-child(2),.bot-icon i:nth-child(3){background:var(--yellow);border-radius:2px;width:5px;height:7px;position:absolute;top:34px;left:25px}.bot-icon i:nth-child(3){left:40px}.friends-icon i{border:4px solid var(--surface);background:var(--red);box-sizing:content-box;border-radius:50%;width:30px;height:30px;position:absolute;top:25px;left:11px}.friends-icon i:nth-child(2){background:var(--yellow);top:9px;left:28px}.site-footer{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:24px;padding-block:29px;font-size:12px;display:flex}.footer-name{letter-spacing:-.04em;align-items:center;gap:6px;font-size:17px;font-weight:750;display:flex}.footer-dot{background:var(--yellow);border-radius:50%;width:5px;height:5px}.site-footer p{color:var(--muted);flex:1}.site-footer nav{color:var(--muted);gap:23px;display:flex}.site-footer nav a{padding-block:10px}.site-footer nav a:hover{color:var(--on-surface)}.legal{max-width:720px;min-height:65vh;padding-block:60px 96px}.legal h1{margin-block:12px 24px;font-size:clamp(38px,5vw,56px)}.legal-intro{color:var(--muted);font-size:18px;line-height:1.8}.legal section{margin-top:38px}.legal h2{letter-spacing:-.025em;margin-bottom:13px;font-size:23px;line-height:1.4}.legal section p,.legal li{color:var(--muted);font-size:15px;line-height:1.85}.legal p+p{margin-top:16px}.legal a:not(.button){text-underline-offset:4px;color:var(--on-surface);overflow-wrap:anywhere;text-decoration:underline}.legal ul{padding-left:21px}.legal li+li{margin-top:9px}.legal .button{margin-top:28px}@media (max-width:880px){.site-header{min-height:88px}.nav-about{display:none}.hero{gap:30px;padding-block:42px 68px}h1{font-size:clamp(40px,5.8vw,57px)}.hero-copy .eyebrow{font-size:10px}.hero-description{font-size:15px}.demo figcaption{align-items:flex-start}.demo figcaption strong{font-size:12px}.demo figcaption p{font-size:11px}.replay-button span{display:none}.replay-button{min-width:44px}.learning-grid{gap:25px}.practice-section{gap:40px}.practice-option{gap:17px}.practice-icon{width:70px}}@media (max-width:640px){.wrap{width:calc(100% - 40px)}.site-header{gap:12px;min-height:84px}.wordmark{gap:7px;font-size:22px}.wordmark img{width:32px;height:32px}.site-header nav{gap:13px}.hero{grid-template-columns:1fr;gap:48px;padding-top:32px}.hero-copy .eyebrow{font-size:11px}h1{font-size:clamp(46px,12.5vw,66px)}h1 br:first-of-type{display:none}.hero-description{max-width:390px;margin-top:21px;font-size:16px}.hero-cta{margin-top:27px}.demo{justify-self:center;max-width:430px}.demo-topline{margin-bottom:16px}.board-stage{padding-inline:0}.demo figcaption strong{font-size:13px}.demo figcaption p{font-size:12px}.replay-button span{display:inline}.replay-button{min-width:104px}.learning-section{padding-block:58px}.section-heading{text-align:left}.learning-grid{grid-template-columns:1fr;gap:42px;margin-top:17px}.trail-panel{justify-self:center;max-width:430px}.learning-steps article{gap:18px;padding-block:22px}.learning-steps article p{max-width:none}.practice-section{grid-template-columns:1fr;gap:22px;padding-block:56px}.practice-intro>p:last-child{max-width:390px}.practice-option{gap:20px;padding-block:24px}.practice-option h3{font-size:17px}.site-footer{gap:10px 24px;padding-block:24px}.site-footer p{flex:none;order:3;width:100%}.site-footer nav{gap:16px;margin-left:auto}.legal{padding-top:32px}}@media (max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1 span{font-size:.55em}.replay-button span{display:none}.replay-button{min-width:44px}.practice-icon{display:none}.site-footer nav{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.demo .replay-button{visibility:hidden}}@media (forced-colors:active){body:before{display:none}.button{border:1px solid buttontext}}@media print{html{color:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}body:before,.site-header nav,.replay-button{display:none}.wrap{width:100%}.legal{max-width:none}.legal p,.legal li,.legal-intro,.legal a:not(.button){color:#000}}