:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#fff;--color-text:#111827;--color-text-muted:#4b5563;--color-border:#d1d5db;--color-border-focus:#2563eb;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-text:#fff;--color-error-bg:#fee2e2;--color-error-text:#b91c1c;--font-sans:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-weight-medium:500;--transition-speed:.2s;--color-deck-bg:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#111827;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-border:#374151;--color-border-focus:#3b82f6;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-text:#fff;--color-error-bg:#7f1d1d;--color-error-text:#fca5a5;--color-deck-bg:#111827}}@media (prefers-reduced-motion:reduce){:root{--transition-speed:0s}}*,:before,:after{box-sizing:border-box}html{background-color:var(--color-bg)}body{min-height:100svh;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);justify-content:center;align-items:center;margin:0;line-height:1.5;display:flex}body:has(.page.slide-player){background-color:var(--color-deck-bg);justify-content:flex-start;align-items:stretch;min-height:100svh;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{width:100%;max-width:28rem;padding:2rem}.page h1{letter-spacing:-.025em;margin:0 0 .5rem;font-size:2rem;font-weight:700}:where(.page h1,.slide-player-title)[tabindex="-1"]:focus{outline:none}.supporting-message{color:var(--color-text-muted);margin:0 0 2rem;font-size:1.125rem}.unlock-form{flex-direction:column;gap:.5rem;display:flex}.unlock-form label{font-size:.875rem;font-weight:500}.about-link{text-align:center;margin:1.5rem 0 0;font-size:.875rem}.about-link a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.about-link a:hover{text-decoration:underline}.site-footer{flex-shrink:0;margin-top:1.25rem}.page.coming-soon .site-footer{margin-top:2rem}.site-footer .social-links{margin-top:0}.site-footer-nav{margin-top:.75rem}.site-footer-nav ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .85rem;margin:0;padding:0;list-style:none;display:flex}.site-footer-nav li{white-space:nowrap}.site-footer-nav a{color:var(--color-primary);font-size:.8125rem;font-weight:var(--font-weight-medium);text-decoration:none}.site-footer-nav a:hover,.site-footer-nav a:focus-visible{text-decoration:underline}.site-footer-soon{color:var(--color-text-muted);font-size:.8125rem;font-weight:var(--font-weight-medium);cursor:default}.site-footer-soon-label{font-size:.75rem;font-weight:400}.site-footer .site-copyright{margin-top:.65rem}.input-group{gap:.5rem;display:flex}.password-field{flex:1;min-width:0;position:relative}.password-field input{box-sizing:border-box;border:1px solid var(--color-border);width:100%;color:inherit;transition:border-color var(--transition-speed);background-color:#0000;border-radius:.375rem;padding:.75rem 2.75rem .75rem 1rem;font-family:inherit;font-size:1rem}.password-field input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 2px #2563eb33}@media (prefers-color-scheme:dark){.password-field input:focus{box-shadow:0 0 0 2px #3b82f633}}.password-visibility-toggle{width:2.25rem;height:2.25rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.password-visibility-toggle:hover{color:var(--color-text)}.password-visibility-toggle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.unlock-submit{background-color:var(--color-primary);color:var(--color-primary-text);cursor:pointer;transition:background-color var(--transition-speed);border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500}.unlock-submit:hover{background-color:var(--color-primary-hover)}.error-region{min-height:1.5rem;color:var(--color-error-text);margin-top:.25rem;font-size:.875rem}.error-region:not(:empty){background-color:var(--color-error-bg);border-radius:.375rem;padding:.5rem .75rem}.fullscreen-offer[hidden]{display:none!important}.fullscreen-offer{z-index:40;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));background:#11182773;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fullscreen-offer-card{background:var(--color-bg);width:min(22rem,100%);color:var(--color-text);border-radius:.75rem;padding:1.25rem 1.15rem;box-shadow:0 .75rem 2rem #11182738}.fullscreen-offer-card h2{margin:0 0 .5rem;font-size:1.25rem}.fullscreen-offer-card p{color:var(--color-text-muted);margin:0 0 1rem;font-size:.9375rem;line-height:1.45}.fullscreen-offer-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.fullscreen-offer-decline,.fullscreen-offer-accept{min-height:44px;font:inherit;cursor:pointer;border-radius:.375rem;padding:.55rem 1rem;font-weight:600}.fullscreen-offer-decline{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.fullscreen-offer-accept{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-text)}.fullscreen-offer-decline:focus-visible,.fullscreen-offer-accept:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 35%, transparent);outline:none}.demo a,.slide-player a,.deck-resource{color:var(--color-primary);font-weight:var(--font-weight-medium);margin-top:.25rem;text-decoration:none;display:inline-block}.demo a:hover,.slide-player a:hover,.deck-resource:hover{text-decoration:underline}.site-footer a{margin-top:0}:is(html:has(.app-shell),html:has(.page.deck)){overscroll-behavior:none;height:100%;overflow:hidden}:is(body:has(.app-shell),body:has(.page.deck)){overscroll-behavior:none;justify-content:stretch;align-items:stretch;height:100dvh;min-height:100dvh;display:block;overflow:hidden}.page.coming-soon.app-shell{width:100%;max-width:28rem;height:100dvh;min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top,0px)) max(1.25rem, env(safe-area-inset-right,0px)) max(1.25rem, env(safe-area-inset-bottom,0px)) max(1.25rem, env(safe-area-inset-left,0px));box-sizing:border-box;flex-direction:column;justify-content:center;margin-inline:auto;display:flex;overflow:hidden auto}.social-links{margin-top:2rem}.social-links ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.social-links a{min-width:44px;min-height:44px;color:var(--color-primary);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.social-links a:hover,.social-links a:focus-visible{color:var(--color-primary-hover)}.social-links__icon{display:block}.site-copyright{text-align:center;font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin:1rem 0 0}@media (width<=900px){.page.coming-soon.app-shell .input-group{flex-direction:column}.page.coming-soon.app-shell .password-field input,.page.coming-soon.app-shell .unlock-submit{width:100%;min-height:44px}.page.coming-soon.app-shell .password-visibility-toggle{width:2.75rem;height:2.75rem}.page.coming-soon.app-shell .supporting-message{margin-bottom:1.5rem}.page.coming-soon.app-shell .social-links{margin-top:0}.page.coming-soon.app-shell .site-footer{margin-top:1.5rem}.page.coming-soon.app-shell .site-copyright{margin-top:.5rem}}.page.deck{width:100%;max-width:72rem;height:100dvh;min-height:100dvh;max-height:100dvh;padding:max(.5rem, env(safe-area-inset-top,0px)) max(.75rem, env(safe-area-inset-right,0px)) 0 max(.75rem, env(safe-area-inset-left,0px));box-sizing:border-box;background:var(--color-deck-bg);font-weight:var(--font-weight-medium);grid-template-rows:auto minmax(0,1fr) auto;margin-inline:auto;display:grid;position:relative;overflow:hidden}.page.slide-player{width:100%;max-width:40rem;height:100svh;min-height:100svh;max-height:100svh;padding:env(safe-area-inset-top,0px) max(.85rem, env(safe-area-inset-right,0px)) 0 max(.85rem, env(safe-area-inset-left,0px));box-sizing:border-box;background:var(--color-deck-bg);font-weight:var(--font-weight-medium);flex-direction:column;margin-inline:auto;display:flex;position:relative;overflow:hidden}.slide-player-stage-host{flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.slide-player-track{scroll-snap-type:x mandatory;scroll-behavior:auto;touch-action:pan-x;overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;align-items:stretch;width:auto;height:auto;display:flex;position:absolute;inset:0;overflow:auto hidden}.slide-player-track.is-rm-frame-lock{touch-action:manipulation;scroll-snap-type:none;overflow-x:hidden}.slide-player-track::-webkit-scrollbar{display:none}.slide-player-slide{scroll-snap-align:start;scroll-snap-stop:normal;box-sizing:border-box;flex:0 0 100%;width:100%;min-width:100%;height:100%;padding-inline:clamp(.5rem,2.2vw,.875rem)}.slide-player-slide[aria-hidden=true]{pointer-events:none;-webkit-user-select:none;user-select:none}.slide-player-slide .slide-player-stage{width:100%;height:100%}.slide-player-stage{flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;display:flex}.page.slide-player.slide-player--dock .slide-player-toolbar-actions:empty{display:none}.page.slide-player.loading{justify-content:center;align-items:center;display:flex}.slide-player-toolbar{z-index:2;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.5rem .65rem;min-width:0;min-height:1.75rem;display:flex;position:relative}.slide-player-toolbar .deck-brand{flex:none;line-height:1.25}.slide-player-toolbar-actions{flex-wrap:wrap;flex:none;align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.slide-player-pack{color:var(--color-text-muted);align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.slide-player-pack-label{font-weight:600}.slide-player-pack-select{border:1px solid var(--color-border);background:var(--color-bg);max-width:12rem;color:var(--color-text);cursor:pointer;border-radius:.375rem;padding:.35rem .5rem;font-family:inherit;font-size:.8125rem}.slide-player-pack-select:focus-visible{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 2px #2563eb33}.slide-player-tree-open,.slide-player-tree-close,.slide-player-home{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-speed), border-color var(--transition-speed);border-radius:.375rem;padding:.35rem .7rem;font-family:inherit;font-size:.8125rem;font-weight:500}.slide-player-tree-open:hover,.slide-player-tree-open:focus-visible,.slide-player-tree-close:hover,.slide-player-tree-close:focus-visible,.slide-player-home:hover,.slide-player-home:focus-visible{border-color:var(--color-border-focus);outline:none}.slide-player-tree-open:focus-visible,.slide-player-tree-close:focus-visible,.slide-player-home:focus-visible{box-shadow:0 0 0 2px #2563eb33}.slide-player-tree-backdrop{z-index:20;background:color-mix(in srgb, var(--color-text) 35%, transparent);position:absolute;inset:0}.slide-player-tree{z-index:21;inset:max(.75rem, env(safe-area-inset-top,0px)) max(.75rem, env(safe-area-inset-right,0px)) max(.75rem, env(safe-area-inset-bottom,0px)) max(.75rem, env(safe-area-inset-left,0px));border:1px solid var(--color-border);background:var(--color-bg);box-shadow:0 12px 40px color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:absolute;overflow:hidden}.slide-player-tree-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.slide-player-tree-eyebrow{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .15rem;font-size:.75rem;font-weight:600}.slide-player-tree-title{letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:700}.slide-player-tree-note{color:var(--color-text-muted);margin:0;font-size:.8125rem}.slide-player-tree-note code{color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}.slide-player-tree-diagram{border:1px solid var(--color-border);background:var(--color-deck-bg);border-radius:.375rem;flex:auto;min-height:0;margin:0;padding:.75rem;overflow:auto}.slide-player-tree-diagram svg{max-width:100%;height:auto;display:block}.slide-player-tree-loading{color:var(--color-text-muted);margin:0;font-size:.875rem}.slide-player-tree-source{border:1px solid var(--color-border);background:var(--color-deck-bg);min-height:0;color:var(--color-text);white-space:pre;border-radius:.375rem;flex:auto;margin:0;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.45;overflow:auto}.slide-player-tree-current{background:color-mix(in srgb, var(--color-border-focus) 28%, transparent);color:var(--color-text);border-radius:.2em;padding:.05em .2em;font-weight:700}.slide-player-tree-node-current rect,.slide-player-tree-node-current .label-container,.slide-player-tree-node-current polygon{filter:drop-shadow(0 0 .35rem color-mix(in srgb, var(--color-border-focus) 45%, transparent));stroke:var(--color-border-focus)!important;stroke-width:3px!important}.slide-player-tree-missing{color:var(--color-text-muted);margin:0;font-size:.875rem}.page.slide-player .site-footer--compact{border-top:1px solid var(--color-border);background:var(--color-deck-bg);flex-direction:column;flex-shrink:0;gap:0;margin-top:.15rem;padding:0;display:flex}.site-footer-compact-bar{justify-content:space-evenly;align-items:center;gap:.25rem;padding:.1rem .25rem .25rem;display:flex}@media (display-mode:standalone){.site-footer-compact-bar{padding-bottom:max(.25rem, env(safe-area-inset-bottom,0px))}}.page.slide-player.is-fullscreen .site-footer-compact-bar{padding-bottom:max(.25rem, env(safe-area-inset-bottom,0px))}.site-footer-dock-btn,.site-footer-more{width:2.75rem;min-width:44px;height:2.75rem;min-height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.site-footer-more-icon{width:1.5rem;height:1.5rem;display:block}.site-footer-dock-btn:hover,.site-footer-dock-btn:focus-visible,.site-footer-more:hover,.site-footer-more:focus-visible{border-color:var(--color-border-focus);color:var(--color-text);outline:none}.site-footer-dock-btn:focus-visible,.site-footer-more:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 35%, transparent)}.site-footer-more-panel{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);order:-1;margin:0 0 .35rem;padding:.45rem .25rem .5rem}.site-footer--compact:not(.is-open) .site-footer-more-panel{display:none}.page.slide-player .site-footer--compact .social-links ul{gap:.45rem}.page.slide-player .site-footer--compact .site-footer-nav{margin-top:.35rem}.page.slide-player .site-footer--compact .site-footer-nav ul{flex-wrap:wrap;justify-content:center;gap:.35rem .75rem;margin:0;padding:0;font-size:.75rem;line-height:1.3;list-style:none;display:flex}.page.slide-player .site-footer--compact .site-footer-nav li{white-space:nowrap}.page.slide-player .site-footer--compact .site-copyright{text-align:center;margin-top:.35rem;font-size:.75rem;line-height:1.3}.slide-player-sketch{flex:auto;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.slide-player-sketch-chip{border:1px solid color-mix(in srgb, var(--color-border-focus) 35%, var(--color-border));background:color-mix(in srgb, var(--color-border-focus) 12%, transparent);width:100%;min-width:0;color:var(--color-text-muted);font:inherit;text-align:start;cursor:pointer;box-sizing:border-box;border-radius:.375rem;align-items:center;gap:.25rem;margin:0;padding:.1rem .35rem .1rem .45rem;font-size:.75rem;font-weight:500;line-height:1.25;display:inline-flex}.slide-player-sketch-chip-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.slide-player-sketch-chevron{width:1rem;height:1rem;color:var(--color-text-muted);flex:none;display:block}.slide-player-sketch-chip:hover,.slide-player-sketch-chip:focus-visible{border-color:var(--color-border-focus);color:var(--color-text);outline:none}.slide-player-sketch-chip:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 35%, transparent)}.slide-player-sketch-panel{z-index:3;border:1px solid color-mix(in srgb, var(--color-border-focus) 35%, var(--color-border));background:var(--color-deck-bg);color:var(--color-text-muted);white-space:normal;overflow-wrap:anywhere;border-radius:.375rem;margin:0;padding:.55rem .65rem;font-size:.75rem;font-weight:500;line-height:1.4;position:absolute;top:calc(100% + .2rem);left:0;right:0;box-shadow:0 .35rem .85rem #0000001f}.slide-player-sketch-panel[hidden]{display:none!important}.slide-player-header{flex-shrink:0;margin-top:.55rem}.slide-player-title{letter-spacing:-.025em;margin:0 0 .2rem;font-size:clamp(1.25rem,1rem + 1.2vw,1.75rem);font-weight:700;line-height:1.2}.slide-player-meta{color:var(--color-text-muted);margin:0;font-size:.75rem}.slide-player-body-shell{flex-direction:column;flex:auto;min-height:0;margin-top:.65rem;display:flex;position:relative}.slide-player-stage:has(>.bop-situation)>.slide-player-body-shell{flex:none;min-height:0;margin-top:0}.slide-player-stage:has(>.bop-situation)>.slide-player-body-shell .slide-player-body:empty{display:none}.slide-player-body{min-height:0;color:var(--color-text);-webkit-overflow-scrolling:touch;flex:auto;font-size:1rem;line-height:1.45;overflow:auto}.slide-player-body.has-scroll-cue{-webkit-mask-image:linear-gradient(#000 0% calc(100% - 2.25rem),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 2.25rem),#0000 100%)}.slide-player-scroll-cue{z-index:2;text-align:center;letter-spacing:.02em;color:var(--color-primary);pointer-events:none;margin:0;padding:.2rem .5rem;font-size:.75rem;font-weight:650;position:absolute;bottom:.15rem;left:0;right:0}.slide-player-scroll-cue[hidden]{display:none!important}.slide-player--dock .slide-player-header{margin-top:.35rem}.slide-player--dock .slide-player-title{font-size:1.2rem}.slide-player--dock .slide-player-meta{display:none}.slide-player--dock .slide-player-body-shell{margin-top:.4rem}.slide-player--dock .slide-player-body{font-size:.9375rem;line-height:1.4}.slide-player--dock .slide-player-body p{margin-bottom:.55rem}.slide-player--dock .slide-player-choices--inline{gap:.4rem;margin:.55rem 0}.slide-player--dock .slide-player-choice{min-height:44px;padding:.55rem .75rem;font-size:.875rem}.loading-screen{width:100%;max-width:none;min-height:100svh;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));background:var(--color-deck-bg);color:var(--color-primary);place-items:center;display:grid}.loading-screen__status{place-items:center;display:grid}.loading-screen__spinner{border:.25rem solid color-mix(in srgb, var(--color-primary) 18%, transparent);border-top-color:var(--color-primary);border-radius:999px;width:2.75rem;height:2.75rem;animation:.9s linear infinite loading-screen-rotate;display:block}@keyframes loading-screen-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.loading-screen__spinner{animation:none}}.tabletop-cheer{background:color-mix(in srgb, var(--color-primary) 90%, #000);color:#fff;letter-spacing:.02em;pointer-events:none;z-index:8;box-shadow:0 12px 36px color-mix(in srgb, var(--color-text) 22%, transparent);border-radius:1.25rem;margin:0;padding:.75rem 1.25rem;font-size:1.25rem;font-weight:700;animation:1.4s cubic-bezier(.22,1.2,.36,1) forwards tabletop-cheer-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tabletop-cheer-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}32%{transform:translate(-50%,-50%)scale(1)}72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-52%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.tabletop-cheer{opacity:1;animation:none;transform:translate(-50%,-50%)}}.slide-player-help{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 88%, var(--color-primary));z-index:3;border-radius:.65rem;flex-shrink:0;margin:.25rem 0 .15rem;padding:.55rem .75rem}.slide-player-help[hidden]{display:none!important}.slide-player-help-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .2rem;font-size:.7rem;font-weight:700}.slide-player-help .slide-player-hint,.slide-player-idle-toast .slide-player-hint{color:var(--color-text);margin:0;font-size:.9375rem;font-weight:600}.slide-player-idle-toast{left:50%;bottom:calc(3.1rem + env(safe-area-inset-bottom,0px));border:1px solid color-mix(in srgb, var(--color-primary) 45%, var(--color-border));background:color-mix(in srgb, var(--color-bg) 92%, var(--color-primary));width:min(22rem,100% - 1.5rem);box-shadow:0 8px 24px color-mix(in srgb, var(--color-text) 14%, transparent);z-index:7;pointer-events:none;border-radius:.65rem;margin:0;padding:.55rem .75rem;animation:1.8s ease-in-out infinite slide-player-idle-pulse;position:absolute;transform:translate(-50%)}.page.slide-player.is-idle [data-player-help]{color:var(--color-primary);animation:1.8s ease-in-out infinite slide-player-idle-pulse}@keyframes slide-player-idle-pulse{0%,to{opacity:.72}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.slide-player-idle-toast,.page.slide-player.is-idle [data-player-help]{opacity:1;animation:none}}.slide-player-body p{margin:0 0 .85rem}.slide-player-body h2{margin:1rem 0 .5rem;font-size:1.125rem;font-weight:650}.slide-player-body ul{margin:0 0 .85rem;padding-left:1.25rem}.slide-player-body li{margin-bottom:.35rem}.bop-situation{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 88%, var(--color-primary) 12%);border-radius:.5rem;flex-direction:column;flex-shrink:0;gap:.4rem;margin:.5rem 0 0;padding:.65rem .75rem;display:flex}.slide-player-stage>.bop-situation{margin:.35rem 0 .25rem}.bop-situation-progress{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.75rem}.bop-situation-scope{color:var(--color-text-muted);margin:0;font-size:.8125rem;font-weight:600}.bop-situation-prompt{margin:0;font-size:1rem;font-weight:650;line-height:1.3}.bop-situation-cast{flex-wrap:wrap;gap:.5rem;display:flex}.bop-situation-cast-btn{border:1px solid var(--color-border);background:var(--color-bg);color:inherit;font:inherit;cursor:pointer;border-radius:.375rem;align-items:center;padding:.65rem 1rem;font-weight:600;display:inline-flex}.bop-situation-cast-btn:hover,.bop-situation-cast-btn:focus-visible{border-color:var(--color-primary);outline:none}.bop-situation-cast-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 35%, transparent)}.slide-player-choices{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.slide-player-choices--inline{flex-flow:column;align-items:stretch;gap:.5rem;margin:.85rem 0}.slide-player-choices--inline .slide-player-choice{text-align:start;justify-content:flex-start;width:100%}.slide-player-choice{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-speed), border-color var(--transition-speed);border-radius:.375rem;align-items:center;padding:.65rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:500;display:inline-flex}.slide-player-choice:hover,.slide-player-choice:focus-visible{border-color:var(--color-border-focus);outline:none}.slide-player-choice:focus-visible{box-shadow:0 0 0 2px #2563eb33}.practice-demo{margin-top:1rem}.practice-demo-labels{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin:0 0 .5rem;font-size:1.05rem;font-weight:600;display:flex}.practice-demo-sep{color:var(--color-text-muted);font-weight:500}.practice-demo-letter{font-variant-numeric:tabular-nums;letter-spacing:.02em}.practice-demo-position{color:var(--color-text-muted);text-transform:lowercase;font-weight:500}.practice-demo-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.practice-demo-press{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;transition:background-color var(--transition-speed), border-color var(--transition-speed);border-radius:.375rem;align-items:center;padding:.65rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:600;display:inline-flex}.practice-demo-press:hover,.practice-demo-press:focus-visible{border-color:var(--color-border-focus);outline:none}.practice-demo-press:focus-visible{box-shadow:0 0 0 2px #2563eb33}.slide-player-chrome{border-top:1px solid var(--color-border);flex-shrink:0;margin-top:.35rem;padding-top:.45rem}.slide-player-hint{color:var(--color-text-muted);margin:0;font-size:.875rem}.position-zones{flex-direction:column;flex-shrink:0;gap:.2rem;max-height:min(30vh,11.5rem);padding-block:.25rem;display:flex;overflow:hidden}.position-zones-reminder{color:var(--color-text-muted);text-align:center;flex-shrink:0;margin:0 0 .15rem;font-size:.6875rem}.position-zones-row{background:color-mix(in srgb, var(--color-primary) 11%, transparent);min-height:2.5rem;color:var(--color-text);cursor:pointer;text-align:center;width:100%;transition:background-color var(--transition-speed);border:none;border-radius:.5rem;flex:2.5rem;justify-content:center;align-items:center;gap:.35rem;padding:.4rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.position-zones-row:hover,.position-zones-row:focus-visible{background:color-mix(in srgb, var(--color-primary) 22%, transparent);outline:none}.position-zones-row:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 35%, transparent)}.position-zones-sep{color:var(--color-text-muted);font-weight:500}.position-zones-reach{color:var(--color-text-muted);text-transform:lowercase;font-weight:500}.position-zones-key{color:var(--color-text-muted);opacity:.65;font-size:.75rem}@media (prefers-color-scheme:dark){.page.deck,.page.slide-player{background:var(--color-bg)}.slide-player-sketch-panel{background:var(--color-bg);box-shadow:0 .35rem .85rem #00000073}.slide-player-choice:focus-visible,.bop-situation-cast-btn:focus-visible,.slide-player-pack-select:focus-visible,.slide-player-tree-open:focus-visible,.slide-player-tree-close:focus-visible,.slide-player-home:focus-visible,.teach-visual-replay:focus-visible,.practice-demo-press:focus-visible{box-shadow:0 0 0 2px #3b82f633}.slide-player-tree-source{background:color-mix(in srgb, var(--color-bg) 80%, #000)}}.deck-brand{color:var(--color-text-muted);margin:0;font-size:clamp(.75rem,2.2vw + .4rem,1rem);font-weight:600}.deck-stage{height:100%;min-height:0;padding:clamp(.25rem,1.2vh,1rem) 0;display:block;position:relative;overflow:hidden}.deck-track{scroll-snap-type:x mandatory;scroll-behavior:auto;touch-action:pan-x;overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;align-items:stretch;width:auto;height:auto;display:flex;position:absolute;inset:0;overflow:auto hidden}.deck-track.is-rm-frame-lock{touch-action:manipulation;scroll-snap-type:none;overflow-x:hidden}.deck-track::-webkit-scrollbar{display:none}.deck-slide{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;flex:0 0 100%;justify-content:center;align-items:center;width:100%;min-width:100%;height:100%;padding-inline:clamp(.5rem,2.2vw,.875rem);display:flex}.deck-slide .deck-card{box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);border-radius:clamp(.625rem,1.5vw,1rem);justify-content:center;align-items:center;width:min(64rem,100%);height:100%;max-height:none;padding:clamp(.5rem,2vh,1.5rem) clamp(.75rem,2.5vw,2rem);display:flex;overflow:hidden}.deck-layout{grid-template-columns:1fr;align-items:center;gap:clamp(.5rem,1.8vh,1.25rem);width:100%;max-width:58rem;min-height:0;max-height:100%;margin:0 auto;display:grid}@media (width>=900px){.deck-layout{grid-template-columns:1.05fr .95fr;gap:2rem}}.deck-copy{min-width:0}.deck-copy h1{letter-spacing:-.03em;margin:0 0 clamp(.35rem,1.2vh,.75rem);font-size:clamp(1.05rem,2.8vw + .4rem,2.25rem);font-weight:600;line-height:1.15}.deck-body{color:var(--color-text-muted);font-size:clamp(.8125rem,1.6vw + .35rem,1.0625rem);font-weight:var(--font-weight-medium);max-width:36rem;margin:0;line-height:1.4}.deck-links{flex-direction:column;gap:clamp(.25rem,.8vh,.5rem);margin:clamp(.35rem,1vh,1rem) 0 0;padding:0;font-size:clamp(.75rem,1.4vw + .3rem,.9375rem);list-style:none;display:flex}.deck-chrome{padding:.5rem 0 max(.75rem, env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-deck-bg);z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(.35rem,1.5vw,1rem);margin:0;display:flex;position:relative}@media (width<=430px){.page.deck .deck-chrome{flex-direction:column;align-items:stretch}.page.deck .deck-progress{justify-content:center;width:100%}.page.deck .deck-nav{justify-content:space-between;width:100%}.page.deck .deck-btn{flex:auto}}@media (prefers-color-scheme:dark){.deck-chrome{background:var(--color-bg)}}.deck-progress{flex-wrap:nowrap;align-items:center;gap:0;min-width:0;display:flex}.deck-dot{box-sizing:border-box;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;width:clamp(1.5rem,8vw,44px);height:44px;padding:0;display:inline-flex;position:relative}.deck-dot:after{content:"";background:var(--color-border);border-radius:999px;width:.5rem;height:.5rem}.deck-dot:hover:after{background:var(--color-text-muted)}.deck-dot.is-active:after{background:var(--color-primary);transform:scale(1.2)}.deck-hint{color:var(--color-text-muted);align-items:center;gap:.15rem;margin-left:.35rem;font-size:clamp(.75rem,1.5vw + .3rem,.875rem);display:inline-flex}.deck-hint-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.375rem;min-width:44px;min-height:44px;padding:.15rem .35rem;line-height:1}.deck-hint-btn:hover:not(:disabled){color:var(--color-text);background:var(--color-border)}.deck-hint-btn:disabled{opacity:.35;cursor:not-allowed}.deck-nav{gap:.5rem;display:flex}.deck-btn{box-sizing:border-box;border:1px solid var(--color-border);width:auto;min-width:5.5rem;min-height:44px;color:inherit;text-align:center;cursor:pointer;background:0 0;border-radius:.625rem;padding:.65rem .9rem;font-family:inherit;font-size:clamp(.875rem,1.5vw + .35rem,1rem);font-weight:600}.deck-btn:disabled{opacity:.4;cursor:not-allowed}.deck-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.deck-btn.primary:hover{background:var(--color-primary-hover)}@keyframes deck-idle-pulse{0%,to{transform:scale(1);box-shadow:0 0 #2563eb59}50%{transform:scale(1.03);box-shadow:0 0 0 10px #2563eb00}}@keyframes deck-idle-dot{0%,to{opacity:1;transform:scale(1.2)}50%{opacity:.75;transform:scale(1.55)}}@keyframes deck-idle-hint{0%,to{opacity:.85}50%{opacity:1}}.page.deck.is-idle .deck-btn.primary:not(:disabled){animation:2.2s ease-in-out infinite deck-idle-pulse}.page.deck.is-idle .deck-dot.is-active:after{animation:2.2s ease-in-out infinite deck-idle-dot}.page.deck.is-idle .deck-hint{animation:2.2s ease-in-out infinite deck-idle-hint}@media (prefers-reduced-motion:reduce){.page.deck.is-idle .deck-hint{opacity:1}.page.deck.is-idle .deck-btn.primary:not(:disabled),.page.deck.is-idle .deck-dot.is-active:after,.page.deck.is-idle .deck-hint,.page.deck.is-idle .deck-swipe-exit.is-exit{animation:none!important}}.deck-swipe-edge{display:none}@media (width<=900px){.page.deck{grid-template:"brand""stage"minmax(0,1fr)"chrome"/1fr}.page.deck .deck-brand{grid-area:brand}.page.deck .deck-stage{touch-action:pan-x;grid-area:stage;padding-inline:0}.page.deck .deck-slide .deck-card{padding:clamp(1rem,2.8vh,1.5rem) clamp(2.75rem,9vw,3.5rem);position:relative}.page.deck .deck-chrome{border-top:none;flex-direction:column;grid-area:chrome;align-items:stretch;padding-top:.35rem}.page.deck .deck-hint,.page.deck .deck-nav{display:none!important}.page.deck .deck-progress{flex-wrap:nowrap;justify-content:center;gap:0;width:100%}.page.deck .deck-dot{width:clamp(1.5rem,7.2vw,2rem);height:40px}.page.deck .deck-swipe-edge{width:2.5rem;min-height:3rem;color:var(--color-text-muted);cursor:pointer;z-index:2;opacity:0;pointer-events:auto;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.75rem;line-height:1;transition:opacity .18s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.page.deck .deck-swipe-prev{left:.35rem}.page.deck .deck-swipe-next,.page.deck .deck-swipe-exit{right:.35rem}.page.deck.is-swipe-cues .deck-swipe-edge{opacity:1}.page.deck .deck-swipe-edge:hover,.page.deck .deck-swipe-edge:focus-visible{color:var(--color-text);background:color-mix(in srgb, var(--color-border) 55%, transparent);outline:none}.page.deck .deck-swipe-exit.is-exit{background:var(--color-primary);width:2.75rem;min-height:2.75rem;color:var(--color-primary-text);letter-spacing:-.06em;border-radius:999px;font-size:1.15rem;font-weight:700;box-shadow:0 0 #2563eb59}.page.deck.is-idle.is-swipe-cues .deck-swipe-exit.is-exit{animation:2.2s ease-in-out infinite deck-idle-pulse}.page.deck .deck-swipe-exit.is-exit:hover,.page.deck .deck-swipe-exit.is-exit:focus-visible{background:var(--color-primary-hover);color:var(--color-primary-text)}}@media (orientation:landscape) and (height<=500px){.page.deck{padding-bottom:max(.35rem, env(safe-area-inset-bottom,0px));grid-template:"brand""stage"minmax(0,1fr)/1fr;row-gap:.25rem}.page.deck .deck-brand{grid-area:brand}.page.deck .deck-stage{touch-action:pan-x;grid-area:stage;min-height:0;padding:.15rem 0}.page.deck .deck-slide .deck-card{border-radius:.625rem;padding:clamp(.5rem,2vh,.85rem) clamp(2.5rem,7vw,3.25rem);position:relative}.page.deck .deck-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:.65rem}.page.deck .deck-copy h1{margin-bottom:.25rem;font-size:clamp(.95rem,2.2vw + .35rem,1.35rem)}.page.deck .deck-body{font-size:clamp(.7rem,1.2vw + .3rem,.875rem);line-height:1.3}.page.deck .deck-links{gap:.2rem;margin-top:.25rem;font-size:clamp(.65rem,1vw + .3rem,.8rem)}.page.deck .deck-diagram-svg{max-height:clamp(4.5rem,42vh,12rem)}.page.deck .deck-chrome{border-top:none;display:contents}.page.deck .deck-nav,.page.deck .deck-hint{display:none!important}.page.deck .deck-progress{left:50%;bottom:max(.2rem, env(safe-area-inset-bottom,0px));z-index:3;flex-wrap:nowrap;justify-content:center;gap:0;max-width:calc(100% - 3rem);position:absolute;transform:translate(-50%)}.page.deck .deck-dot{width:28px;height:36px}.page.deck .deck-swipe-edge{display:inline-flex}}body:has(.page.deck){justify-content:center;align-items:center}body:has(.page.slide-player){justify-content:stretch;align-items:stretch}:is(body:has(.page.deck) #app,body:has(.page.slide-player) #app){width:100%;height:100svh;max-height:100svh;margin:0;overflow:hidden}body:has(.page.deck) #app>.page.deck{width:100%;max-width:72rem;height:100%;margin-inline:auto}body:has(.page.slide-player) #app>.page.slide-player{width:100%;max-width:40rem;height:100%;min-height:0;max-height:100%;margin-inline:auto}@media (width>=901px){:root{--slide-player-shell-max-width:80rem;--slide-player-stage-max-width:50rem;--slide-player-stage-max-height:37.5rem}.page.slide-player{max-width:var(--slide-player-shell-max-width)}body:has(.page.slide-player) #app>.page.slide-player{max-width:var(--slide-player-shell-max-width)}.page.slide-player{padding-inline:max(1.25rem, env(safe-area-inset-left,0px)) max(1.25rem, env(safe-area-inset-right,0px))}.slide-player-stage-host{justify-content:center;align-items:center}.slide-player-track{width:min(100%, var(--slide-player-stage-max-width));max-width:var(--slide-player-stage-max-width);height:min(var(--slide-player-stage-max-height), 100%);max-height:var(--slide-player-stage-max-height);flex:none;margin-inline:auto;position:relative;inset:auto}.slide-player-stage{width:min(100%, var(--slide-player-stage-max-width));max-width:var(--slide-player-stage-max-width);height:min(var(--slide-player-stage-max-height), 100%);max-height:var(--slide-player-stage-max-height);flex:0 auto;justify-content:flex-start;min-height:0;margin-inline:auto}.slide-player--dock .slide-player-body-shell{flex:auto;min-height:0;margin-top:.65rem}.slide-player--dock .slide-player-header{margin-top:.55rem}.slide-player--dock .slide-player-title{font-size:clamp(1.35rem,1.15rem + .7vw,1.75rem)}.slide-player--dock .slide-player-body{font-size:1rem;line-height:1.45}.slide-player--dock .slide-player-body p{margin-bottom:.75rem}.page.slide-player .site-footer-compact-bar{max-width:var(--slide-player-stage-max-width);justify-content:center;gap:1.25rem;margin-inline:auto}.page.slide-player .site-footer-more-panel{max-width:var(--slide-player-stage-max-width);margin-inline:auto}}.slide-player-body .deck-diagram{width:100%;margin-top:.75rem}.deck-diagram{color:var(--color-text);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;overflow:hidden}.diagram-hook{appearance:none;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:0;margin:0;padding:0;line-height:0;display:block;overflow:visible}.diagram-hook:focus{outline:none}.diagram-hook:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.diagram-hook .welcome-mark{transform-origin:50%;display:block}.diagram-hook .deck-diagram-svg{pointer-events:none;display:block}.deck-diagram-svg{width:100%;max-width:min(26rem,100%);height:auto;max-height:clamp(6.5rem,28vh,22rem)}.deck-diagram-svg .finger,.deck-diagram-svg .thumb-space,.deck-diagram-svg .hand-right,.deck-diagram-svg .slant-row,.deck-diagram-svg .press-finger,.deck-diagram-svg .space-bar,.deck-diagram-svg .welcome-mark,.deck-diagram-svg .ready-mark,.deck-diagram-svg .hand-panel,.deck-diagram-svg .screen-lift,.deck-diagram-svg .keyboard-flat{transform-box:fill-box;transform-origin:50%}.deck-diagram-svg .finger{transform-origin:bottom}.deck-diagram-svg .thumb-space{transform-box:fill-box;transform-origin:0}@keyframes insight-pulse{0%,to{filter:brightness();opacity:.35}12%,22%{filter:brightness(1.25);opacity:1}30%,to{filter:brightness();opacity:.35}}@keyframes label-word-pulse{0%,to{opacity:.35;fill:currentColor}12%,22%{opacity:1;fill:var(--color-primary)}30%,to{opacity:.35;fill:currentColor}}@keyframes deck-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.06)}}.page.deck.is-idle .deck-slide.is-active .diagram-welcome .welcome-mark,.page.deck.is-idle .deck-slide.is-active .diagram-hook .welcome-mark,.page.deck.is-idle .deck-slide.is-active .diagram-links .ready-mark,.page.slide-player.is-diagram-idle .diagram-welcome .welcome-mark,.page.slide-player.is-diagram-idle .diagram-hook .welcome-mark,.page.slide-player.is-diagram-idle .diagram-links .ready-mark{animation:2.6s ease-in-out infinite deck-breathe}@media (prefers-reduced-motion:reduce){.page.deck.is-idle .deck-slide.is-active .diagram-welcome .welcome-mark,.page.deck.is-idle .deck-slide.is-active .diagram-hook .welcome-mark,.page.deck.is-idle .deck-slide.is-active .diagram-links .ready-mark,.page.slide-player.is-diagram-idle .diagram-welcome .welcome-mark,.page.slide-player.is-diagram-idle .diagram-hook .welcome-mark,.page.slide-player.is-diagram-idle .diagram-links .ready-mark{animation:none!important}}@keyframes shoulder-L-shrug{0%,12%{transform:translate(2px,2px)}28%,40%{transform:translate(10px,-18px)}58%,to{transform:translate(2px,2px)}}@keyframes shoulder-R-shrug{0%,12%{transform:translate(-2px,2px)}28%,40%{transform:translate(-10px,-18px)}58%,to{transform:translate(-2px,2px)}}.diagram-sit .shoulder-L,.diagram-sit .shoulder-R{transform-box:fill-box;transform-origin:50%}.diagram-sit .shoulder-L{transform:translate(2px,2px)}.diagram-sit .shoulder-R{transform:translate(-2px,2px)}.diagram-sit .label-word{opacity:.35}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .insight-feet,.page.slide-player.is-diagram-idle[data-diagram=sit] .insight-feet{animation:6s ease-in-out infinite insight-pulse}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .label-word.insight-feet,.page.slide-player.is-diagram-idle[data-diagram=sit] .label-word.insight-feet{animation:6s ease-in-out infinite label-word-pulse}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .insight-shoulders,.page.slide-player.is-diagram-idle[data-diagram=sit] .insight-shoulders{opacity:1;filter:none;animation:none}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .shoulder-L,.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .shoulder-R,.page.slide-player.is-diagram-idle[data-diagram=sit] .shoulder-L,.page.slide-player.is-diagram-idle[data-diagram=sit] .shoulder-R{transform-box:fill-box;transform-origin:50%}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .shoulder-L,.page.slide-player.is-diagram-idle[data-diagram=sit] .shoulder-L{animation:6s ease-in-out -2s infinite shoulder-L-shrug}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .shoulder-R,.page.slide-player.is-diagram-idle[data-diagram=sit] .shoulder-R{animation:6s ease-in-out -2s infinite shoulder-R-shrug}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .label-word.insight-shoulders,.page.slide-player.is-diagram-idle[data-diagram=sit] .label-word.insight-shoulders{animation:6s ease-in-out -2s infinite label-word-pulse}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .insight-spine,.page.slide-player.is-diagram-idle[data-diagram=sit] .insight-spine{animation:6s ease-in-out -4s infinite insight-pulse}.page.deck.is-idle[data-slide=sit] .deck-slide.is-active .label-word.insight-spine,.page.slide-player.is-diagram-idle[data-diagram=sit] .label-word.insight-spine{animation:6s ease-in-out -4s infinite label-word-pulse}@media (prefers-reduced-motion:reduce){.page.deck.is-idle[data-slide=sit] .insight,.page.deck.is-idle[data-slide=sit] .label-word,.page.deck.is-idle[data-slide=sit] .shoulder-L,.page.deck.is-idle[data-slide=sit] .shoulder-R,.page.slide-player.is-diagram-idle[data-diagram=sit] .insight,.page.slide-player.is-diagram-idle[data-diagram=sit] .label-word,.page.slide-player.is-diagram-idle[data-diagram=sit] .shoulder-L,.page.slide-player.is-diagram-idle[data-diagram=sit] .shoulder-R{animation:none!important}.diagram-sit .label-word{opacity:.85;fill:var(--color-primary)}.diagram-sit .shoulder-L{transform:translate(2px,2px)}.diagram-sit .shoulder-R{transform:translate(-2px,2px)}}.diagram-keyboard .label-word{opacity:.35}.page.deck.is-idle[data-slide=keyboard] .deck-slide.is-active .insight-flat,.page.slide-player.is-diagram-idle[data-diagram=keyboard] .insight-flat{animation:5.5s ease-in-out infinite insight-pulse}.page.deck.is-idle[data-slide=keyboard] .deck-slide.is-active .label-word.insight-flat,.page.slide-player.is-diagram-idle[data-diagram=keyboard] .label-word.insight-flat{animation:5.5s ease-in-out infinite label-word-pulse}.page.deck.is-idle[data-slide=keyboard] .deck-slide.is-active .insight-wrists,.page.slide-player.is-diagram-idle[data-diagram=keyboard] .insight-wrists{animation:5.5s ease-in-out -2.75s infinite insight-pulse}.page.deck.is-idle[data-slide=keyboard] .deck-slide.is-active .label-word.insight-wrists,.page.slide-player.is-diagram-idle[data-diagram=keyboard] .label-word.insight-wrists{animation:5.5s ease-in-out -2.75s infinite label-word-pulse}@media (prefers-reduced-motion:reduce){.page.deck.is-idle[data-slide=keyboard] .insight,.page.deck.is-idle[data-slide=keyboard] .label-word,.page.slide-player.is-diagram-idle[data-diagram=keyboard] .insight,.page.slide-player.is-diagram-idle[data-diagram=keyboard] .label-word{animation:none!important}}.diagram-screen-host{width:100%;max-width:min(26rem,100%);position:relative}.diagram-screen-host .deck-diagram-svg{max-width:100%}.diagram-motion-loop{width:100%;display:block}.diagram-rm-scroller{scroll-snap-type:x mandatory;scroll-behavior:auto;touch-action:pan-x;-webkit-overflow-scrolling:touch;width:100%;display:none;position:relative;overflow:auto hidden}.diagram-rm-frame{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;justify-content:center;align-items:center;width:100%;display:flex}.diagram-rm-dots{justify-content:center;align-items:center;gap:0;margin:.2rem 0 0;padding:0;display:none}.diagram-rm-dot{box-sizing:border-box;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:1.5rem;height:2.5rem;padding:0;display:inline-flex;position:relative}.diagram-rm-dot:after{content:"";background:var(--color-border);border-radius:999px;width:.35rem;height:.35rem}.diagram-rm-dot:hover:after{background:var(--color-text-muted)}.diagram-rm-dot.is-active:after{background:var(--color-primary);transform:scale(1.25)}.diagram-rm-frame .mark-bad.is-static,.diagram-rm-frame .mark-good.is-static,.diagram-rm-frame .status.is-static{opacity:1}.page.deck[data-reduced-motion=true] .diagram-motion-loop,.page.slide-player[data-reduced-motion=true] .diagram-motion-loop{display:none!important}.page.deck[data-reduced-motion=true] .diagram-rm-scroller,.page.slide-player[data-reduced-motion=true] .diagram-rm-scroller,.page.deck[data-reduced-motion=true] .diagram-rm-dots,.page.slide-player[data-reduced-motion=true] .diagram-rm-dots{display:flex}@media (prefers-reduced-motion:reduce){.diagram-motion-loop{display:none!important}.diagram-rm-scroller,.diagram-rm-dots{display:flex}}@keyframes screen-height{0%,12%{transform:translateY(42px)}22%,38%{transform:translateY(-32px)}48%,78%{transform:translateY(0)}90%,to{transform:translateY(42px)}}@keyframes mark-bad-vis{0%,40%{opacity:1}46%,80%{opacity:0}88%,to{opacity:1}}@keyframes mark-good-vis{0%,44%{opacity:0}48%,78%{opacity:1}86%,to{opacity:0}}@keyframes status-low{0%,14%{opacity:1}20%,to{opacity:0}}@keyframes status-high{0%,18%{opacity:0}22%,38%{opacity:1}44%,to{opacity:0}}@keyframes status-ok{0%,46%{opacity:0}50%,78%{opacity:1}86%,to{opacity:0}}.diagram-screen .mark-bad,.diagram-screen .status-low,.diagram-screen .status-high{opacity:0}.diagram-screen .mark-good,.diagram-screen .status-ok{opacity:1}.diagram-motion-loop .screen-lift{transform:translateY(0)}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .diagram-motion-loop .screen-lift,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .screen-lift{animation:6s ease-in-out infinite screen-height}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .diagram-motion-loop .mark-bad,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .mark-bad{animation:6s ease-in-out infinite mark-bad-vis}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .diagram-motion-loop .mark-good,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .mark-good{animation:6s ease-in-out infinite mark-good-vis}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .diagram-motion-loop .status-low,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .status-low{animation:6s ease-in-out infinite status-low}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .diagram-motion-loop .status-high,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .status-high{animation:6s ease-in-out infinite status-high}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .diagram-motion-loop .status-ok,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .status-ok{animation:6s ease-in-out infinite status-ok}.page.deck.is-idle[data-slide=screen] .deck-slide.is-active .diagram-motion-loop .eyes-cue,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .eyes-cue{animation:2.8s ease-in-out infinite label-word-pulse}@media (prefers-reduced-motion:reduce){.page.deck.is-idle[data-slide=screen] .diagram-motion-loop .screen-lift,.page.deck.is-idle[data-slide=screen] .diagram-motion-loop .mark-bad,.page.deck.is-idle[data-slide=screen] .diagram-motion-loop .mark-good,.page.deck.is-idle[data-slide=screen] .diagram-motion-loop .status,.page.deck.is-idle[data-slide=screen] .diagram-motion-loop .eyes-cue,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .screen-lift,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .mark-bad,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .mark-good,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .status,.page.slide-player.is-diagram-idle[data-diagram=screen] .diagram-motion-loop .eyes-cue{animation:none!important}}@keyframes slant-row{0%,18%{transform:translate(0)}40%,72%{transform:translateX(var(--slant-x,0px))}90%,to{transform:translate(0)}}.diagram-keys-slant .slant-row-1{--slant-x:14px;transform:translate(14px)}.diagram-keys-slant .slant-row-2{--slant-x:28px;transform:translate(28px)}.page.deck.is-idle .deck-slide.is-active .diagram-keys-slant .slant-row-0,.page.slide-player.is-diagram-idle .diagram-keys-slant .slant-row-0{--slant-x:0px;animation:4.5s ease-in-out infinite slant-row}.page.deck.is-idle .deck-slide.is-active .diagram-keys-slant .slant-row-1,.page.slide-player.is-diagram-idle .diagram-keys-slant .slant-row-1{--slant-x:14px;animation:4.5s ease-in-out infinite slant-row}.page.deck.is-idle .deck-slide.is-active .diagram-keys-slant .slant-row-2,.page.slide-player.is-diagram-idle .diagram-keys-slant .slant-row-2{--slant-x:28px;animation:4.5s ease-in-out infinite slant-row}@media (prefers-reduced-motion:reduce){.page.deck.is-idle .deck-slide.is-active .diagram-keys-slant .slant-row,.page.slide-player.is-diagram-idle .diagram-keys-slant .slant-row{animation:none!important}}@keyframes finger-settle{0%,14%{transform:translateY(-16px)}40%,70%{transform:translateY(0)}90%,to{transform:translateY(-16px)}}.diagram-home-row .finger-pinky,.diagram-home-row .finger-middle,.diagram-home-row .finger-index{transform-box:fill-box;transform-origin:50% 100%}.page.deck.is-idle .deck-slide.is-active .diagram-home-row .home-hand,.page.slide-player.is-diagram-idle .diagram-home-row .home-hand{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite finger-settle}@media (prefers-reduced-motion:reduce){.page.deck.is-idle .deck-slide.is-active .diagram-home-row .home-hand,.page.slide-player.is-diagram-idle .diagram-home-row .home-hand{animation:none!important}}@keyframes hand-enter{0%,8%{opacity:0;transform:translate(72px,12px)}28%,to{opacity:1;transform:translate(0)}}@keyframes thumb-tap{0%,35%{transform:translateY(-10px)}48%{transform:translateY(0)}58%,to{transform:translateY(-10px)}}@keyframes space-press{0%,45%{transform:translateY(0)}50%{transform:translateY(4px)}58%,to{transform:translateY(0)}}.diagram-thumbs .thumb-space{transform-box:fill-box;transform-origin:20% 80%}.diagram-thumbs .hand-right,.diagram-thumbs .space-bar{transform-box:fill-box;transform-origin:50%}.page.deck.is-idle .deck-slide.is-active .diagram-thumbs .hand-right,.page.slide-player.is-diagram-idle .diagram-thumbs .hand-right{animation:4.2s ease-in-out infinite hand-enter}.page.deck.is-idle .deck-slide.is-active .diagram-thumbs .space-bar,.page.slide-player.is-diagram-idle .diagram-thumbs .space-bar{animation:4.2s ease-in-out infinite space-press}@media (prefers-reduced-motion:reduce){.page.deck.is-idle .deck-slide.is-active .diagram-thumbs .hand-right,.page.slide-player.is-diagram-idle .diagram-thumbs .hand-right,.page.deck.is-idle .deck-slide.is-active .diagram-thumbs .space-bar,.page.slide-player.is-diagram-idle .diagram-thumbs .space-bar{animation:none!important}.diagram-thumbs .hand-right{opacity:1;transform:none}}@keyframes one-hand-left{0%,to{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes one-hand-right{0%,45%{opacity:.35}55%,75%{opacity:.85}85%,to{opacity:.35}}.page.deck.is-idle .deck-slide.is-active .diagram-one-hand .hand-panel-left,.page.slide-player.is-diagram-idle .diagram-one-hand .hand-panel-left{animation:3.5s ease-in-out infinite one-hand-left}.page.deck.is-idle .deck-slide.is-active .diagram-one-hand .hand-panel-right,.page.slide-player.is-diagram-idle .diagram-one-hand .hand-panel-right{animation:3.5s ease-in-out infinite one-hand-right}@media (prefers-reduced-motion:reduce){.page.deck.is-idle .deck-slide.is-active .diagram-one-hand .hand-panel,.page.slide-player.is-diagram-idle .diagram-one-hand .hand-panel{animation:none!important}}@keyframes assoc-story{0%,18%{opacity:1}24%,to{opacity:0}}@keyframes assoc-letter{0%,22%{opacity:0}26%,43%{opacity:1}49%,to{opacity:0}}@keyframes assoc-finger{0%,47%{opacity:0}51%,68%{opacity:1}74%,to{opacity:0}}@keyframes assoc-key{0%,72%{opacity:0}76%,94%{opacity:1}to{opacity:0}}@keyframes press-dip{0%,40%{transform:translateY(0)}55%{transform:translateY(10px)}70%,to{transform:translateY(0)}}.diagram-associative .assoc-beat{opacity:0}.diagram-associative .assoc-key{opacity:1}.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-story,.page.slide-player.is-diagram-idle .diagram-associative .assoc-story{animation:8s linear infinite assoc-story}.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-letter,.page.slide-player.is-diagram-idle .diagram-associative .assoc-letter{animation:8s linear infinite assoc-letter}.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-finger,.page.slide-player.is-diagram-idle .diagram-associative .assoc-finger{animation:8s linear infinite assoc-finger}.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-key,.page.slide-player.is-diagram-idle .diagram-associative .assoc-key{animation:8s linear infinite assoc-key}.page.deck.is-idle .deck-slide.is-active .diagram-associative .press-finger,.page.slide-player.is-diagram-idle .diagram-associative .press-finger{animation:8s linear infinite press-dip}@media (prefers-reduced-motion:reduce){.page.deck.is-idle .deck-slide.is-active .diagram-associative .assoc-beat,.page.slide-player.is-diagram-idle .diagram-associative .assoc-beat,.page.deck.is-idle .deck-slide.is-active .diagram-associative .press-finger,.page.slide-player.is-diagram-idle .diagram-associative .press-finger{animation:none!important}.diagram-associative .assoc-beat{opacity:0}.diagram-associative .assoc-key{opacity:1}}.teach-visual{margin-top:1rem}.teach-visual-labels{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin:0 0 .5rem;font-size:1.05rem;font-weight:600;display:flex}.teach-visual-sep{color:var(--color-text-muted);font-weight:500}.teach-visual-letter{font-variant-numeric:tabular-nums;letter-spacing:.02em}.teach-visual-position{color:var(--color-text-muted);text-transform:lowercase;font-weight:500}.teach-visual-svg{width:100%;max-width:26rem;height:auto;color:var(--color-text);display:block}.teach-visual-key.is-target{transform-box:fill-box;transform-origin:bottom}.teach-visual.is-playing .teach-visual-key.is-target{animation:1.4s ease-in-out both teach-key-press}@keyframes teach-key-press{0%,35%{filter:brightness();transform:translateY(0)}45%,58%{filter:brightness(.85);transform:translateY(3px)}to{filter:brightness(.9);transform:translateY(2px)}}.teach-visual-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.teach-visual-replay{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-speed), border-color var(--transition-speed);border-radius:.375rem;align-items:center;padding:.65rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:500;display:inline-flex}.teach-visual-replay:hover,.teach-visual-replay:focus-visible{border-color:var(--color-border-focus);outline:none}.teach-visual-replay:focus-visible{box-shadow:0 0 0 2px #2563eb33}@media (prefers-reduced-motion:reduce){.teach-visual .teach-visual-key.is-target{filter:brightness(.9);transform:translateY(2px)}.teach-visual.is-playing .teach-visual-key.is-target{animation:.45s ease-out teach-visual-flash}}@keyframes teach-visual-flash{0%{opacity:.55}to{opacity:1}}.teach-visual-pinky{transform-box:fill-box;transform-origin:bottom}.teach-visual.is-playing .teach-visual-pinky{animation:1.4s ease-in-out both teach-pinky-press}@keyframes teach-pinky-press{0%,15%{transform:translateY(0)}45%,58%{transform:translateY(14px)}to{transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.teach-visual .teach-visual-pinky{transform:translateY(10px)}.teach-visual.is-playing .teach-visual-pinky{animation:.45s ease-out teach-visual-flash}}