:root{--morning: #f2f6fb;--ink: #1e2a3a;--cloud: #eaf1fa;--lagoon: #b9d3ee;--sun: #ffc94d;--berry: #7e6be0;--berry-deep: #5846c6;--coral: #ff7a59;--leaf: #3cc47c;--surface: #ffffff;--muted: #5b6b80;--font-display: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-instruction: clamp(1.5rem, 5.5vw, 2rem);--fs-button: clamp(1.25rem, 4.5vw, 1.625rem);--fs-body: clamp(1.0625rem, 3.6vw, 1.3125rem);--fs-caption: .9375rem;--target-primary: 4rem;--target-secondary: 3.5rem;--target-min: 2.75rem;--t-tap: .1s;--t-select: .15s;--t-move: .28s;--t-beam: .35s;--t-leap: .6s;--t-capture: .18s;--t-rewind: .4s;--t-fade: .15s;--radius-square: 6px;--radius-card: 24px;--shadow-board: 0 8px 24px rgba(30, 42, 58, .1);--board-scale: 88vw;--board-max-h: 68vh}[data-shell=fearless_one_move]{--t-leap: .52s}[data-shell=mind_move_together]{--fs-instruction: clamp(1.75rem, 6.5vw, 2.5rem);--fs-button: clamp(1.5rem, 5.5vw, 1.875rem);--fs-body: clamp(1.25rem, 4vw, 1.5rem);--fs-caption: 1.125rem;--target-primary: 4.5rem;--target-secondary: 4rem;--t-move: .38s;--t-leap: .8s;--t-rewind: .6s;--lagoon: #9fbfe3;--muted: #3c4a5e}[data-contrast=high]{--morning: #ffffff;--cloud: #ffffff;--lagoon: #7ea5d6;--ink: #0b1220;--muted: #1e2a3a;--coral: #e0461f;--leaf: #1f9a56}*{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}html[data-text="150"]{font-size:150%}html[data-text="200"]{font-size:200%}body{margin:0;background:var(--morning);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.3;min-height:100dvh;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.screen{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:max(.75rem,env(safe-area-inset-top)) clamp(.5rem,3vw,1rem) max(1rem,env(safe-area-inset-bottom));gap:.75rem;width:100%;max-width:52rem;margin:0 auto;grid-template-columns:minmax(0,1fr);overflow-x:clip}.topstrip{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;min-height:9dvh;min-width:0}.screen[data-layout=caption-only]{grid-template-rows:auto auto 1fr}.screen[data-layout=caption-only] .stage{align-content:start}.screen[data-layout=caption-only] .actions{align-self:start}.topstrip-right,.topstrip-left{display:inline-flex;gap:.1rem;align-items:center}.topstrip-left{justify-self:start}.topstrip-right{justify-self:end}.instruction-wrap{min-width:0}.homebtn{color:var(--ink);text-decoration:none;display:inline-grid;place-items:center}.nametag{animation:tagin .3s ease-out,fadeout .6s ease-in 4.2s forwards}@keyframes tagin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.langbtn{font-family:var(--font-display);font-weight:600;font-size:.85rem;letter-spacing:.04em;border:2px solid var(--lagoon)}.help-row{width:100%;border:2px solid var(--cloud);border-radius:1rem;overflow:hidden}.help-row.open{border-color:var(--lagoon)}.help-head{width:100%;display:flex;align-items:center;gap:.6rem;min-height:var(--target-min);padding:.4rem .75rem;background:transparent;border:0;cursor:pointer;text-align:left;font-family:var(--font-display);font-weight:600;font-size:var(--fs-body)}.help-head svg{width:2rem;height:2rem;flex:none}.help-lock{margin-left:auto;width:1.6rem;height:1.6rem;border-radius:999px;background:var(--cloud);display:inline-grid;place-items:center;font-size:1rem}.help-body{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;padding:.25rem .75rem .75rem}.help-body p{margin:0;font-size:var(--fs-caption);color:var(--ink)}.help-board{width:6.5rem;height:6.5rem;border-radius:.5rem;flex:none}.card.help{justify-items:stretch;text-align:left;max-height:calc(100dvh - 1.5rem);overflow:auto}.card.help h2{text-align:center}.card.help .primary{justify-self:center}.instruction{font-family:var(--font-display);font-weight:600;font-size:var(--fs-instruction);text-align:center;margin:0;text-wrap:balance;overflow-wrap:anywhere;min-width:0}.iconbtn{width:min(var(--target-min),12vw);height:min(var(--target-min),12vw);min-width:44px;min-height:44px;border-radius:999px;border:2px solid transparent;background:transparent;display:inline-grid;place-items:center;cursor:pointer;transition:background var(--t-tap)}.iconbtn:active{background:var(--cloud)}.iconbtn-muted{opacity:.55}.instruction-wrap{display:grid;justify-items:center;gap:.15rem}.instruction.flash{animation:flash .7s ease-out}.voicenote{font-size:var(--fs-caption);color:var(--muted)}@keyframes flash{0%{transform:scale(1)}30%{transform:scale(1.05);color:var(--berry)}to{transform:scale(1)}}.stage{display:grid;place-items:center;align-content:start;padding-top:.25rem;gap:.75rem;min-width:0}.actions{min-width:0}.actions>*{max-width:100%}.screen.has-card .board-wrap{width:min(var(--board-scale),34vh,26rem,100%);transition:width .3s ease}.board-wrap{width:min(var(--board-scale),var(--board-max-h),34rem,100%);aspect-ratio:1;filter:drop-shadow(var(--shadow-board))}.board{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.board.dragging{cursor:grabbing}.piece-pos.dragged{pointer-events:none}.piece-pos.dragged .piece-shape{filter:drop-shadow(0 10px 10px rgba(30,42,58,.25))}.sq{transition:fill var(--t-select)}.sq.light{fill:var(--cloud)}.sq.dark{fill:var(--lagoon)}.sq.hit{cursor:pointer}.piece-pos{transition:transform var(--t-move) cubic-bezier(.2,.8,.2,1)}.piece{transition:opacity var(--t-capture),transform var(--t-capture);transform-box:fill-box;transform-origin:center}.piece.selected .piece-shape{filter:drop-shadow(0 0 .18rem var(--ink))}.piece.captured{opacity:0;transform:scale(.2)}.piece.focal .piece-shape{animation:focal 1.6s ease-in-out infinite;transform-origin:center}.piece.leap{animation:leap var(--t-leap) cubic-bezier(.3,0,.2,1)}.piece.wobble{animation:wobble .42s ease-in-out;transform-origin:center}.piece.snap .piece-shape{animation:snap .18s ease-out;transform-origin:center}.piece.shake .piece-shape{animation:shake .48s ease-in-out;transform-origin:center}.dot.jump{fill:none;stroke:var(--sun);stroke-width:6;opacity:.95}.placement.dim{opacity:.35;animation:none}.arrow line,.arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.arrow.mutation line,.arrow.mutation path{stroke:var(--berry);stroke-width:9;stroke-dasharray:14 12;animation:dash 1.2s linear infinite}.arrow.closed{fill:none;stroke:var(--sun);stroke-width:8;stroke-dasharray:6 10;opacity:.95}@keyframes dash{to{stroke-dashoffset:-26}}.legend{display:grid;gap:.35rem;font-size:var(--fs-caption);color:var(--ink);background:var(--surface);border-radius:1rem;padding:.75rem 1rem;width:min(100%,30rem)}.legend span{display:flex;align-items:center;gap:.5rem}.legend span>svg{width:1.8rem;height:1.8rem;flex:none}.legend .diagram{width:7.5rem;height:7.5rem;justify-self:center;border-radius:.5rem}.select-ring{fill:none;stroke:var(--ink);stroke-width:5;opacity:0;transition:opacity var(--t-select)}.select-ring.on{opacity:1}.dot{fill:var(--ink);opacity:.2;transition:opacity var(--t-select);pointer-events:none}.placement{fill:none;stroke:var(--berry);stroke-width:6;stroke-dasharray:14 10;animation:rotate 8s linear infinite;transform-origin:center;transform-box:fill-box;pointer-events:none}.beam{stroke:var(--coral);stroke-width:28;stroke-linecap:round;opacity:.55;fill:none;transition:all var(--t-beam) ease-out;pointer-events:none}.beam.pulse{animation:beampulse .7s ease-in-out 2}.halo{fill:none;stroke-width:10;opacity:.7;pointer-events:none;transform-box:fill-box;transform-origin:center}.halo.danger{stroke:var(--coral);animation:halo 1.2s ease-in-out infinite}.halo.safe{stroke:var(--leaf);animation:none}.shot{fill:none;stroke:var(--sun);stroke-width:8;stroke-dasharray:14 10;stroke-linecap:round;opacity:.95;pointer-events:none;animation:fadeout var(--t-leap) ease-in forwards;animation-delay:var(--t-leap)}.landing-ring{fill:none;stroke:var(--sun);stroke-width:6;opacity:.9;pointer-events:none;animation:fadeout var(--t-leap) ease-in forwards;animation-delay:var(--t-leap)}.screen-flash{fill:var(--sun);opacity:0;pointer-events:none;animation:screenflash .6s ease-out}@keyframes screenflash{0%{opacity:0}30%{opacity:.55}to{opacity:0}}.arc{fill:none;stroke:var(--sun);stroke-width:8;stroke-dasharray:2 16;stroke-linecap:round;opacity:.95;pointer-events:none;animation:fadeout var(--t-leap) ease-in forwards;animation-delay:var(--t-leap)}.burst circle{fill:var(--leaf);animation:burst .65s ease-out forwards;transform-box:fill-box;transform-origin:center}.tray{display:flex;gap:.5rem;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--fs-body)}.tray svg{width:3.25rem;height:3.25rem}.actions{display:grid;gap:.6rem;justify-items:center}.primary{min-height:var(--target-primary);min-width:min(100%,22rem);padding:.6rem 1.75rem;border-radius:999px;border:0;background:var(--sun);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:var(--fs-button);letter-spacing:.01em;cursor:pointer;transition:transform var(--t-tap),filter var(--t-tap);box-shadow:0 4px #1e2a3a1f}.primary:active{transform:translateY(2px);box-shadow:none}.primary[disabled]{background:transparent;color:var(--muted);box-shadow:none;border:2px solid var(--lagoon);cursor:default}.secondary{min-height:var(--target-secondary);padding:.4rem 1rem;background:transparent;border:0;text-decoration:underline;text-underline-offset:.2em;font-family:var(--font-display);font-weight:500;font-size:var(--fs-body);cursor:pointer;color:var(--ink)}.tertiary{min-height:var(--target-min);background:transparent;border:0;color:var(--muted);font-size:var(--fs-caption);cursor:pointer;text-decoration:underline}.caption{text-align:center;font-size:var(--fs-caption);color:var(--muted);margin:0;min-height:1.4em}.card{background:var(--surface);border-radius:var(--radius-card);padding:1.25rem 1.25rem 1.5rem;width:min(100%,30rem);display:grid;gap:.8rem;justify-items:center;text-align:center;box-shadow:var(--shadow-board);animation:cardin .3s ease-out}.card h2{font-family:var(--font-display);font-weight:600;font-size:var(--fs-instruction);margin:0}.card p{margin:0}.mirror{font-family:var(--font-display);font-weight:500;font-size:var(--fs-body);color:var(--ink)}.mirror.leaf{color:#1f7f4c}.mirror.ink{color:var(--ink)}.curtain{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:1.5rem;padding:2rem 1.25rem;background:var(--morning);color:var(--ink);text-align:center}.curtain-hand{width:min(40vw,10rem);height:auto}.curtain h1{font-family:var(--font-display);font-weight:600;font-size:var(--fs-instruction);margin:0}.curtain .primary{background:var(--sun)}.voicebtn{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--target-min);padding:.3rem .9rem;border-radius:999px;border:2px solid var(--lagoon);background:transparent;color:var(--ink);font-family:var(--font-display);font-weight:500;font-size:var(--fs-caption);cursor:pointer}.settings{position:fixed;inset:0;background:#1e2a3a59;display:grid;place-items:center;padding:.75rem;z-index:10}.settings .card{text-align:left;justify-items:stretch;max-height:calc(100dvh - 1.5rem);overflow:auto;width:min(100%,28rem);padding:1.25rem 1.1rem;overflow-wrap:anywhere}.settings label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:var(--target-min);gap:.75rem;font-family:var(--font-display);font-weight:500}.settings label.stack{grid-template-columns:minmax(0,1fr);gap:.35rem}.settings label.stack select{width:100%}.settings select{appearance:none;-webkit-appearance:none;font-family:var(--font-display);font-weight:600;font-size:var(--fs-body);color:var(--ink);background:var(--cloud) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231E2A3A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .7rem center / 1.25rem;border:2px solid var(--lagoon);border-radius:999px;padding:.45rem 2.4rem .45rem 1rem;min-height:var(--target-min);max-width:100%;cursor:pointer}.settings select:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.settings option{font-family:var(--font-body);font-size:1rem}.settings input[type=checkbox]{appearance:none;-webkit-appearance:none;width:3.4rem;height:2rem;border-radius:999px;background:var(--lagoon);position:relative;cursor:pointer;margin:0;transition:background var(--t-select)}.settings input[type=checkbox]:after{content:"";position:absolute;top:.25rem;left:.25rem;width:1.5rem;height:1.5rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px #1e2a3a4d;transition:transform var(--t-select)}.settings input[type=checkbox]:checked{background:var(--sun)}.settings input[type=checkbox]:checked:after{transform:translate(1.4rem)}.settings input[type=checkbox]:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.settings h3{margin:.5rem 0 0;font-family:var(--font-display);font-weight:600}.settings ul{margin:0;padding-left:1.2rem;font-size:var(--fs-body);color:var(--ink)}.settings .secondary{justify-self:center}.share-preview{width:min(64vw,17rem);aspect-ratio:9/16;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-board);background:var(--morning)}.share-preview img,.share-preview svg{width:100%;height:100%;display:block}.linkbox{font-family:ui-monospace,monospace;font-size:.8rem;word-break:break-all;background:var(--cloud);padding:.5rem;border-radius:.5rem;max-width:100%}.research{padding:1rem;font-size:.9rem}.research table{border-collapse:collapse;width:100%}.research td,.research th{border-bottom:1px solid var(--lagoon);padding:.25rem .4rem;text-align:left;font-family:ui-monospace,monospace;font-size:.8rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes focal{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes leap{0%{translate:0 0}45%{translate:0 -9%}to{translate:0 0}}@keyframes wobble{0%,to{rotate:0deg}25%{rotate:2deg}75%{rotate:-2deg}}@keyframes shake{0%,to{translate:0 0}20%{translate:-7% 0}50%{translate:7% 0}80%{translate:-4% 0}}@keyframes snap{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes beampulse{0%,to{opacity:.55}50%{opacity:.95}}@keyframes halo{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}@keyframes rotate{to{rotate:360deg}}@keyframes fadeout{to{opacity:0}}@keyframes burst{0%{transform:scale(.2);opacity:1}to{transform:scale(1) translate(var(--dx),var(--dy));opacity:0}}@keyframes cardin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){:root{--reduced: 1}}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after,html[data-motion=auto].prefers-reduced *,html[data-motion=auto].prefers-reduced *:before,html[data-motion=auto].prefers-reduced *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:var(--t-fade)!important;transition-property:opacity,fill,stroke!important}html[data-motion=reduced] .halo.danger,html[data-motion=auto].prefers-reduced .halo.danger{opacity:.8}html[data-motion=reduced] .piece,html[data-motion=auto].prefers-reduced .piece,html[data-motion=reduced] .piece-pos,html[data-motion=auto].prefers-reduced .piece-pos{transition:opacity var(--t-fade)!important}@media(min-width:820px){.screen{padding-inline:2rem}:root{--board-scale: 70vw}}@media(orientation:landscape)and (min-width:900px){:root{--board-max-h: 80vh;--board-scale: 52vw}.board-wrap{width:min(var(--board-scale),var(--board-max-h),46rem,100%)}.screen{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);max-width:80rem;column-gap:2.5rem;align-items:center}.topstrip{grid-column:1 / -1;min-height:7dvh}.stage{grid-row:2;grid-column:1;align-content:center;align-self:center;padding-top:0}.actions{grid-row:2;grid-column:2;align-content:center;align-self:center;justify-items:center}.screen.has-card .board-wrap{width:min(var(--board-scale),72vh,36rem,100%)}.screen[data-layout=caption-only]{grid-template-rows:auto minmax(0,1fr) auto minmax(0,.35fr)}.screen[data-layout=caption-only] .stage{grid-column:1 / -1;align-self:end;align-content:end;padding-bottom:0}.screen[data-layout=caption-only] .actions{grid-column:1 / -1;grid-row:3;align-self:start;padding-top:.75rem}.screen[data-layout=caption-only] .actions .caption{font-size:calc(var(--fs-caption) * 1.25)}}.sq.hit:focus{outline:none}.sq.hit:focus-visible{stroke:var(--ink);stroke-width:5}.secrets{display:grid;gap:.35rem;justify-items:center;margin:.25rem 0}.secrets-label{font-family:var(--font-display);font-weight:600;font-size:var(--fs-caption);letter-spacing:.04em;text-transform:uppercase;opacity:.8}.secrets-icons{display:inline-flex;gap:.6rem}.secret{position:relative;width:2.6rem;height:2.6rem;border-radius:999px;background:var(--cloud);display:grid;place-items:center;padding:.3rem}.secret svg{width:100%;height:100%}.secret.found{background:var(--sun);box-shadow:0 2px 6px #1e2a3a26}.secret.hidden svg{opacity:.18;filter:grayscale(1)}.secret.hidden b{position:absolute;font-family:var(--font-display);font-size:1.1rem;color:var(--ink)}.episodes{display:inline-flex;gap:.5rem;justify-content:center;margin:.4rem auto 0}.episode{position:relative;width:2.6rem;height:2.6rem;border-radius:999px;border:2px solid transparent;background:var(--cloud);display:grid;place-items:center;padding:.3rem;cursor:pointer}.episode svg{width:100%;height:100%}.episode.hidden svg{opacity:.3;filter:grayscale(1)}.episode.found{background:var(--sun)}.episode.current{border-color:var(--ink)}.episode.lab{width:auto;padding:.3rem .6rem .3rem .4rem;gap:.2rem;grid-auto-flow:column;font-family:var(--font-display);font-size:.8rem}.episode.lab svg{width:1.6rem;height:1.6rem}.episode:focus-visible{outline:3px solid var(--ink);outline-offset:2px}