:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;color:#fff;background:#000;font-synthesis:none;--surface: #000;--surface-raised: #1c1c1e;--surface-sunken: #141416;--line: rgb(84 84 88 / .65);--text: #fff;--text-muted: rgb(235 235 245 / .6);--text-faint: rgb(235 235 245 / .32);--header-bg: rgb(30 30 32 / .72);--header-bg-opaque: #1e1e20;--header-blur: saturate(180%) blur(20px);--brand: #0a84ff;--accent: #0a84ff;--accent-soft: #10243d;--btn-face: #2c2c2e;--btn-face-hover: #3a3a3c;--word-slot-bg: #3a3a3c;--word-slot-edge: #545458;--danger: #ff453a;--danger-soft: #3a1512;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-hard: 0 1px 3px rgb(0 0 0 / .5), 0 8px 24px rgb(0 0 0 / .35);--shadow-board: 0 2px 8px rgb(0 0 0 / .45), 0 16px 40px rgb(0 0 0 / .4)}:root[data-theme=light]{color-scheme:light;--surface: #f2f2f7;--surface-raised: #fff;--surface-sunken: #e8e8ed;--line: rgb(60 60 67 / .29);--text: #000;--text-muted: rgb(60 60 67 / .6);--text-faint: rgb(60 60 67 / .34);--header-bg: rgb(249 249 251 / .72);--header-bg-opaque: #f9f9fb;--brand: #007aff;--accent: #007aff;--accent-soft: #e5f0ff;--btn-face: #fff;--btn-face-hover: #f2f2f7;--word-slot-bg: #d1d1d6;--word-slot-edge: #aeaeb2;--danger: #ff3b30;--danger-soft: #ffe5e3;--shadow-hard: 0 1px 2px rgb(0 0 0 / .05), 0 6px 18px rgb(0 0 0 / .08);--shadow-board: 0 2px 6px rgb(0 0 0 / .06), 0 12px 32px rgb(0 0 0 / .1)}*{box-sizing:border-box}html{min-width:320px;background:var(--surface)}body{min-width:320px;min-height:100vh;margin:0;background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased}a{text-underline-offset:.16em}.skip-link{position:fixed;z-index:1000;top:8px;left:-999px;padding:12px 16px;border-radius:8px;background:#176f83;color:#fff;font-weight:750}.skip-link:focus{left:8px}.site-header{position:relative;z-index:20;display:flex;width:min(1120px,calc(100% - 36px));min-height:72px;margin:0 auto;align-items:center;justify-content:space-between;gap:24px}.site-brand{display:inline-flex;min-height:48px;align-items:center;gap:9px;color:#20272b;font-size:17px;font-weight:800;text-decoration:none}.brand-mark{display:grid;width:36px;height:30px;place-items:center;border-radius:7px;background:#176f83;color:#fff;font-size:11px;letter-spacing:-.02em;text-transform:uppercase}.site-header nav{display:flex;align-items:center;gap:3px}.site-header nav a{display:inline-flex;min-height:48px;padding:0 13px;align-items:center;border-radius:999px;color:#525b60;font-size:14px;font-weight:700;text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a[aria-current=page]{background:#e8f3f5;color:#176f83}.content-shell{width:min(760px,calc(100% - 36px));margin:0 auto;padding:52px 0 84px}.content-shell.index-page{width:min(920px,calc(100% - 36px))}.eyebrow,.post-date{margin:0 0 10px;color:#176f83;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.content-shell h1{max-width:760px;margin:0;font-size:clamp(38px,7vw,68px);line-height:.98;letter-spacing:-.045em}.lede{max-width:690px;margin:20px 0 0;color:#59646a;font-size:clamp(18px,2.7vw,23px);line-height:1.55}.content-grid{display:grid;margin:54px 0 0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none}.content-grid li{display:grid;min-height:190px;padding:22px;grid-template-columns:40px 1fr;gap:12px;border:1px solid #d6dcde;border-radius:16px;background:#fff;box-shadow:0 10px 28px #252b2f0d}.content-grid li>span{color:#819096;font-size:12px;font-weight:800}.content-grid h2,.post-list h2{margin:0;font-size:23px;line-height:1.15;letter-spacing:-.025em}.content-grid h2 a,.post-list h2 a{color:#20272b;text-decoration:none}.content-grid h2 a:hover,.content-grid h2 a:focus-visible,.post-list h2 a:hover,.post-list h2 a:focus-visible{color:#176f83;text-decoration:underline}.content-grid p,.post-list article>p:last-child{margin:10px 0 0;color:#606c71;font-size:15px;line-height:1.55}.post-list{display:grid;margin-top:54px;gap:16px}.post-list article{padding:26px;border:1px solid #d6dcde;border-radius:16px;background:#fff}.content-cta,.feedback-card{margin-top:52px;padding:28px;border-radius:18px;background:#e8f3f5}.content-cta h2,.feedback-card h2{margin-top:0}.content-cta p,.feedback-card p{color:#4e6269}.primary-link,.secondary-link,.danger-button{display:inline-flex;min-height:48px;padding:0 20px;align-items:center;justify-content:center;border-radius:999px;font-weight:750;text-decoration:none}.primary-link{background:#176f83;color:#fff}.secondary-link{border:1px solid #8b969b;color:#283238}.danger-button{border:1px solid #a14639;background:#fff;color:#963d31;cursor:pointer}.prose{color:#333c41}.prose h2{margin:48px 0 12px;color:#20272b;font-size:clamp(25px,4vw,34px);line-height:1.15;letter-spacing:-.025em}.prose h3{margin:30px 0 8px;color:#252d31;font-size:20px}.prose p,.prose li{font-size:17px;line-height:1.75}.prose a{color:#176f83;font-weight:650}.prose code{padding:2px 5px;border-radius:5px;background:#edf0f1;font-size:.9em}.content-breadcrumbs{margin:0 0 32px}.path-demo{display:grid;margin:42px 0 50px;padding:26px;place-items:center;border:1px solid #d4dade;border-radius:20px;background:#f7f5ef}.demo-board{--demo-size: 4;position:relative;isolation:isolate;display:grid;width:min(100%,430px);aspect-ratio:1;grid-template-columns:repeat(var(--demo-size),1fr);overflow:hidden;border:5px solid #343c40;border-radius:13px;background:#fff}.demo-cell{position:relative;z-index:2;display:grid;place-items:center;border-right:1px solid #d8dddf;border-bottom:1px solid #d8dddf;color:#1e262a;font-size:clamp(24px,7vw,40px);font-weight:800}.demo-wall{z-index:4;border:4px solid #3f474b;background:#969b9e}.demo-endpoint:after{position:absolute;z-index:-1;width:68%;aspect-ratio:1;border:3px dashed #176f83;border-radius:50%;content:""}.demo-paths{position:absolute;z-index:1;inset:0;width:100%;height:100%}.demo-key{display:flex;margin-top:18px;flex-wrap:wrap;justify-content:center;gap:8px}.demo-key span{padding:7px 11px;border-radius:999px;background:#e1e4e5;color:#657076;font-size:13px;font-weight:750}.demo-key span.is-active{background:#d8edf0;color:#176f83}.path-demo figcaption{max-width:580px;margin-top:18px;color:#59656b;font-size:15px;line-height:1.55;text-align:center}.article-pager{display:flex;margin-top:56px;justify-content:space-between;gap:20px;border-top:1px solid #d6dcde}.article-pager a{display:inline-flex;min-height:64px;align-items:center;color:#176f83;font-weight:750}.faq-item{padding:8px 0 24px;border-bottom:1px solid #d6dcde}.faq-item h3{margin-top:24px}.faq-item p{margin-bottom:0}.form-status{min-height:1.75em;color:#176f83;font-weight:700}.empty-page{min-height:64vh}.button-row{display:flex;margin-top:32px;flex-wrap:wrap;gap:12px}.game-intro{width:min(940px,calc(100% - 36px));margin:0 auto;padding:28px 0 18px}.game-intro p{margin:0 0 5px;color:#176f83;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.game-intro h1{margin:0;font-size:clamp(24px,4vw,34px);letter-spacing:-.03em}.game-intro span{display:block;margin-top:5px;color:#647076;font-size:14px}.game-breadcrumbs{margin:0 0 12px}.prose .byline{margin:14px 0 0;color:#6b757a;font-size:14px}.archive-replay-banner .content-breadcrumbs{margin:0 0 6px}button,summary{font:inherit}button{color:inherit}@media(min-width:700px){body{background:#f3f2ef}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.archive-page{width:100%;margin:0;padding:1rem 0 4rem}.site-nav{display:flex;gap:8px;justify-content:flex-end}.site-nav a{padding:9px 14px;border-radius:999px;color:#30363a;font-weight:650;text-decoration:none}.site-nav a[aria-current=page]{background:#252b2f;color:#fff}.archive-page>header{max-width:72rem;padding:2.5rem 0 4.75rem}.archive-page header p{max-width:70rem;margin:1.5rem 0 0;color:var(--text-muted);font-size:clamp(1.2rem,2.2vw,1.75rem);line-height:1.5}.archive-page h1{margin:0;font-size:clamp(2.75rem,5.2vw,4.25rem);line-height:1;letter-spacing:-.045em}.archive-year+.archive-year{margin-top:4.5rem}.archive-month+.archive-month{margin-top:3.5rem}.archive-month h2,.archive-years h2{margin:0;color:var(--text-faint);font-size:.95rem;font-weight:750;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}.archive-month h2{padding:0 0 1.1rem;border-bottom:1px solid var(--line)}.archive-month ol,.archive-years ul{margin:0;padding:0;list-style:none}.archive-month li{display:flex;min-height:5.25rem;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.archive-month time{color:var(--text);font-size:clamp(1.05rem,1.8vw,1.3rem)}.archive-month a,.archive-years a{color:var(--accent);font-size:clamp(1.05rem,1.8vw,1.3rem);text-decoration:none}.archive-month a:hover,.archive-years a:hover{text-decoration:underline}.archive-years{margin-top:5.5rem}.archive-years ul{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.75rem}.archive-years a{font-weight:700}.archive-language-note{margin:5rem 0 0;color:var(--text-faint);font-size:.95rem}.breadcrumbs{display:flex;gap:8px;margin-top:36px;color:#6b7277;font-size:14px}.breadcrumbs a{color:#30363a}.archive-replay-banner{display:grid;gap:4px;width:min(920px,calc(100% - 36px));margin:0 auto;padding:14px 0;color:#50575c;font-size:14px}.archive-replay-banner a{width:fit-content;color:#252b2f;font-weight:700}.archive-replay-banner p{margin:4px 0 0}.archive-replay-banner h1{margin:5px 0 2px;color:#252b2f;font-size:clamp(24px,4vw,34px);letter-spacing:-.025em}.archive-replay-banner small{color:#6b7277}@media(max-width:520px){.site-header{width:100%;min-height:auto;padding:10px 14px 8px;flex-direction:column;gap:4px}.site-brand{align-self:flex-start}.site-header nav{width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.site-header nav a{flex:0 0 auto;padding-inline:12px}.content-shell,.content-shell.index-page{width:min(100% - 28px,920px);padding-top:42px}.content-grid{grid-template-columns:1fr}.content-grid li{min-height:160px;padding:19px}.path-demo{margin-inline:-4px;padding:16px}.article-pager{flex-direction:column;gap:0}.game-intro{width:min(100% - 28px,940px);padding-top:20px}.site-nav{justify-content:center}.site-nav a{padding-inline:11px}.archive-page>header{padding:1.75rem 0 3.5rem}.archive-page header p{margin-top:1.1rem;font-size:1.1rem}.archive-month li{min-height:4.75rem;gap:1rem}.archive-month time,.archive-month a{font-size:1rem}.archive-years{margin-top:4rem}}.site-main{min-height:calc(100svh - 44px);padding-top:44px}.site-header{width:auto;min-height:44px;margin:0;padding:0 0 0 4px;flex-direction:row;gap:0}.site-main--page{max-width:46rem;margin:0 auto;padding:calc(44px + 1.75rem) 1.25rem 4rem}.site-main--game{max-width:none}.game-column{--gutter: clamp(16px, 8vw, 40px);--board-max: 420px;max-width:calc(var(--board-max) + 2 * var(--gutter));margin:0 auto;padding:10px var(--gutter) 1.5rem}.article-band{padding:3rem 1.25rem 3.5rem;border-top:1px solid var(--line);background:var(--surface-sunken)}.article-band__inner{max-width:40rem;margin:0 auto}.article-band h1{margin:0 0 1rem;font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.15}.article-band h2{margin:2.2rem 0 .7rem;font-size:1.3rem}.article-band p,.article-band li{color:var(--text-muted);line-height:1.7}.article-band a{color:var(--accent);text-decoration:none}.article-band a:hover{text-decoration:underline}body.drawer-open{overflow:hidden}.skip-link{top:0;border-radius:0 0 var(--radius-sm) 0;background:var(--brand)}:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3{color:var(--text);letter-spacing:-.022em}.content-shell,.content-shell.index-page{width:100%;max-width:none;margin:0;padding:0}.content-shell>:not(.path-demo){max-width:46rem;margin-right:auto;margin-left:auto}.eyebrow,.post-date{color:var(--accent)}.content-shell h1{font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.15;letter-spacing:-.025em}.lede,.content-grid p,.post-list article>p:last-child,.prose,.prose p,.prose li,.archive-page header p,.breadcrumbs,.form-status{color:var(--text-muted)}.prose a,.breadcrumbs a,.content-grid h2 a:hover,.post-list h2 a:hover,.article-pager a{color:var(--accent)}.content-grid,.post-list{gap:10px}.content-grid li,.post-list article,.faq-item,.feedback-card,.content-cta{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-hard)}.content-grid h2 a,.post-list h2 a{color:var(--text)}.content-cta,.feedback-card{background:var(--accent-soft)}.content-cta p,.feedback-card p{color:var(--text-muted)}.primary-link,.secondary-link,.danger-button{min-height:44px;border-radius:var(--radius-pill);transition:transform .14s ease,opacity .14s ease}.primary-link{background:var(--accent);color:#fff}.secondary-link,.danger-button{border:1px solid var(--line);background:var(--btn-face);color:var(--text)}.primary-link:active,.secondary-link:active,.danger-button:active{transform:scale(.96);opacity:.82}.prose code{background:var(--surface-sunken);color:var(--text)}.prose h2,.prose h3{color:var(--text)}.prose .primary-link{color:#fff}.faq-page section>h2{margin-bottom:.8rem}.faq-item{padding:1rem 1.1rem 1.15rem}.faq-item+.faq-item{margin-top:8px}.faq-item h3{margin:0 0 .4rem;font-size:1rem}.faq-item p{margin:0}.feedback-card .primary-link,.content-cta .primary-link{box-shadow:var(--shadow-hard)}.path-demo{max-width:46rem;margin:2rem auto 3rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-sunken)}.path-demo figcaption,.demo-key span,.article-pager a{color:var(--text-muted)}.demo-board{border-color:var(--text);background:#fff;box-shadow:var(--shadow-board)}.demo-key span{background:var(--surface-raised)}.demo-key span.is-active{background:var(--accent-soft);color:var(--accent)}.article-pager,.faq-item{border-color:var(--line)}.archive-replay-banner{width:min(46rem,calc(100% - 2.5rem));color:var(--text-muted)}.archive-replay-banner h1,.archive-replay-banner a{color:var(--text)}.archive-guide,.learn-overview,.empty-blog{margin-top:3rem}.edition-summary{display:grid;gap:.75rem;padding:0;list-style:none}.edition-summary li{padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised)}.edition-summary h3,.edition-summary p{margin:0}.edition-summary h3{font-size:1.05rem}.edition-summary p{margin-top:.35rem}.breadcrumbs{margin-top:0}@media(min-width:700px){body{background:var(--surface)}}@media(max-width:520px){.site-main--page{padding:calc(44px + 1.25rem) 1rem 3rem}.content-shell>:not(.path-demo){max-width:100%}.path-demo{margin-inline:0}}.site-footer[data-astro-cid-gcn2mc3v]{padding:2rem 1.25rem 2.5rem;border-top:1px solid var(--line);background:var(--header-bg-opaque);color:var(--text)}.site-footer__inner[data-astro-cid-gcn2mc3v]{display:flex;max-width:46rem;margin:0 auto;flex-direction:column;gap:.9rem;font-size:.85rem}.site-footer[data-astro-cid-gcn2mc3v] nav[data-astro-cid-gcn2mc3v]{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}.site-footer[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]{color:var(--text-muted);font-weight:700;text-decoration:none}.site-footer[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:hover{color:var(--brand)}.site-footer[data-astro-cid-gcn2mc3v] p[data-astro-cid-gcn2mc3v]{margin:0}.site-footer__tagline[data-astro-cid-gcn2mc3v]{font-size:1rem;font-weight:600}.site-footer__legal[data-astro-cid-gcn2mc3v]{color:var(--text-faint);font-size:.78rem}.site-header[data-astro-cid-ctg3m53h]{position:fixed;inset:0 0 auto;z-index:60;display:flex;height:44px;align-items:center;justify-content:space-between;padding-left:4px;border-bottom:1px solid var(--line);background:var(--header-bg-opaque);color:var(--text)}@supports (backdrop-filter:blur(1px)){.site-header[data-astro-cid-ctg3m53h]{background:var(--header-bg);backdrop-filter:var(--header-blur)}}.site-header__left[data-astro-cid-ctg3m53h],.site-header__right[data-astro-cid-ctg3m53h]{display:flex;height:100%;align-items:center}.site-header__burger[data-astro-cid-ctg3m53h]{display:grid;width:38px;height:44px;padding:0 9px;align-content:center;gap:4px;border:0;background:none;cursor:pointer}.site-header__burger[data-astro-cid-ctg3m53h] span[data-astro-cid-ctg3m53h]{height:2px;border-radius:2px;background:var(--text)}.site-header__brand[data-astro-cid-ctg3m53h]{display:inline-flex;align-items:center;gap:.4rem;color:var(--text);text-decoration:none}.site-header__mark[data-astro-cid-ctg3m53h]{width:26px;height:26px}.site-header__wordmark[data-astro-cid-ctg3m53h]{font-size:1.1rem;font-weight:700;letter-spacing:-.022em;white-space:nowrap}.site-header__icon-btn[data-astro-cid-ctg3m53h]{display:grid;width:40px;height:44px;place-items:center;border:0;background:none;color:var(--accent);cursor:pointer;text-decoration:none}.site-header__icon-btn[data-astro-cid-ctg3m53h]:hover{opacity:.65}.site-header__icon-btn[data-astro-cid-ctg3m53h] svg[data-astro-cid-ctg3m53h]{width:21px;height:21px}.site-header__theme[data-astro-cid-ctg3m53h]{position:relative;height:100%}.theme-menu[data-astro-cid-ctg3m53h]{position:absolute;top:48px;right:4px;z-index:70;display:grid;gap:1px;min-width:190px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-hard)}.theme-menu[data-astro-cid-ctg3m53h][hidden]{display:none}.theme-menu[data-astro-cid-ctg3m53h] p[data-astro-cid-ctg3m53h]{margin:4px 8px 3px;color:var(--text-faint);font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.theme-menu[data-astro-cid-ctg3m53h] button[data-astro-cid-ctg3m53h]{display:flex;width:100%;align-items:center;gap:8px;padding:8px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text);font:inherit;font-size:.86rem;cursor:pointer}.theme-menu[data-astro-cid-ctg3m53h] button[data-astro-cid-ctg3m53h]:hover{background:var(--surface-sunken)}.theme-menu[data-astro-cid-ctg3m53h] button[data-astro-cid-ctg3m53h][aria-pressed=true]{color:var(--accent)}.theme-menu[data-astro-cid-ctg3m53h] button[data-astro-cid-ctg3m53h] svg[data-astro-cid-ctg3m53h]{width:14px;height:14px;opacity:0}.theme-menu[data-astro-cid-ctg3m53h] button[data-astro-cid-ctg3m53h][aria-pressed=true] svg[data-astro-cid-ctg3m53h]{opacity:1}.drawer-scrim[data-astro-cid-ctg3m53h]{position:fixed;inset:0;z-index:70;background:#00000073}.drawer[data-astro-cid-ctg3m53h]{position:fixed;inset:0 auto 0 0;z-index:80;display:flex;width:min(19rem,82vw);flex-direction:column;padding:.75rem 1rem 1.5rem;border-right:1px solid var(--line);background:var(--surface-raised);box-shadow:var(--shadow-hard);overflow-y:auto}.drawer[data-astro-cid-ctg3m53h][hidden],.drawer-scrim[data-astro-cid-ctg3m53h][hidden]{display:none}.drawer__head[data-astro-cid-ctg3m53h]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:1.05rem;font-weight:700}.drawer__head[data-astro-cid-ctg3m53h] button[data-astro-cid-ctg3m53h]{width:38px;height:38px;border:0;background:none;color:var(--text-muted);font-size:1.8rem;cursor:pointer}.drawer[data-astro-cid-ctg3m53h] nav[data-astro-cid-ctg3m53h]{display:grid;gap:2px}.drawer[data-astro-cid-ctg3m53h] nav[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]{padding:.62rem .7rem;border-radius:var(--radius-sm);color:var(--text);font-size:.94rem;font-weight:500;text-decoration:none}.drawer[data-astro-cid-ctg3m53h] nav[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]:hover{background:var(--surface-sunken)}.drawer[data-astro-cid-ctg3m53h] nav[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h][aria-current=page]{background:var(--brand);color:#fff}.drawer[data-astro-cid-ctg3m53h]>p[data-astro-cid-ctg3m53h]{margin:auto 0 0;padding-top:1.5rem;color:var(--text-faint);font-size:.8rem}@media(max-width:24rem){.site-header__wordmark[data-astro-cid-ctg3m53h]{font-size:1rem}.site-header__icon-btn[data-astro-cid-ctg3m53h]{width:36px}}.tutorial-dialog{width:min(calc(100% - 2rem),30rem);max-width:none;max-height:calc(100dvh - 2rem);padding:1.5rem;overflow-x:hidden;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-board);animation:tutorial-in .22s cubic-bezier(.2,.8,.3,1)}.tutorial-dialog::backdrop{background:#0000009e;backdrop-filter:blur(8px)}.tutorial-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.tutorial-kicker,.tutorial-progress{margin:0 0 .35rem;color:var(--text-faint);font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.tutorial-header h2{margin:0;font-size:1.45rem;letter-spacing:-.025em}.tutorial-skip{padding:.3rem 0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:.9rem;cursor:pointer}.tutorial-progress{margin-bottom:.7rem}.tutorial-board{--tutorial-size: 4;position:relative;isolation:isolate;display:grid;width:min(19rem,100%);aspect-ratio:1;margin:0 auto 1.1rem;grid-template-columns:repeat(var(--tutorial-size),1fr);overflow:hidden;border:3px solid #393e42;border-radius:8px;background:#fff;touch-action:none;user-select:none}.tutorial-cell{position:relative;z-index:3;display:grid;min-width:0;min-height:0;padding:0;place-items:center;border:0;border-right:1px solid #e1e3e5;border-bottom:1px solid #e1e3e5;border-radius:0;background:transparent;color:#1f2327;font:inherit;font-size:clamp(18px,7vw,28px);font-weight:750}.tutorial-cell-wall{z-index:4;border:3px solid #454a4e;background:#a6a5a4}.tutorial-cell:focus-visible{z-index:5;outline:3px solid #176f83;outline-offset:-4px}.tutorial-paths{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.tutorial-detail{min-height:4.6em;margin:0 0 1.15rem;color:var(--text-muted);font-size:.9rem;line-height:1.55}.tutorial-detail-wrong{color:var(--danger)}.tutorial-actions{display:flex}.tutorial-primary,.tutorial-secondary{min-height:46px;padding:0 1.1rem;flex:1;border-radius:var(--radius-pill);font:inherit;font-weight:650;cursor:pointer}.tutorial-primary{border:0;background:var(--accent);color:#fff}.tutorial-secondary{border:1px solid var(--line);background:var(--btn-face);color:var(--text)}@keyframes tutorial-in{0%{transform:translateY(10px);opacity:0}}@media(max-width:24rem){.tutorial-dialog{padding:1.15rem}.tutorial-header h2{font-size:1.25rem}.tutorial-detail{min-height:5.6em;font-size:.83rem}}@media(prefers-reduced-motion:reduce){.tutorial-dialog{animation-duration:.01ms}}