svg.svelte-i6h5js{display:block;width:100%;height:100%;overflow:visible}.ink.svelte-i6h5js{color:#abc7d4}.muted.svelte-i6h5js{opacity:.55}.highlight.svelte-i6h5js{color:var(--chalk)}.wash.svelte-i6h5js{fill:var(--chalk);fill-opacity:.075;stroke:none}.hexa-board.svelte-10kjkia{container-type:inline-size;position:relative;min-width:0;color:#e7f1f4;background:#142c38;border:1px solid #34515e;border-radius:5px 23px 7px 9px;box-shadow:0 7px #0b1c26,0 8px #36515d;padding:24px 22px 15px;background-image:radial-gradient(#42616c55 .7px,transparent .7px);background-size:17px 17px}.board-heading.svelte-10kjkia{display:flex;align-items:start;gap:12px}.board-heading.svelte-10kjkia>div:where(.svelte-10kjkia){min-width:0;flex:1}h2.svelte-10kjkia{margin:0;font-size:clamp(1.1rem,3.4cqi,1.55rem);line-height:1.2;font-weight:600;letter-spacing:-.025em}.board-heading.svelte-10kjkia p:where(.svelte-10kjkia){margin:9px 0 0;color:#b3cbd5;font-size:.91rem;line-height:1.55;max-width:64ch}.board-signature.svelte-10kjkia{font-size:.67rem;color:#8daab7;transform:rotate(-7deg);border-bottom:2px solid #54717e;padding:5px 0}.board-controls.svelte-10kjkia{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:14px 0 12px;border-bottom:1px solid #37535f}.board-controls.svelte-10kjkia>p:where(.svelte-10kjkia){font-size:.78rem;line-height:1.5;color:#aec8d2;margin:0}nav.svelte-10kjkia{display:flex;align-items:center;gap:8px}button.svelte-10kjkia{-webkit-tap-highlight-color:transparent;font:inherit;cursor:pointer}nav.svelte-10kjkia button:where(.svelte-10kjkia){min-height:44px;border:1px solid #557482;border-radius:50%;background:#1a3542;color:#e7f1f4}.previous.svelte-10kjkia{min-width:44px;font-size:1.25rem}nav.svelte-10kjkia .next:where(.svelte-10kjkia){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;border-radius:8px;font-size:.8rem;font-weight:550}.next.svelte-10kjkia>span:where(.svelte-10kjkia){font-size:1.2rem}.step-count.svelte-10kjkia{font-size:.83rem;min-width:35px;text-align:center;font-variant-numeric:tabular-nums}.step-count.svelte-10kjkia span:where(.svelte-10kjkia){color:#a4beca}.board-content.svelte-10kjkia{padding-top:12px}.drawings.svelte-10kjkia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}.drawing.svelte-10kjkia{position:relative;display:flex;flex-direction:column;align-items:center;border:0;min-width:0;background:transparent;color:#dcebf1;padding:13px 12px 19px;text-align:center;border-radius:13px}.drawing-art.svelte-10kjkia{display:block;width:100%;height:83px;max-width:180px;margin-bottom:6px;transition:transform .25s ease}.drawing-name.svelte-10kjkia{position:relative;font-size:.95rem;font-weight:600;line-height:1.25;max-width:22ch}.drawing-name.svelte-10kjkia:after{content:"";position:absolute;left:8%;right:7%;bottom:-5px;height:3px;background:var(--chalk);transform:scaleX(0) rotate(-2deg);transition:transform .2s ease}.drawing-label.svelte-10kjkia{display:block;margin-top:11px;font-size:.81rem;color:#acc5d0;line-height:1.35;max-width:23ch}.chalk-circle.svelte-10kjkia{position:absolute;inset:0;width:100%;height:100%;color:var(--chalk);pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.3px;opacity:0;transition:opacity .2s}.chalk-circle.svelte-10kjkia path:where(.svelte-10kjkia){vector-effect:non-scaling-stroke}.drawing.selected.svelte-10kjkia .chalk-circle:where(.svelte-10kjkia){opacity:.75}.drawing.selected.svelte-10kjkia .drawing-name:where(.svelte-10kjkia):after{transform:scaleX(1) rotate(-2deg)}.drawing.selected.svelte-10kjkia .drawing-art:where(.svelte-10kjkia){transform:translateY(-3px) rotate(-2deg)}.drawing.svelte-10kjkia:hover{background:#aac7d509}.presenter.svelte-10kjkia{display:grid;grid-template-columns:93px minmax(0,1fr);gap:12px;align-items:start;margin-top:22px;padding-top:15px;border-top:1px dashed #47636d}.character.svelte-10kjkia{position:relative;width:93px;height:100px;margin-top:8px}.pointer.svelte-10kjkia{position:absolute;width:41px;height:38px;top:-13px;right:-8px;stroke:var(--chalk);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.explanation.svelte-10kjkia{min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}.explanation-step.svelte-10kjkia{grid-area:1 / 1;visibility:hidden}.explanation-step.active.svelte-10kjkia{visibility:visible}h3.svelte-10kjkia{margin:0 0 7px;font-size:1.02rem;font-weight:600;line-height:1.35}.spoken.svelte-10kjkia>p:where(.svelte-10kjkia){margin:0;font-size:.94rem;color:#c0d4dd;line-height:1.6}.example.svelte-10kjkia{margin-top:16px;padding:0 0 0 12px;border-left:3px solid var(--chalk)}.example.svelte-10kjkia>span:where(.svelte-10kjkia){display:block;font-size:.73rem;color:#a8c2cd;margin-bottom:4px}.example.svelte-10kjkia p:where(.svelte-10kjkia){margin:0;color:#e5eff4;font-size:.88rem;line-height:1.5}.chalk-tray.svelte-10kjkia{display:flex;gap:5px;justify-content:flex-end;height:16px;margin-top:12px}.chalk-tray.svelte-10kjkia i:where(.svelte-10kjkia){display:block;width:19px;height:5px;border-radius:2px;transform:rotate(-3deg);opacity:.8}button.svelte-10kjkia:focus-visible{outline:3px solid #e1f1f6;outline-offset:3px}nav.svelte-10kjkia button:where(.svelte-10kjkia):hover:not(:disabled){background:#2a4857}button.svelte-10kjkia:disabled{cursor:default;opacity:.4}@container (min-width:790px){.board-content.svelte-10kjkia:not(.home){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px;align-items:start;padding:22px 0 12px}.board-content.svelte-10kjkia:not(.home) .presenter:where(.svelte-10kjkia){border:0;border-left:1px dashed #47636d;margin:0;padding:6px 0 6px 20px;grid-template-columns:90px minmax(0,1fr)}.board-content.svelte-10kjkia:not(.home) .drawing-art:where(.svelte-10kjkia){height:118px}}@container (max-width:450px){.board-content.svelte-10kjkia{display:flex;flex-direction:column}.presenter.svelte-10kjkia{order:-1;border-top:0;border-bottom:1px dashed #47636d;padding:0 0 17px;margin:0 0 15px}.home.svelte-10kjkia .drawings:where(.svelte-10kjkia){grid-template-columns:repeat(2,minmax(0,1fr))}.board-content.svelte-10kjkia:not(.home) .drawings:where(.svelte-10kjkia){grid-template-columns:1fr;gap:4px}.board-content.svelte-10kjkia:not(.home) .drawing:where(.svelte-10kjkia){display:grid;grid-template-columns:80px minmax(0,1fr);text-align:left;column-gap:12px;padding:12px;align-items:center}.board-content.svelte-10kjkia:not(.home) .drawing-art:where(.svelte-10kjkia){grid-row:1/3;height:57px;margin:0}.board-content.svelte-10kjkia:not(.home) .drawing-name:where(.svelte-10kjkia){font-size:.9rem}.board-content.svelte-10kjkia:not(.home) .drawing-label:where(.svelte-10kjkia){margin-top:7px;font-size:.8rem}.drawing.svelte-10kjkia{padding:11px 9px 16px;scroll-margin-block:100px 140px}.drawing-art.svelte-10kjkia{height:44px}.drawing-name.svelte-10kjkia{font-size:.9rem}.drawing-label.svelte-10kjkia{font-size:.8rem}.presenter.svelte-10kjkia{position:relative;display:block;margin-top:0}.character.svelte-10kjkia{position:absolute;top:5px;left:0;width:64px;height:70px;margin:0}.spoken.svelte-10kjkia{padding-left:76px;min-height:75px}.pointer.svelte-10kjkia{width:28px;height:29px;right:-5px;top:-9px}h3.svelte-10kjkia{font-size:.98rem}.spoken.svelte-10kjkia>p:where(.svelte-10kjkia){font-size:.89rem}.board-heading.svelte-10kjkia p:where(.svelte-10kjkia){font-size:.86rem}.board-signature.svelte-10kjkia{display:none}.board-controls.svelte-10kjkia{gap:6px}nav.svelte-10kjkia{width:100%}nav.svelte-10kjkia .next:where(.svelte-10kjkia){margin-left:auto}}@media(max-width:500px){.hexa-board.svelte-10kjkia{padding:20px 14px 12px}}@media(prefers-reduced-motion:reduce){.drawing-art.svelte-10kjkia,.drawing-name.svelte-10kjkia:after,.chalk-circle.svelte-10kjkia{transition:none}}