@font-face{font-family:UnifrakturMaguntia;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/unifraktur-maguntia-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #161216;--paper: #f4f0e7;--pink: #ff48b0;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--gutter: clamp(16px, 4vw, 56px);--step--1: .75rem;--step-0: .875rem;--step-1: 1.0625rem;--ball: var(--pink);--ease: cubic-bezier(.7, 0, .3, 1);color-scheme:light}[data-theme=holo]{--paper: #f4f0e7;--ink: #161216}[data-theme=mono]{--paper: #ffffff;--ink: #111111}[data-theme=blush]{--paper: #f2cfe4;--ink: #af402c}[data-theme=sage]{--paper: #b4c6ae;--ink: #266667}[data-theme=lavender]{--paper: #d5dbc8;--ink: #7972a3}[data-theme=dark]{--paper: #13201f;--ink: #b4c6ae}[data-theme=pool]{--paper: #3580d5;--ink: #ffe3b5}[data-theme=smog]{--paper: #f0a873;--ink: #3a2346}[data-theme=tomato]{--paper: #f3ead7;--ink: #d2402a}html[data-theme=dark],html[data-theme=pool]{color-scheme:dark}html:not([data-theme=holo]){--ball: var(--ink)}html:not([data-theme=holo]) body{background-image:none}html:not([data-theme=holo]) .bar{color:var(--ink);mix-blend-mode:normal}*{box-sizing:border-box}html{background-color:var(--paper)}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--paper);background-image:radial-gradient(60% 50% at 20% 20%,#ffc8ea,transparent 70%),radial-gradient(50% 50% at 80% 30%,#c9f5e4,transparent 70%),radial-gradient(60% 60% at 60% 90%,#d6c4ff,transparent 70%);background-attachment:fixed;color:var(--ink);font:400 var(--step-0)/1.65 var(--mono);-webkit-font-smoothing:antialiased}::selection{background:var(--ink);color:#ffe14d}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible+span{outline:2px solid var(--pink);outline-offset:3px}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#mesh{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block}.bar{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:calc(14px + env(safe-area-inset-top,0px)) var(--gutter) 14px;color:#fff;mix-blend-mode:difference;font-size:var(--step--1);letter-spacing:.06em;pointer-events:none}.bar>*{pointer-events:auto}.bar #status{font-variant-numeric:tabular-nums;white-space:nowrap}.bar nav{justify-self:end}.bar nav a{text-decoration:none}.bar-btn{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.bar nav a:hover,.bar-btn:hover{text-decoration:underline;text-underline-offset:4px}html.embed .bar{grid-template-columns:1fr auto}@media(max-width:640px){.bar{grid-template-columns:1fr auto}.bar .brand,.wide-only{display:none}.bar #status{overflow:hidden;text-overflow:ellipsis;min-width:0}}.stage{--cell: 6px;position:fixed;inset:0;overflow:hidden;background-image:linear-gradient(to right,color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1px);background-size:calc(var(--cell) * 4) calc(var(--cell) * 4);background-position:-1px -1px}.stage canvas{position:absolute;left:0;top:0;display:block}.stage.playing{touch-action:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='5' fill='none' stroke='rgba(255,255,255,.6)' stroke-width='3'/%3E%3Ccircle cx='8' cy='8' r='5' fill='none' stroke='rgba(0,0,0,.55)' stroke-width='1.25'/%3E%3C/svg%3E") 8 8,crosshair}html.hide-cursor .stage.playing{cursor:none}.breakout-btn{font:inherit;font-size:var(--step-0);letter-spacing:.06em;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:10px 18px;cursor:pointer;white-space:nowrap}.breakout-btn:hover:not(:disabled){background:var(--paper);color:var(--ink)}.breakout-btn:disabled{opacity:.35;cursor:not-allowed}.breakout-btn.ghost{background:transparent;color:var(--ink)}.breakout-btn.ghost:hover{background:var(--ink);color:var(--paper)}.breakout-btn.small{font-size:var(--step--1);padding:5px 10px;border-color:color-mix(in srgb,var(--ink) 35%,transparent)}.breakout-ui{position:absolute;left:50%;top:calc(56px + env(safe-area-inset-top,0px));transform:translate(-50%);width:min(560px,calc(100% - 2 * var(--gutter)));display:grid;justify-items:center;gap:12px;text-align:center;font-size:var(--step--1);letter-spacing:.05em}.breakout-ui p{margin:0}.breakout-ui .clock{font-size:1.75rem;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.panel{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(20px + var(--note-h, 0px) + env(safe-area-inset-bottom,0px));max-height:calc(100% - 60px - env(safe-area-inset-top,0px) - 20px - var(--note-h, 0px) - env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(0,1fr);transition:max-width .4s var(--ease),bottom .3s var(--ease);max-width:760px;margin-inline:auto;display:grid;gap:14px;padding:16px 18px;font-size:var(--step--1);letter-spacing:.05em;background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.panel fieldset{border:0;margin:0;padding:0;min-width:0}.panel legend{float:left;padding:0;margin-right:12px;line-height:26px;opacity:.6}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap}.field{flex:1;min-width:240px;display:flex;align-items:baseline;gap:12px;min-width:0}.field span{opacity:.6}.field input{flex:1;min-width:0;font:inherit;font-size:var(--step-1);letter-spacing:.04em;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:4px 0;outline:none}.field input:focus{border-bottom-color:var(--pink);box-shadow:0 1px 0 var(--pink)}.field small{font-size:inherit;font-variant-numeric:tabular-nums;opacity:.45}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font:inherit;display:inline-flex;align-items:center;gap:7px;padding:3px 9px 3px 4px;color:var(--ink);background:transparent;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);cursor:pointer;opacity:.5}.chip i{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 3px;font-style:normal;font-weight:700;font-size:10px;color:var(--ink);background:var(--swatch)}.chip.steel i{background:transparent;outline:1px solid var(--ink);outline-offset:-3px}.chip[aria-pressed=true]{opacity:1;border-color:var(--ink)}.chip[aria-pressed=false]{text-decoration:line-through}.chip:hover{opacity:1}.chip.all{padding:3px 9px;text-decoration:none;opacity:1;border-color:var(--ink)}.chip.all[aria-pressed=true]{background:var(--ink);color:var(--paper)}.seg{display:flex;align-items:center}.seg label{cursor:pointer}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:inline-flex;align-items:center;height:26px;padding:0 9px;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);margin-left:-1px}.seg:disabled label{cursor:not-allowed}.seg:disabled span,.seg:disabled legend{opacity:.35}.seg input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.seg .face{font-size:15px;line-height:1}@media(max-width:640px){.panel{padding:12px;gap:10px}.panel legend{float:none;line-height:1.6;margin-bottom:4px}.chips{gap:4px}.panel-main .field{flex-basis:100%}.panel-main .panel-actions{width:100%}.panel-main .panel-actions>[type=submit]{flex:1}}.panel-actions{display:flex;gap:6px}.panel:not(.open){max-width:720px}.panel .specials{display:grid;gap:10px;padding-left:12px;border-left:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.panel .specials>legend{float:none;margin:0 0 2px -12px;line-height:1.6}.panel-foot{padding-top:12px;border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}@media not (any-pointer:fine){.cursor-toggle{display:none}}.panel-options{display:grid;grid-template-rows:0fr;margin-top:-14px;transition:grid-template-rows .4s var(--ease),margin-top .4s var(--ease)}.panel.open .panel-options{grid-template-rows:1fr;margin-top:0}.panel.open .panel-options-inner{overflow-y:auto;overscroll-behavior:contain;transition:overflow 0s .4s allow-discrete}.panel-options-inner{min-height:0;overflow:hidden;display:grid;gap:14px;padding:4px;margin:-4px}.panel-options-inner>*{opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.panel.open .panel-options-inner>*{opacity:1;transform:none;transition:opacity .35s ease,transform .35s var(--ease);transition-delay:calc(.08s + var(--row, 0) * .04s)}.panel-options-inner>:nth-child(2){--row: 1}.panel-options-inner>:nth-child(3){--row: 2}.panel-options-inner>:nth-child(4){--row: 3}.panel-options-inner>:nth-child(5){--row: 4}@media(prefers-reduced-motion:reduce){.panel,.panel-options,.panel-options-inner>*,.panel.open .panel-options-inner>*{transition:none}}.breakout-btn.small[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sliders{justify-content:flex-start}.slider{flex:1;min-width:200px;display:flex;align-items:center;gap:12px}.slider span{opacity:.6}.slider output{min-width:4ch;font-variant-numeric:tabular-nums;text-align:right}.slider input{flex:1;min-width:0;height:18px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}.slider input::-webkit-slider-runnable-track{height:1px;background:var(--ink)}.slider input::-moz-range-track{height:1px;background:var(--ink)}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5.5px;border:0;border-radius:0;background:var(--ink)}.slider input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:0;background:var(--ink)}.slider input:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.embed-start{position:absolute;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%)}.visits-note{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));font-size:var(--step--1);letter-spacing:.05em;color:var(--ink);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.visits-note p{margin:0}.visits-more{order:3;width:100%;display:grid;gap:6px;opacity:.8}.visits-more p{max-width:72ch}.visits-note code{font:inherit;background:color-mix(in srgb,var(--ink) 8%,transparent);padding:0 3px}.visits-actions{display:flex;align-items:center;gap:10px}.visits-note .bar-btn{text-decoration:underline;text-underline-offset:4px}.panel-foot .cookies-link{margin-left:auto;opacity:.6}.panel-foot .cookies-link:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.stage.drawing:not(.playing){cursor:crosshair;touch-action:none}.panel-main .doodle-tools{order:2;flex-basis:100%}.panel-main:has(.doodle-tools){justify-content:space-between}@media(max-width:640px){.panel-main .doodle-tools{order:1}.panel-main .panel-actions{order:2}}.doodle-tools{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.brushes span{justify-content:center;min-width:30px}.brushes i{display:block;width:calc(2px + var(--n) * 2px);height:calc(2px + var(--n) * 2px);background:currentColor}.link-meter{margin-left:auto;font-size:inherit;font-variant-numeric:tabular-nums;opacity:.5;white-space:nowrap}.embed-dialog{width:min(860px,calc(100vw - 2 * var(--gutter)));max-width:none;max-height:calc(100dvh - 32px);padding:18px;color:var(--ink);background:var(--paper);border:1px solid var(--ink);font-size:var(--step--1);letter-spacing:.05em}.embed-dialog[open]{display:grid;gap:14px}.embed-dialog::backdrop{background:color-mix(in srgb,var(--ink) 35%,transparent);backdrop-filter:blur(2px)}.embed-dialog legend{float:left;padding:0;margin-right:12px;line-height:26px;opacity:.6}.embed-dialog fieldset{border:0;margin:0;padding:0;min-width:0}.embed-head{display:flex;justify-content:space-between;align-items:baseline}.embed-head h2{margin:0;font:inherit;font-size:var(--step-0)}.embed-head .bar-btn:hover{text-decoration:underline;text-underline-offset:4px}.about-dialog{width:min(480px,calc(100vw - 2 * var(--gutter)));line-height:1.7}.about-dialog p{margin:0}.about-dialog a,.about-dialog .bar-btn.link{text-decoration:underline;text-underline-offset:4px}.about-dialog .about-foot{opacity:.6}.embed-preview{position:relative;overflow:hidden;outline:1px dashed color-mix(in srgb,var(--ink) 40%,transparent)}.embed-preview iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0}.embed-note{margin:-6px 0 0;opacity:.6}.embed-code{display:flex;gap:8px;align-items:stretch}.embed-code textarea{flex:1;min-width:0;resize:none;font:inherit;font-size:11px;line-height:1.5;color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent);border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding:8px 10px}@media(max-width:640px){.embed-dialog legend{float:none}.embed-code{flex-direction:column}}.themes{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.themes button{display:block;padding:0;border:0;background:none;cursor:pointer}.swatch{display:block;width:22px;height:22px;border:1px solid var(--ink);background:linear-gradient(135deg,var(--paper) 50%,var(--ink) 50%);transition:transform .15s}.swatch[data-theme=holo]{background:linear-gradient(135deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,#ffc8ea,#c9f5e4 50%,#d6c4ff)}.themes button:hover .swatch{transform:scale(1.15)}.themes button[aria-pressed=true] .swatch{outline:2px solid var(--ink);outline-offset:2px}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(./comic-neue-latin-700-normal-NE4Vcoll.woff2) format("woff2"),url(./comic-neue-latin-700-normal-yR9qu__P.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./space-mono-latin-700-normal-mWgeinG7.woff2) format("woff2"),url(./space-mono-latin-700-normal-D7A851RN.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./space-mono-latin-ext-700-normal-B2s3bDs2.woff2) format("woff2"),url(./space-mono-latin-ext-700-normal-B_E7P90g.woff) format("woff")}