@font-face{font-family:DejaVu Sans;src:url(/assets/DejaVuSans-CLYBW6W2.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DejaVu Sans;src:url(/assets/DejaVuSans-Bold-Dp9uydOy.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--ink: #1a1a1a;--paper: #ffffff;--yellow: #ffd166;--mint: #06d6a0;--blue: #118ab2;--pink: #ef476f;--coral: #f78c6b;--purple: #8e7dbe;--cream: #fff8e7;--outline: 4px;--outline-thin: 3px;--radius-s: 12px;--radius-m: 20px;--radius-l: 32px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--tap: 64px;--tap-main: 88px;--press: 6px;--panel-shadow: 8px 8px 0 var(--blue);--pad-top: max(var(--space-3), env(safe-area-inset-top, 0px));--pad-right: max(var(--space-3), env(safe-area-inset-right, 0px));--pad-bottom: max(var(--space-3), env(safe-area-inset-bottom, 0px));--pad-left: max(var(--space-3), env(safe-area-inset-left, 0px));--font: "DejaVu Sans", Verdana, "Segoe UI", Tahoma, Geneva, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-x pan-y}body{background:var(--yellow);color:var(--ink);font-family:var(--font);font-size:1.125rem;font-weight:700;line-height:1.35;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}h1,h2,h3,p{margin:0}:focus-visible{outline:4px solid var(--ink);outline-offset:4px}.bar-title:focus,.home-title:focus{outline:none}[hidden]{display:none!important}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.center{display:flex;align-items:center;justify-content:center}.fill{flex:1 1 auto;min-width:0;min-height:0}.art{display:block}.art>svg,svg.art{display:block;width:100%;height:100%}.surface{touch-action:none;-webkit-user-select:none;user-select:none}.panel{background:var(--paper);border-radius:var(--radius-l);box-shadow:var(--panel-shadow)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--tap);min-height:var(--tap);margin:0 0 var(--press);padding:0 var(--space-5);background:var(--paper);color:var(--ink);border:var(--outline) solid var(--ink);border-radius:var(--radius-pill);box-shadow:0 var(--press) 0 var(--ink);font:inherit;font-size:1.25rem;font-weight:700;line-height:1.1;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:transform 70ms ease-out,box-shadow 70ms ease-out}.btn:active,.btn.is-pressed{transform:translateY(var(--press));box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.45;cursor:default}.btn>svg{flex:none;width:2.25rem;height:2.25rem}.btn-main{min-width:var(--tap-main);min-height:var(--tap-main);font-size:1.5rem}.btn-icon{width:var(--tap);height:var(--tap);padding:0;border-radius:50%}.btn-icon.btn-main{width:var(--tap-main);height:var(--tap-main)}.btn-icon>svg{width:64%;height:64%}.btn[aria-pressed=true],.btn-yellow{background:var(--yellow)}.btn-mint{background:var(--mint)}.btn-blue{background:var(--blue)}.btn-pink{background:var(--pink)}.btn-coral{background:var(--coral)}.btn-purple{background:var(--purple)}.c-yellow{color:var(--yellow)}.c-mint{color:var(--mint)}.c-blue{color:var(--blue)}.c-pink{color:var(--pink)}.c-coral{color:var(--coral)}.c-purple{color:var(--purple)}.play{position:fixed;top:0;right:0;left:0;height:100vh;height:100dvh;display:flex;flex-direction:column}.screen{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.bar{display:flex;flex:none;align-items:center;gap:var(--space-3)}.bar-heading{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0}.bar-title{max-width:100%;margin:0;overflow:hidden;font-size:clamp(1.375rem,1rem + 1.6vw,2.25rem);line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bar-prompt{display:-webkit-box;max-width:40rem;margin:0;overflow:hidden;font-size:clamp(.875rem,.8rem + .3vw,1.0625rem);font-weight:400;line-height:1.3;text-align:center;opacity:.8;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.stage{position:relative;display:flex;flex:1 1 auto;min-height:0}.activity{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0}.activity-error{margin:auto;padding:var(--space-5);font-size:1.5rem;text-align:center}.home-main{display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding-bottom:var(--space-3)}.home-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.home-bit{width:auto;height:clamp(5rem,17dvh,13rem)}.home-title{font-size:clamp(2.25rem,1.4rem + 4vw,4.25rem);line-height:1.05;letter-spacing:-.02em;text-align:center}.tiles{--cols: 2;--gap: var(--space-4);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);width:100%;max-width:72rem;margin:0;padding:0 var(--space-2) var(--space-2) 0;list-style:none}.tiles>li{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0}.tile{--accent: var(--blue);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%;min-height:var(--tap-main);padding:var(--space-3) var(--space-3) var(--space-4);background:var(--paper);color:var(--ink);border-radius:var(--radius-l);box-shadow:8px 8px 0 var(--accent);text-decoration:none;touch-action:manipulation;transition:transform 70ms ease-out,box-shadow 70ms ease-out}.tile:active{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--accent)}.tile-art{width:100%;aspect-ratio:1}.tile{container-type:inline-size}.tile-name{max-width:100%;font-size:clamp(.875rem,11cqi,1.625rem);line-height:1.15;text-align:center;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal}.accent-yellow{--accent: var(--yellow)}.accent-mint{--accent: var(--mint)}.accent-blue{--accent: var(--blue)}.accent-pink{--accent: var(--pink)}.accent-coral{--accent: var(--coral)}.accent-purple{--accent: var(--purple)}.tile.accent-yellow{--accent: var(--ink)}.exit{position:relative;overflow:visible}.exit-ring{position:absolute;top:-12px;left:-12px;width:calc(100% + 24px);height:calc(100% + 24px);transform:rotate(-90deg);pointer-events:none}.exit>svg.exit-ring{width:calc(100% + 24px);height:calc(100% + 24px)}.exit-ring-fill{stroke-dasharray:100px;stroke-dashoffset:calc((1 - var(--hold, 0)) * 100px);opacity:0}.exit.is-holding .exit-ring-fill{opacity:1}.hint{position:fixed;top:calc(var(--pad-top) + var(--tap-main) + var(--space-3));left:50%;z-index:20;max-width:calc(100% - 2 * var(--space-5));padding:var(--space-3) var(--space-5);background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-pill);box-shadow:0 var(--press) 0 var(--ink);font-size:1.25rem;text-align:center;transform:translate(-50%)}.exit-check-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left);background:#1a1a1a73}.exit-check{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:min(32rem,100%);max-height:100%;overflow:auto;padding:var(--space-6) var(--space-5) var(--space-5)}.exit-check-close{position:absolute;top:var(--space-3);right:var(--space-3)}.exit-check-question{padding:0 var(--space-7);font-size:1.375rem;text-align:center}.exit-check-question:focus{outline:none}.exit-check-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.exit-check-digit{width:var(--tap-main);padding:0;font-size:2.5rem}.celebrate-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;pointer-events:none}.celebrate{position:absolute;top:0;right:0;bottom:0;left:0}.confetti,.cstar{position:absolute;top:45%;left:50%;animation:burst 1.4s cubic-bezier(.15,.7,.3,1) var(--delay, 0ms) both}.confetti{width:14px;height:22px;margin:-11px 0 0 -7px;background:currentColor;border:var(--outline-thin) solid var(--ink);border-radius:4px}.cstar{width:56px;height:56px;margin:-28px 0 0 -28px}.celebrate.is-static .cstar{width:88px;height:88px;margin:-44px 0 0 -44px;animation:none;transform:translate(var(--dx),var(--dy))}@keyframes burst{0%{opacity:1;transform:translate(0) rotate(0) scale(.3)}75%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot, 0deg)) scale(1)}}.noscript{max-width:34rem;margin:var(--space-7) auto;padding:var(--space-5);font-size:1.25rem;text-align:center}.noscript a{display:inline-block;margin-top:var(--space-4);color:var(--ink)}@media(min-width:40rem){.tiles{--cols: 3;--gap: var(--space-5)}}@media(min-width:56rem)and (orientation:landscape){.tiles{--cols: 5}}@media(orientation:landscape)and (max-height:34rem){.home-hero{flex-direction:row}.home-bit{display:none}.home-title{font-size:1.75rem}.tiles{--cols: 5;--gap: var(--space-3)}.home-main{gap:var(--space-3)}.tile-art{width:auto;max-width:100%;height:32dvh}}@media(orientation:landscape)and (max-height:22rem){.bar .btn-main.btn-icon{width:var(--tap);min-width:var(--tap);height:var(--tap);min-height:var(--tap)}}@media(max-width:30rem),(orientation:landscape)and (max-height:34rem){.bar-prompt{display:none}}@media(prefers-reduced-motion:reduce){.btn,.tile{transition:none}.btn:active,.btn.is-pressed,.tile:active{transform:none}.confetti{display:none}.cstar{animation:none}}[data-activity=bits]{--cols-gap: var(--space-4);--pad-x: var(--space-4)}[data-activity=bits] .bits{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-5);width:100%;max-width:64rem;min-height:0;margin:0 auto;padding:var(--space-1) var(--space-2) var(--space-2)}[data-activity=bits] .bits-top{display:flex;flex:2 1 0;min-height:7rem;max-height:15rem}[data-activity=bits] .bits-card,[data-activity=bits] .bits-row,[data-activity=bits] .bits-free{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-l);padding:var(--space-3) var(--pad-x);transition:box-shadow .16s ease-out,outline-color .16s ease-out}[data-activity=bits] .bits-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;flex:1 1 auto;min-width:0;margin:0;color:var(--ink);font:inherit;box-shadow:8px 8px 0 var(--coral);cursor:pointer;touch-action:manipulation}[data-activity=bits] .bits-card:active{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--coral)}[data-activity=bits] .bits-card.bits-new{animation:bits-pop .32s ease-out}[data-activity=bits] .bits-card.bits-won,[data-activity=bits] .bits-row.bits-won{outline:8px solid var(--mint);outline-offset:4px;box-shadow:8px 8px 0 var(--mint)}[data-activity=bits] .bits-cols{display:grid;flex:1 1 auto;grid-template-columns:repeat(var(--n, 3),minmax(0,1fr));gap:var(--cols-gap);min-width:0;min-height:0}[data-activity=bits] .bits-bulb,[data-activity=bits] .bits-digit,[data-activity=bits] .bits-switch{display:block;width:100%;min-height:0}[data-activity=bits] .bits-mini{display:flex;justify-content:center;min-width:0;min-height:0}[data-activity=bits] .bits-mini-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);height:100%;max-width:100%;aspect-ratio:3 / 4}[data-activity=bits] .bits-mini .bits-bulb{flex:3 1 0}[data-activity=bits] .bits-mini .bits-digit{flex:1.25 1 0}[data-activity=bits] .bits-tick{position:absolute;right:0;bottom:0;display:block;width:clamp(1.5rem,30%,2.75rem);aspect-ratio:1;opacity:0;transform:scale(.4);transition:opacity .14s ease-out,transform .14s ease-out}[data-activity=bits] .bits-mini.bits-ok .bits-tick{opacity:1;transform:none}[data-activity=bits] .bits-row{display:flex;flex:5 1 0;min-height:0;padding-top:var(--space-2);padding-bottom:var(--space-2);box-shadow:var(--panel-shadow)}[data-activity=bits] .bits-col{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0;min-height:0;margin:0;padding:var(--space-2) 0;background:transparent;border:0;border-radius:var(--radius-m);color:var(--ink);font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:background-color .12s ease-out}[data-activity=bits] .bits-col .bits-bulb{flex:4 1 0}[data-activity=bits] .bits-col .bits-digit{flex:1.4 1 0}[data-activity=bits] .bits-col .bits-switch{flex:3 1 0;transition:transform 90ms ease-out}[data-activity=bits] .bits-col.bits-down .bits-switch{transform:scale(.94)}[data-activity=bits] .bits-col.bits-hint,[data-activity=bits] .bits-col.bits-first{background:var(--cream);box-shadow:inset 0 0 0 var(--outline) var(--coral)}[data-activity=bits] .bits-col.bits-first .bits-switch{animation:bits-beckon 2.2s ease-in-out infinite}[data-activity=bits] .bits-col.bits-nudge .bits-switch{animation:bits-nudge .56s ease-in-out 2}[data-activity=bits] .bits-col.bits-flip .bits-digit{animation:bits-pop .26s ease-out}[data-activity=bits] .bits-col.bits-flip.bits-on .bits-bulb{animation:bits-glow .3s ease-out}[data-activity=bits] .bits-row.bits-won .bits-col.bits-on .bits-bulb{animation:bits-cheer .64s ease-in-out 2}[data-activity=bits] .bits-rays{opacity:0;transition:opacity .16s ease-out}[data-activity=bits] .bits-on .bits-rays{opacity:1}[data-activity=bits] .bits-glass{transition:fill .16s ease-out}[data-activity=bits] .bits-on .bits-glass{fill:var(--yellow)}[data-activity=bits] .bits-face-on,[data-activity=bits] .bits-on .bits-face-off,[data-activity=bits] .bits-one,[data-activity=bits] .bits-on .bits-zero{display:none}[data-activity=bits] .bits-on .bits-face-on,[data-activity=bits] .bits-on .bits-one{display:inline}[data-activity=bits] .bits-knob{transition:transform .14s ease-out}[data-activity=bits] .bits-on .bits-knob{transform:translateY(-180px)}[data-activity=bits] .bits-free{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-5);min-width:0;box-shadow:8px 8px 0 var(--purple)}[data-activity=bits] .bits-bitbox{position:relative;display:flex;flex:none;align-items:center;justify-content:center;height:100%;max-height:11rem;aspect-ratio:1}[data-activity=bits] .bits-bitbox.bits-cheer{animation:bits-cheer .64s ease-in-out 2}[data-activity=bits] .bits-bitbox>svg.bits-bitrays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}[data-activity=bits] .bits-ray{opacity:0;transition:opacity .16s ease-out}[data-activity=bits] .bits-ray.is-on{opacity:1}[data-activity=bits] .bits-bit{position:relative;width:auto;height:64%}[data-activity=bits] .bits-caption{min-width:0;font-size:clamp(1.125rem,.85rem + 1vw,1.625rem);line-height:1.3}[data-activity=bits] .bits-levels{display:flex;flex:none;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-4)}[data-activity=bits] .bits-level{position:relative;gap:var(--space-3);padding:0 var(--space-4)}[data-activity=bits] .bits-level[aria-pressed=true]{background:var(--mint)}[data-activity=bits] .bits-pips{display:flex;gap:5px}[data-activity=bits] .bits-pip{width:14px;height:14px;background:var(--yellow);border:var(--outline-thin) solid var(--ink);border-radius:50%}[data-activity=bits] .bits-level>svg.bits-free-icon{width:2.5rem;height:2.5rem}[data-activity=bits] .bits-progress{display:none;gap:2px}[data-activity=bits] .bits-level[aria-pressed=true] .bits-progress{display:flex}[data-activity=bits] .bits-star{display:block;width:1.75rem;height:1.75rem;color:var(--paper)}[data-activity=bits] .bits-star.is-earned{color:var(--yellow)}[data-activity=bits] .bits-level>svg.bits-level-star{position:absolute;top:-14px;right:-14px;display:none;width:2rem;height:2rem}[data-activity=bits] .bits-level.bits-done>svg.bits-level-star{display:block}@keyframes bits-pop{0%{transform:scale(.88)}60%{transform:scale(1.06)}to{transform:none}}@keyframes bits-glow{0%{transform:scale(.9)}55%{transform:scale(1.08)}to{transform:none}}@keyframes bits-cheer{0%,to{transform:none}50%{transform:translateY(-6%) scale(1.06)}}@keyframes bits-beckon{0%,40%,to{transform:none}14%{transform:translateY(-7%)}28%{transform:translateY(2%)}}@keyframes bits-nudge{0%,to{transform:none}35%{transform:translateY(-7%)}70%{transform:translateY(2%)}}@media(max-width:30rem){[data-activity=bits]{--cols-gap: var(--space-1);--pad-x: var(--space-2)}[data-activity=bits] .bits{gap:var(--space-4);padding-right:var(--space-2);padding-left:0}[data-activity=bits] .bits-level{padding:0 var(--space-3)}[data-activity=bits] .bits-pip{width:10px;height:10px}[data-activity=bits] .bits-free{gap:var(--space-3)}[data-activity=bits] .bits-bitbox{max-height:6rem}[data-activity=bits] .bits-caption{font-size:1rem}}@media(orientation:landscape)and (max-height:34rem){[data-activity=bits]{--cols-gap: var(--space-1);--pad-x: var(--space-2)}[data-activity=bits] .bits{display:grid;grid-template-columns:minmax(0,19rem) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:var(--space-3) var(--space-4);max-width:none}[data-activity=bits] .bits-top{grid-row:1;grid-column:1;max-height:none;min-height:0}[data-activity=bits] .bits-row{grid-row:1 / span 2;grid-column:2}[data-activity=bits] .bits-levels{grid-row:2;grid-column:1;flex-wrap:nowrap;gap:var(--space-2)}[data-activity=bits] .bits-level{padding:0 var(--space-2)}[data-activity=bits] .bits-pips{gap:3px}[data-activity=bits] .bits-pip{width:8px;height:8px}[data-activity=bits] .bits-level[aria-pressed=true] .bits-progress{display:none}[data-activity=bits] .bits-free{flex-direction:column;justify-content:center;gap:var(--space-2)}[data-activity=bits] .bits-bitbox{height:auto;flex:1 1 0;min-height:0}[data-activity=bits] .bits-caption{font-size:.875rem;text-align:center}}@media(prefers-reduced-motion:reduce){[data-activity=bits] .bits-card,[data-activity=bits] .bits-row,[data-activity=bits] .bits-free,[data-activity=bits] .bits-tick,[data-activity=bits] .bits-col,[data-activity=bits] .bits-col .bits-switch,[data-activity=bits] .bits-rays,[data-activity=bits] .bits-glass,[data-activity=bits] .bits-knob,[data-activity=bits] .bits-ray{transition:none}[data-activity=bits] .bits-bitbox.bits-cheer,[data-activity=bits] .bits-card.bits-new,[data-activity=bits] .bits-col.bits-nudge .bits-switch,[data-activity=bits] .bits-col.bits-first .bits-switch,[data-activity=bits] .bits-col.bits-flip .bits-digit,[data-activity=bits] .bits-col.bits-flip.bits-on .bits-bulb,[data-activity=bits] .bits-row.bits-won .bits-col.bits-on .bits-bulb{animation:none}[data-activity=bits] .bits-col.bits-down .bits-switch,[data-activity=bits] .bits-card:active{transform:none}}[data-activity=color]{--accent: var(--pink);--current: var(--yellow)}.color-picker{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2) var(--space-3) var(--space-5) var(--space-2)}.color-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(10.5rem,calc(50% - var(--space-5) / 2)),1fr));gap:var(--space-5);max-width:76rem;margin:0 auto;padding:0;list-style:none}.color-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;height:100%;margin:0;padding:var(--space-3) var(--space-3) var(--space-4);background:var(--paper);color:var(--ink);border:0;border-radius:var(--radius-l);box-shadow:8px 8px 0 var(--accent);font:inherit;cursor:pointer;touch-action:manipulation;transition:transform 70ms ease-out,box-shadow 70ms ease-out}.color-tile:active{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--accent)}.color-tile.accent-yellow{--accent: var(--ink)}.color-thumb{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;background:var(--paper);border:var(--outline-thin) solid var(--ink);border-radius:var(--radius-m)}.color-thumb>svg,.color-thumb>canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.color-tile{container-type:inline-size}.color-tile-name{max-width:100%;font-size:clamp(.8125rem,11cqi,1.375rem);line-height:1.15;text-align:center;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal}.color-done{position:absolute;top:-14px;right:-14px;width:56px;height:56px}.color-page{--chip: 72px;--chip-gap: var(--space-4);display:grid;flex:1 1 auto;grid-template-areas:"back caption actions" "board board board" "tools tools tools" "palette palette palette";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto auto;gap:var(--space-3);align-items:center;min-width:0;min-height:0}.color-back{grid-area:back}.color-caption{display:flex;grid-area:caption;align-items:center;gap:var(--space-3);min-width:0;margin:0 0 var(--press);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);background:var(--paper);border:var(--outline-thin) solid var(--ink);border-radius:var(--radius-m)}.color-caption-art{display:block;flex:none;width:60px;height:60px}.color-caption-art>svg{display:block;width:100%;height:100%}.color-caption-text{display:-webkit-box;min-width:0;overflow:hidden;font-size:clamp(.875rem,.78rem + .35vw,1.0625rem);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.color-actions{display:flex;grid-area:actions;align-items:center;justify-content:flex-end;gap:var(--space-3)}.color-page .btn[aria-disabled=true]{opacity:.4}.color-clear.is-asking{background:var(--pink);animation:color-ask .7s ease-in-out infinite alternate}.color-save.is-nudge{animation:color-ask .7s ease-in-out 6 alternate}.color-save.is-busy>svg{animation:color-wobble .36s ease-in-out infinite alternate}.color-area{position:relative;grid-area:board;align-self:stretch;min-width:0;min-height:0}.color-board{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--board, 0px);height:var(--board, 0px);margin:auto;overflow:hidden;background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-l);box-shadow:8px 8px 0 var(--current);cursor:crosshair;transition:box-shadow .16s ease-out}.color-board.is-fill{cursor:pointer}.color-board:focus-visible{outline-offset:6px}.color-board>svg,.color-board>canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.color-ink{pointer-events:none}.color-art .color-pop{transform-box:fill-box;transform-origin:center;animation:color-pop .32s ease-out}.color-board:focus-visible .color-target{stroke:var(--blue);stroke-width:26px;stroke-dasharray:4px 40px}.color-ripple{position:absolute;top:var(--y, 50%);left:var(--x, 50%);width:120px;height:120px;margin:-60px 0 0 -60px;border:10px solid var(--c, var(--current));border-radius:50%;box-shadow:0 0 0 3px var(--ink),inset 0 0 0 3px var(--ink);opacity:0;pointer-events:none;transform:scale(.2)}.color-ripple.is-on{animation:color-ripple .42s ease-out both}.color-note{position:absolute;bottom:var(--space-3);left:50%;z-index:2;display:flex;align-items:center;gap:var(--space-3);width:min(30rem,calc(100% - 2 * var(--space-3)));padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border:var(--outline) solid var(--ink);font-size:1.0625rem;transform:translate(-50%)}.color-note>p{flex:1 1 auto}.color-tools{display:flex;grid-area:tools;justify-content:center;gap:var(--space-3)}.color-tool{color:var(--current)}.color-tool[aria-pressed=true]{transform:translateY(var(--press));box-shadow:0 0 0 5px var(--paper),0 0 0 9px var(--ink)}.color-tool>svg{width:72%;height:72%}.color-palette{display:grid;grid-area:palette;grid-template-columns:repeat(6,var(--chip));gap:var(--space-3) var(--chip-gap);justify-content:center;padding:var(--space-2) 0}.color-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:var(--chip);height:var(--chip);margin:0;padding:0;background:var(--swatch, var(--paper));border:var(--outline) solid var(--ink);border-radius:50%;box-shadow:inset 0 0 0 4px var(--paper),0 4px 0 var(--ink);cursor:pointer;touch-action:manipulation;transition:transform 90ms ease-out}.color-swatch:active{transform:translateY(3px)}.color-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--paper),0 0 0 5px var(--paper),0 0 0 9px var(--ink);transform:scale(1.1);animation:color-bounce .28s ease-out}.color-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;align-items:center;justify-content:center;padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left);background:#ffd166eb}.color-sheet-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:100%;max-height:100%;padding:var(--space-5);border:var(--outline) solid var(--ink);animation:color-sheet-in .24s ease-out}.color-sheet-title{font-size:clamp(1.5rem,1rem + 2vw,2.25rem);line-height:1.15;text-align:center}.color-sheet-picture{display:block;width:min(30rem,50dvh,78vw);height:auto;aspect-ratio:1;border:var(--outline-thin) solid var(--ink);border-radius:var(--radius-m)}.color-sheet-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4)}.color-sheet-go{padding:0 var(--space-6) 0 var(--space-5)}@media(orientation:landscape){.color-page{--chip-gap: var(--space-3);grid-template-areas:"back board actions" "tools board palette" "tools board caption";grid-template-columns:auto minmax(0,1fr) calc(3 * var(--chip) + 2 * var(--chip-gap));grid-template-rows:auto auto minmax(0,1fr);align-items:start}.color-back{justify-self:center}.color-actions{justify-content:space-between}.color-tools{flex-direction:column}.color-palette{grid-template-columns:repeat(3,var(--chip));justify-content:space-between}.color-caption-art{display:none}.color-caption{padding:var(--space-3)}.color-caption-text{-webkit-line-clamp:6;line-clamp:6}}@media(orientation:landscape)and (min-width:70rem){.color-page{grid-template-columns:auto minmax(0,1fr) calc(4 * var(--chip) + 3 * var(--chip-gap))}.color-palette{grid-template-columns:repeat(4,var(--chip))}.color-caption-art{display:block}.color-caption-text{-webkit-line-clamp:5;line-clamp:5}}@media(orientation:landscape)and (max-height:46rem){.color-page{--chip: 64px}.color-page .color-tool{width:var(--tap);min-width:var(--tap);height:var(--tap);min-height:var(--tap)}}@media(max-width:30rem){.color-page{gap:var(--space-2)}.color-caption{padding:var(--space-1)}.color-caption-text{display:none}.color-caption-art{width:52px;height:52px}.color-tools{gap:var(--space-2)}.color-page .color-tool{width:var(--tap);min-width:var(--tap);height:var(--tap);min-height:var(--tap)}.color-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);width:100%;padding:0 0 var(--space-1)}.color-swatch{width:100%;height:auto;aspect-ratio:1}.color-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--paper),0 0 0 3px var(--paper),0 0 0 6px var(--ink);transform:none}}@media(orientation:landscape)and (max-height:34rem){.color-page{--chip: 52px;--chip-gap: var(--space-2);--press: 4px;grid-template-areas:"back actions board palette" "tools tools board palette";grid-template-columns:var(--tap) auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:2px var(--space-1)}.color-back{justify-self:start}.color-actions{gap:var(--space-1);justify-content:flex-start}.color-caption{display:none}.color-area{margin:0 var(--space-1)}.color-tools{display:grid;grid-template-columns:repeat(4,var(--tap));gap:2px var(--space-1);justify-content:start}.color-page .color-tool{width:var(--tap);min-width:var(--tap);height:var(--tap);min-height:var(--tap)}.color-tool[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--paper)}.color-palette{grid-template-columns:repeat(4,var(--chip));gap:6px var(--chip-gap);padding:0}.color-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--paper),0 0 0 3px var(--paper),0 0 0 6px var(--ink);transform:none}.color-sheet-panel{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:var(--space-3)}.color-sheet-picture{width:min(70dvh,40vw)}}@media(orientation:landscape)and (max-height:22rem){.color-page{--chip: 44px;grid-template-areas:"back tools board palette" "actions tools board palette";grid-template-columns:var(--tap) var(--tap) minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);align-items:stretch}.color-actions,.color-tools{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-1);min-height:0;overflow-y:auto;overscroll-behavior:contain}.color-palette{grid-template-columns:repeat(3,var(--chip));align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px}}@media(max-width:21.25rem){.color-caption{display:none}.color-tools{gap:var(--space-1)}.color-page .color-tool{width:56px;min-width:56px;height:56px;min-height:56px}}@keyframes color-pop{40%{transform:scale(1.07)}}@keyframes color-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}@keyframes color-bounce{50%{transform:scale(1.22)}}@keyframes color-ask{to{transform:scale(1.1)}}@keyframes color-wobble{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes color-sheet-in{0%{opacity:0;transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.color-tile,.color-board,.color-swatch{transition:none}.color-tile:active,.color-swatch:active{transform:none}.color-art .color-pop,.color-ripple.is-on,.color-swatch[aria-pressed=true],.color-clear.is-asking,.color-save.is-nudge,.color-save.is-busy>svg,.color-sheet-panel{animation:none}}[data-activity=dots]{--accent: var(--purple);--swatch: 72px;--thumb: 76px}[data-activity=dots] [data-c=pink]{--c: var(--pink)}[data-activity=dots] [data-c=mint]{--c: var(--mint)}[data-activity=dots] [data-c=blue]{--c: var(--blue)}[data-activity=dots] [data-c=yellow]{--c: var(--yellow)}[data-activity=dots] [data-c=coral]{--c: var(--coral)}[data-activity=dots] [data-c=purple]{--c: var(--purple)}[data-activity=dots] [data-c=ink]{--c: var(--ink)}[data-activity=dots] [data-g=pink]{--g: var(--pink)}[data-activity=dots] [data-g=mint]{--g: var(--mint)}[data-activity=dots] [data-g=blue]{--g: var(--blue)}[data-activity=dots] [data-g=yellow]{--g: var(--yellow)}[data-activity=dots] [data-g=coral]{--g: var(--coral)}[data-activity=dots] [data-g=purple]{--g: var(--purple)}[data-activity=dots] [data-g=ink]{--g: var(--ink)}[data-activity=dots] .dots{display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"board board board board board" "palette palette palette palette palette" ". guides zoom clear .";align-items:center;gap:var(--space-4) var(--space-5);min-height:0;padding-top:var(--space-3)}[data-activity=dots] .dots-board{position:relative;grid-area:board;align-self:stretch;min-width:0;min-height:0;overflow:hidden}[data-activity=dots] .dots-palette{display:flex;flex-wrap:wrap;grid-area:palette;justify-content:center;gap:var(--space-3)}[data-activity=dots] .dots-guides{display:flex;grid-area:guides;gap:var(--space-3)}[data-activity=dots] .dots-zoom{grid-area:zoom;justify-self:center}[data-activity=dots] .dots-clear{grid-area:clear;justify-self:center}[data-activity=dots] .dots-monitor{--s: var(--size, 320px);--line: max(4px, calc(var(--s) * .008));position:absolute;top:50%;left:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);padding:calc(var(--s) * .045);background:var(--purple);border:var(--line) solid var(--ink);border-radius:calc(var(--s) * .05);transform-origin:50% 50%;transition:transform .42s cubic-bezier(.3,.9,.3,1)}[data-activity=dots] .dots.is-zoomed .dots-monitor{transform:translateY(var(--lift, 0px)) scale(var(--zoom, .5))}[data-activity=dots] .dots-screen{position:relative;width:100%;height:100%;overflow:hidden;background:var(--cream);border:var(--line) solid var(--ink);border-radius:calc(var(--s) * .018);cursor:pointer}[data-activity=dots] .dots-screen:focus:not(:focus-visible){outline:none}[data-activity=dots] .dots-svg{display:block;width:100%;height:100%;overflow:visible}[data-activity=dots] .dots-dot{fill:var(--c, var(--paper));stroke:var(--ink);stroke-width:.075;transform-box:fill-box;transform-origin:center}[data-activity=dots] .dots-dot[data-c=""][data-g]{fill:var(--g);fill-opacity:.35}[data-activity=dots] .dots-mark{display:none;fill:var(--g);stroke:var(--ink);stroke-width:.045}[data-activity=dots] .dots-mark[data-show]{display:inline}[data-activity=dots] .dots-pixels{opacity:0;transition:opacity .38s ease}[data-activity=dots] .dots-pixel{fill:var(--c, var(--paper))}[data-activity=dots] .dots.is-zoomed .dots-pixels{opacity:1}[data-activity=dots] .dots-cursor{display:none;fill:none;stroke:var(--ink);stroke-width:.12}[data-activity=dots] .dots-screen.is-keyboard:focus .dots-cursor{display:inline}[data-activity=dots] .dots.is-zoomed .dots-cursor{display:none}[data-activity=dots] .dots-led{position:absolute;right:calc(var(--s) * .03);bottom:calc(var(--s) * .0085);width:calc(var(--s) * .028);height:calc(var(--s) * .028);background:var(--c, var(--paper));border:max(2px,calc(var(--line) * .6)) solid var(--ink);border-radius:50%}[data-activity=dots] .dots-stand{position:absolute;top:calc(100% + var(--line));right:0;left:0;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility 0s linear .26s}[data-activity=dots] .dots-neck{width:11%;height:calc(var(--s) * .075);background:var(--purple);border:var(--line) solid var(--ink);border-top:0;border-bottom:0}[data-activity=dots] .dots-base{width:46%;height:calc(var(--s) * .07);background:var(--purple);border:var(--line) solid var(--ink);border-radius:var(--radius-pill)}[data-activity=dots] .dots.is-zoomed .dots-stand{opacity:1;visibility:visible;transition:opacity .26s ease .16s}[data-activity=dots] .dots-caption{position:absolute;right:0;bottom:var(--press);left:0;width:max-content;max-width:min(100%,38rem);margin:0 auto;padding:var(--space-3) var(--space-5);background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-l);box-shadow:0 var(--press) 0 var(--ink);font-size:clamp(1.125rem,.8rem + 1.3vw,1.75rem);line-height:1.3;text-align:center;opacity:0;visibility:hidden;transition:opacity .26s ease,visibility 0s linear .26s}[data-activity=dots] .dots.is-zoomed .dots-caption{opacity:1;visibility:visible;transition:opacity .26s ease .2s}[data-activity=dots] .dots-swatch{width:var(--swatch);height:var(--swatch);background:var(--c, var(--paper));box-shadow:inset 0 0 0 4px var(--paper),0 var(--press) 0 var(--ink)}[data-activity=dots] .dots-swatch:active{box-shadow:inset 0 0 0 4px var(--paper)}[data-activity=dots] .dots-swatch[aria-pressed=true]{background:var(--c, var(--paper));box-shadow:inset 0 0 0 4px var(--paper),0 0 0 5px var(--paper),0 0 0 9px var(--ink);transform:translateY(calc(var(--press) / 2)) scale(1.06)}[data-activity=dots] .dots-swatch>svg{width:74%;height:74%}[data-activity=dots] .dots-guide{width:var(--thumb);height:var(--thumb);min-width:var(--thumb);padding:0;border-radius:var(--radius-m)}[data-activity=dots] .dots-guide>svg.dots-thumb{width:76%;height:76%}[data-activity=dots] .dots-thumb-bg{fill:var(--paper);stroke:var(--ink);stroke-width:.5}[data-activity=dots] .dots-thumb-px{fill:var(--c);stroke:var(--ink);stroke-width:.14}[data-activity=dots] .dots-thumb-dot{fill:var(--paper);stroke:var(--ink);stroke-width:.5}[data-activity=dots] .dots-zoom.is-hint{box-shadow:0 var(--press) 0 var(--ink),0 0 0 6px var(--paper),0 0 0 10px var(--ink);animation:dots-nod .9s ease-in-out 3}[data-activity=dots] .dots-clear.is-armed{background:var(--pink);animation:dots-wiggle .38s ease-in-out 2}@keyframes dots-nod{0%,to{transform:none}35%{transform:translateY(-10px) rotate(-8deg)}70%{transform:translateY(0) rotate(6deg)}}@keyframes dots-wiggle{0%,to{transform:none}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media(orientation:landscape){[data-activity=dots] .dots{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"guides board palette" "clear board zoom";padding-top:var(--space-2)}[data-activity=dots] .dots-palette{display:grid;grid-template-columns:repeat(2,var(--swatch))}[data-activity=dots] .dots-guides{display:grid;grid-template-columns:repeat(2,var(--thumb))}}@media(max-width:30rem),(orientation:landscape)and (max-height:40rem){[data-activity=dots]{--swatch: min( 64px, (100vw - var(--pad-left) - var(--pad-right) - 4 * var(--space-2)) / 5 );--thumb: var(--swatch)}[data-activity=dots] .dots-palette{display:grid;grid-template-columns:repeat(5,var(--swatch));gap:var(--space-2)}[data-activity=dots] .dots-guides{display:grid;gap:var(--space-2)}[data-activity=dots] .dots-zoom,[data-activity=dots] .dots-clear{grid-area:palette;align-self:end;justify-self:end;width:var(--swatch);height:var(--swatch);min-width:var(--swatch);min-height:var(--swatch)}[data-activity=dots] .dots-clear{margin-right:calc(var(--swatch) + var(--space-2))}[data-activity=dots] .dots-caption{padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);font-size:1rem}}@media(max-width:30rem){[data-activity=dots] .dots{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"board board board" ". palette ." ". guides .";gap:var(--space-3) 0}[data-activity=dots] .dots-guides{grid-template-columns:repeat(4,var(--thumb));justify-self:center}}@media(orientation:landscape)and (max-height:40rem){[data-activity=dots] .dots{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"guides board ." "guides board palette" "guides board .";gap:var(--space-2) var(--space-4)}[data-activity=dots] .dots-guides{grid-template-columns:repeat(2,var(--thumb));align-self:center}}@media(orientation:landscape)and (max-height:34rem){[data-activity=dots] .dots-caption{display:none}}@media(prefers-reduced-motion:reduce){[data-activity=dots] .dots-monitor,[data-activity=dots] .dots-pixels,[data-activity=dots] .dots-stand,[data-activity=dots] .dots-caption{transition:none}[data-activity=dots] .dots-zoom.is-hint,[data-activity=dots] .dots-clear.is-armed{animation:none}[data-activity=dots] .dots-swatch[aria-pressed=true]{transform:none}}[data-activity=memory]{--accent: var(--coral)}.memory{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0}.memory-room{position:relative;display:flex;flex:1 1 0;min-width:0;min-height:0;margin:0 8px 8px 0;padding:var(--space-3)}.memory-fit{position:relative;flex:1 1 auto;min-width:0;min-height:0}.memory-chest{--cols: 2;--d: 120px;--dw: 150px;--gap: 10px;--pad: 14px;--face: 60px;--legs: 17px;--line: 4px;--knob: 18px;--chest-w: 340px;--chest-h: 520px;position:absolute;top:50%;left:50%;width:var(--chest-w);height:var(--chest-h);transform:translate(-50%,-50%)}.memory-leg{position:absolute;bottom:0;width:calc(var(--d) * .36);height:calc(var(--legs) + var(--line) * 3);background:var(--purple);border:var(--line) solid var(--ink);border-radius:0 0 calc(var(--line) * 2) calc(var(--line) * 2)}.memory-leg-left{left:9%}.memory-leg-right{right:9%}.memory-body{position:absolute;top:0;right:0;bottom:var(--legs);left:0;display:flex;flex-direction:column;align-items:center;padding:0 var(--pad) var(--pad);background:var(--purple);border:var(--line) solid var(--ink);border-radius:calc(var(--d) * .14)}.memory-face{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex:none;align-items:center;justify-content:center;height:var(--face);margin:0;padding:0 var(--space-3);background:none;color:inherit;border:0;border-radius:var(--radius-m);cursor:pointer;touch-action:manipulation}.memory-face{position:relative}.memory-face:before{content:"";position:absolute;right:0;bottom:0;left:0;height:max(100%,var(--tap))}.memory-face-art{display:block;width:calc(var(--face) * 2.64);height:calc(var(--face) * .88)}.memory-pupil{transition:transform .16s ease-out}.memory-grin,.memory-face.is-happy .memory-smile{display:none}.memory-face.is-happy .memory-grin{display:inline}.memory-face.is-wiggle .memory-face-art{animation:memory-wiggle .5s ease-in-out}.memory-drawers{display:grid;grid-template-columns:repeat(var(--cols),var(--dw));grid-auto-rows:var(--d);gap:var(--gap)}.memory-drawer{--front: var(--yellow);--lip: calc(var(--d) * .23);position:relative;display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden;isolation:isolate;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--cream);color:var(--ink);border:var(--line) solid var(--ink);border-radius:calc(var(--d) * .1);font:inherit;cursor:pointer;transition:transform 90ms ease-out}.memory-front-yellow{--front: var(--yellow)}.memory-front-mint{--front: var(--mint)}.memory-front-blue{--front: var(--blue)}.memory-front-pink{--front: var(--pink)}.memory-front-coral{--front: var(--coral)}.memory-inside{position:absolute;top:0;right:0;bottom:var(--lip);left:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--d) * .1) calc(var(--d) * .08) calc(var(--d) * .04);background:var(--cream);box-shadow:inset 0 calc(var(--line) * 2) 0 #1a1a1a1f}.memory-drawer.is-matched .memory-inside{background:#e3f9f1}.memory-pic{display:block;width:100%;height:100%;transform:translateY(22%) scale(.8);transition:transform .28s cubic-bezier(.3,1.4,.5,1)}.memory-drawer.is-open .memory-pic{transform:none}.memory-front{position:absolute;top:calc(var(--line) * -1);right:0;bottom:0;left:0;background:var(--front);border-top:var(--line) solid var(--ink);transition:transform .24s cubic-bezier(.3,1.25,.5,1)}.memory-drawer.is-open .memory-front{transform:translateY(calc(100% - var(--lip)))}.memory-knob{position:absolute;z-index:2;bottom:calc(var(--lip) / 2);left:50%;width:var(--knob);height:var(--knob);background:var(--paper);border:var(--line) solid var(--ink);border-radius:50%;transform:translate(-50%,50%);transition:transform 90ms ease-out}.memory-drawer.is-pressed{transform:translateY(2px)}.memory-drawer.is-pressed .memory-knob{transform:translate(-50%,50%) scale(.8)}.memory-badges{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;height:var(--lip);padding:0 10%;pointer-events:none;opacity:0;transform:scale(.3);transition:opacity .2s ease-out,transform .32s cubic-bezier(.3,1.6,.5,1)}.memory-badge{display:block;width:calc(var(--lip) * .84);height:calc(var(--lip) * .84)}.memory-drawer.is-matched .memory-badges{opacity:1;transform:none}.memory-drawer.is-hop .memory-pic{animation:memory-hop .44s ease-out}.memory-drawer.is-wobble .memory-pic{animation:memory-wobble .6s ease-in-out .24s}.memory-drawers.is-busy .memory-drawer{cursor:default}.memory-drawer:focus-visible,.memory-face:focus-visible{z-index:1;outline:4px solid var(--paper);outline-offset:2px;box-shadow:0 0 0 10px var(--ink)}.memory-sparks{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.memory-spark{position:absolute;top:0;left:0;width:calc(var(--d) * .3);height:calc(var(--d) * .3);margin:calc(var(--d) * -.15) 0 0 calc(var(--d) * -.15);animation:memory-spark .72s cubic-bezier(.2,.8,.3,1) both}.memory-finish{position:absolute;z-index:4;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:min(34rem,calc(100% - 2 * var(--space-4)));max-height:calc(100% - 2 * var(--space-4));overflow:auto;padding:var(--space-5);background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-l);box-shadow:8px 8px 0 var(--coral);transform:translate(-50%,-50%);animation:memory-rise .32s cubic-bezier(.3,1.3,.5,1) both}.memory-finish-art{display:block;flex:0 1 auto;width:auto;height:clamp(5rem,24dvh,13rem);min-height:0;aspect-ratio:1}.memory-finish-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:0}.memory-caption{font-size:clamp(1.125rem,.95rem + .8vw,1.5rem);line-height:1.3;text-align:center}.memory-again{padding:0 var(--space-6) 0 var(--space-5)}.memory-again>svg{width:2.75rem;height:2.75rem}.memory-dock{display:flex;flex:none;align-items:center;justify-content:center;gap:var(--space-4)}.memory-size.btn-icon{width:var(--tap-main);height:var(--tap-main)}.memory-size[aria-pressed=true]{background:var(--coral);transform:translateY(var(--press));box-shadow:0 0 0 var(--ink)}.memory-size.btn-icon>svg{width:80%;height:80%}@media(orientation:landscape){.memory{flex-direction:row}.memory-dock{flex-direction:column}}@media(orientation:landscape)and (min-width:40rem){.memory-finish{flex-direction:row;width:min(48rem,calc(100% - 2 * var(--space-4)))}.memory-finish-art{flex:none;width:clamp(5rem,34dvh,15rem);height:clamp(5rem,34dvh,15rem)}.memory-finish-text{align-items:flex-start}.memory-caption{text-align:left}}@media(orientation:landscape)and (max-height:34rem){.memory-room{padding:var(--space-2)}.memory-finish{gap:var(--space-3);padding:var(--space-4)}}@keyframes memory-spark{0%{opacity:1;transform:translate(var(--x),var(--y)) scale(.3) rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) + var(--dx)),calc(var(--y) + var(--dy))) scale(1) rotate(144deg)}}@keyframes memory-hop{40%{transform:translateY(-10%) scale(1.06)}}@keyframes memory-wobble{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes memory-wiggle{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes memory-rise{0%{opacity:0;transform:translate(-50%,-40%)}}@media(prefers-reduced-motion:reduce){.memory-drawer,.memory-pic,.memory-front,.memory-knob,.memory-badges,.memory-pupil{transition:none}.memory-drawer.is-pressed{transform:none}.memory-finish,.memory-drawer.is-hop .memory-pic,.memory-drawer.is-wobble .memory-pic,.memory-face.is-wiggle .memory-face-art{animation:none}.memory-spark{display:none}}[data-activity=transistor]{--accent: var(--yellow)}.transistor-panel{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-height:0;margin:var(--space-2) var(--space-2) var(--space-3);padding:var(--space-4)}.transistor-switch{position:relative;flex:0 1 auto;width:100%;min-height:8rem;aspect-ratio:1390 / 765;margin:auto 0 0;padding:0;background:transparent;color:inherit;border:0;border-radius:var(--radius-m);font:inherit;cursor:pointer}.transistor-switch>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:68rem;max-height:40rem;margin:auto}.transistor-art-tall{display:none}@media(max-aspect-ratio:5 / 6){.transistor-switch{aspect-ratio:930 / 1130}.transistor-switch>.transistor-art-wide{display:none}.transistor-switch>.transistor-art-tall{display:block;max-height:56rem}}.transistor-body,.transistor-bulb,.transistor-bolt{fill:var(--paper);transition:fill .12s ease-out}.transistor-panel.is-on .transistor-body,.transistor-panel.is-on .transistor-bulb,.transistor-panel.is-on .transistor-bolt,.transistor-panel.is-fast .transistor-body,.transistor-panel.is-fast .transistor-bulb{fill:var(--yellow)}.transistor-knob{transition:transform .16s cubic-bezier(.3,1.5,.5,1)}.transistor-panel.is-on .transistor-knob{transform:translateY(-210px)}.transistor-panel.is-fast .transistor-knob,.transistor-panel.is-fast .transistor-bolt{transition-duration:50ms}.transistor-awake,.transistor-mouth-on,.transistor-speed,.transistor-rays,.transistor-electrons,.transistor-panel.is-on .transistor-asleep,.transistor-panel.is-on .transistor-mouth-off,.transistor-panel.is-on .transistor-zzz,.transistor-panel.is-fast .transistor-mouth-off,.transistor-panel.is-fast .transistor-zzz{display:none}.transistor-panel.is-on .transistor-awake,.transistor-panel.is-on .transistor-mouth-on,.transistor-panel.is-on .transistor-speed,.transistor-panel.is-on .transistor-rays,.transistor-panel.is-on .transistor-electrons,.transistor-panel.is-fast .transistor-mouth-on,.transistor-panel.is-fast .transistor-speed,.transistor-panel.is-fast .transistor-electrons{display:inline}.transistor-zzz{transform-box:fill-box;animation:transistor-doze 2.8s ease-in-out infinite}.transistor-electrons{animation:transistor-flow .5s linear infinite}.transistor-halo{opacity:0;fill-opacity:.45;transform-box:fill-box;transform-origin:center}.transistor-panel.is-on .transistor-halo{opacity:1;animation:transistor-glow 2.4s ease-in-out infinite alternate}.transistor-panel.is-fast .transistor-halo{opacity:1;animation:none}.transistor-click{opacity:0;transform-box:fill-box;transform-origin:center}.transistor-hint{display:none;transform-box:fill-box;transform-origin:center}.transistor-panel.is-first .transistor-hint{display:inline;animation:transistor-ping 1.6s ease-out infinite}.transistor-foot{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3) var(--space-5);margin-bottom:auto}.transistor-caption,.transistor-still{flex:1 1 18rem;max-width:38rem}.transistor-caption{font-size:clamp(1.125rem,.9rem + 1vw,1.625rem);line-height:1.3;text-align:center;text-wrap:balance}.transistor-still{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.transistor-still-row{display:flex;gap:var(--space-3)}.transistor-mini{width:auto;height:clamp(3.5rem,7dvh,5.5rem)}.transistor-still-text{font-size:clamp(1rem,.85rem + .7vw,1.375rem);line-height:1.25;text-align:center}.transistor-fast{gap:var(--space-3);padding:0 var(--space-6) 0 var(--space-5)}.transistor-fast>svg{width:3.25rem;height:3.25rem}.transistor-fast.is-waiting{visibility:hidden}@media(orientation:landscape){.transistor-fast.is-waiting{display:none}}.transistor-fast.is-new{animation:transistor-pop .42s cubic-bezier(.3,1.6,.6,1)}@keyframes transistor-flow{to{stroke-dashoffset:-70px}}@keyframes transistor-glow{0%{transform:scale(.94)}to{transform:scale(1.05)}}@keyframes transistor-doze{50%{transform:translate(6px,-12px)}}@keyframes transistor-ping{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}@keyframes transistor-pop{0%{transform:scale(.4)}70%{transform:scale(1.08)}to{transform:scale(1)}}@media(orientation:portrait){.transistor-foot{flex-direction:column;flex-wrap:nowrap}.transistor-caption,.transistor-still{flex:none}}@media(orientation:landscape)and (max-height:34rem){.transistor-panel{flex-direction:row;padding:var(--space-3)}.transistor-switch{flex:1 1 auto;width:auto;aspect-ratio:auto;margin:0}.transistor-foot{flex:0 1 15rem;flex-direction:column;flex-wrap:nowrap;margin:auto 0}.transistor-caption,.transistor-still{flex:none;font-size:1rem}.transistor-mini{height:2.75rem}}@media(prefers-reduced-motion:reduce){.transistor-panel *,.transistor-panel *:before,.transistor-panel *:after{animation:none!important;transition:none!important}}