@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations")}@font-face{font-family:Archivo;font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/archivo-latin-wdth-italic-BuvkOFDm.woff2)format("woff2-variations")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2")}:root{--ink:#161513;--ink-soft:#4a4640;--paper:#f2ebdc;--sheet:#fbf8f0;--sky:#6ec3ff;--sky-deep:#2f8fd8;--pink:#e8397f;--yellow:#ffd23f;--orange:#ff6b2c;--lime:#c5f26e;--red:#e4432d;--display:"Archivo", "Arial Black", system-ui, sans-serif;--mono:"Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gap:clamp(6px, 1.2vmin, 12px);--shadow:4px 4px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.app{-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.stage-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.hud[hidden]{display:none}.hud-top,.hud-bottom{left:max(var(--gap), env(safe-area-inset-left));right:max(var(--gap), env(safe-area-inset-right));gap:var(--gap);pointer-events:none;display:flex;position:absolute}.hud-top{top:max(var(--gap), env(safe-area-inset-top));justify-content:space-between;align-items:flex-start}.hud-bottom{bottom:max(var(--gap), env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end}.hud-top>*,.hud-bottom>*{pointer-events:auto}.chip{background:var(--sheet);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:10px}.brand{flex-direction:column;flex-shrink:1;gap:2px;min-width:0;padding:2px 0;display:flex}.brand-name{letter-spacing:-.02em;color:var(--sheet);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);white-space:nowrap;font-size:clamp(20px,3vw,30px);font-style:italic;font-weight:900;font-stretch:125%;line-height:.9}.brand-dot{color:var(--pink)}.brand-mode{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;background:var(--ink);color:var(--sheet);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;width:max-content;max-width:100%;padding:2px 6px 1px;font-size:10px;font-weight:700;overflow:hidden}.status{align-items:stretch;gap:0;min-width:0;padding:0;display:flex;overflow:hidden}.stat{border-left:2px solid var(--ink);flex-direction:column;justify-content:center;min-width:0;padding:5px 12px 6px;display:flex}.stat:first-child{border-left:0}.stat span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-size:9.5px;font-weight:700}.stat strong{white-space:nowrap;font-size:22px;font-style:italic;font-weight:900;font-stretch:115%;line-height:1}.stat strong small{color:var(--ink-soft);font-size:13px}.stat--chain strong{text-overflow:ellipsis;max-width:24ch;font-size:13px;font-stretch:100%;line-height:1.25;overflow:hidden}.stat--best strong{font-size:15px}.status--challenge{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 12px 7px}.ch-head{align-items:center;gap:8px;font-size:17px;font-style:italic;font-weight:900;font-stretch:115%;line-height:1;display:flex}.ch-num{font-family:var(--mono);background:var(--sky);border:2px solid var(--ink);border-radius:6px;padding:1px 5px 0;font-size:11px;font-style:normal}.reqs{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.req{font-family:var(--mono);letter-spacing:.06em;border:2px solid var(--ink);background:var(--sheet);border-radius:999px;padding:2px 7px 1px;font-size:11px;font-weight:700;transition:background-color .15s}.req--met{background:var(--lime)}.req--next{background:var(--yellow)}.req--broken{background:#ffc2b8;text-decoration:line-through}.req--basket{background:var(--sheet)}.req-arrow{font-family:var(--mono);font-size:12px;font-weight:700}.ch-tries{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:700}.tools{flex-shrink:0;gap:6px;display:flex}.icon-btn{background:var(--sheet);border:3px solid var(--ink);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);border-radius:10px;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid}.icon-btn:active,.tune button:active,.shoot-btn:active,.retry-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.icon-btn svg{fill:none;width:24px;height:24px;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}#btn-ghost svg circle{fill:var(--orange)}#btn-ghost[aria-pressed=false]{background:#d9d4c7}#btn-ghost[aria-pressed=false] svg{opacity:.45}#btn-sound .cross{display:none}#btn-sound.is-muted{background:#d9d4c7}#btn-sound.is-muted .waves{display:none}#btn-sound.is-muted .cross{display:inline}#btn-sound .spk{fill:var(--ink)}.chain{top:calc(var(--hud-top,64px) + 8px);pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.chain:empty{display:none}.links{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.link{background:var(--sheet);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:5px 10px 4px;font-size:clamp(14px,2.2vw,22px);font-style:italic;font-weight:900;font-stretch:118%;line-height:1}.link--new{animation:.28s cubic-bezier(.2,1.6,.4,1) both link-pop}.chain--lv2 .link{background:var(--yellow)}.chain--lv3 .link{background:var(--orange)}.chain--lv4 .link{background:var(--pink);color:var(--sheet)}.link--basket{font-size:clamp(16px,2.6vw,26px);background:var(--lime)!important;color:var(--ink)!important}.arrow,.bang{color:var(--ink);text-shadow:0 0 6px #ffffffe6;font-size:clamp(16px,2.2vw,22px);font-weight:900}.chain-pending,.chain-math,.chain-miss{font-family:var(--mono);letter-spacing:.06em;background:var(--ink);color:var(--sheet);border-radius:6px;padding:3px 8px 2px;font-size:12px;font-weight:700}.chain-score{color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);font-size:clamp(30px,5vw,52px);font-style:italic;font-weight:900;font-stretch:125%;line-height:1;animation:.45s cubic-bezier(.2,1.8,.4,1) both score-pop}.chain--missed .link{color:var(--ink-soft);background:#e3ddd0;text-decoration:line-through;text-decoration-thickness:3px;animation:none}@keyframes link-pop{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes score-pop{0%{transform:scale(.2)}to{transform:none}}.hint{font-family:var(--mono);letter-spacing:.02em;border:2px solid var(--ink);background:#fbf8f0eb;border-radius:8px;flex-shrink:1;max-width:min(72ch,46vw);margin:0;padding:5px 9px 4px;font-size:11.5px;font-weight:700;line-height:1.3}.hint:empty{visibility:hidden}.tuner{flex-shrink:0;align-items:stretch;gap:6px;margin-left:auto;display:flex}.tune{background:var(--sheet);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.tune button{background:var(--sheet);width:36px;font-family:var(--mono);border:0;padding:0;font-size:16px;font-weight:700}.tune button:hover:not(:disabled){background:var(--yellow)}.tune button:disabled{color:#b9b3a6}.readout{border-left:2px solid var(--ink);border-right:2px solid var(--ink);flex-direction:column;justify-content:center;align-items:center;min-width:62px;padding:3px 4px 2px;display:flex}.readout small{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:8.5px;font-weight:700}.readout b{font-family:var(--mono);font-size:15px;line-height:1.1}.shoot-btn{text-transform:uppercase;background:var(--orange);border:3px solid var(--ink);min-height:44px;box-shadow:3px 3px 0 var(--ink);border-radius:10px;padding:0 16px;font-size:18px;font-style:italic;font-weight:900;font-stretch:125%}.shoot-btn:disabled{color:#8e877a;background:#d9d4c7}.retry-btn{background:var(--sky);border:3px solid var(--ink);width:46px;min-height:44px;box-shadow:3px 3px 0 var(--ink);border-radius:10px;place-items:center;padding:0;display:grid}.retry-btn svg{fill:none;width:24px;height:24px;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.offscreen{pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.offscreen[hidden]{display:none}.offscreen svg{width:26px;height:26px;fill:var(--orange);stroke:var(--ink);stroke-width:2.2px;stroke-linejoin:round}.offscreen span{font-family:var(--mono);background:var(--ink);color:var(--sheet);border-radius:4px;padding:1px 5px 0;font-size:11px;font-weight:700}.captions{pointer-events:none;position:absolute;inset:0;overflow:hidden}.caption{transform:translate(-50%, -50%) rotate(var(--tilt,0deg));letter-spacing:-.01em;white-space:nowrap;color:var(--sheet);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font-style:italic;font-weight:900;font-stretch:125%;line-height:1;animation:1s ease-out forwards caption;position:absolute}.caption--sm{-webkit-text-stroke-width:2px;font-size:clamp(14px,2vw,20px)}.caption--md{font-size:clamp(18px,3vw,32px)}.caption--lg{-webkit-text-stroke-width:4px;text-shadow:5px 5px 0 var(--ink);font-size:clamp(24px,4.6vw,52px);animation-duration:1.5s}.caption--boing{color:var(--sky)}.caption--clang{color:var(--lime)}.caption--bird{color:var(--sheet)}.caption--roof{color:#ff9a6b}.caption--board{color:var(--sheet)}.caption--brolly{color:#ff8fb8}.caption--good{color:var(--yellow)}.caption--great{color:var(--orange)}.caption--legend{color:var(--pink)}.caption--miss{color:#d9d4c7}.caption--near{color:var(--yellow)}.caption--info{color:var(--lime)}@keyframes caption{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--tilt,0deg)) scale(.35)}14%{opacity:1;transform:translate(-50%, -50%) rotate(var(--tilt,0deg)) scale(1.18)}24%{transform:translate(-50%, -50%) rotate(var(--tilt,0deg)) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%, calc(-50% - 28px)) rotate(var(--tilt,0deg)) scale(1)}}.overlay{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));z-index:10;background:#1615136b;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.overlay[hidden]{display:none}.panel{background:var(--sheet);border:4px solid var(--ink);width:min(560px,100%);max-height:100%;box-shadow:10px 10px 0 var(--sky);border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(16px,3vw,28px);animation:.25s cubic-bezier(.2,1.4,.4,1) both panel-in;display:flex;position:relative;overflow-y:auto}.panel--title{text-align:center;width:min(640px,100%);box-shadow:12px 12px 0 var(--ink);background-color:var(--sheet);background-image:repeating-linear-gradient(0deg,#0000 0 23px,#2f8fd81a 23px 24px);align-items:center}.panel--challenges{width:min(680px,100%)}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}.logo{white-space:nowrap;letter-spacing:-.03em;color:var(--sky);-webkit-text-stroke:clamp(3px, .8vw, 6px) var(--ink);paint-order:stroke fill;text-shadow:clamp(4px, 1vw, 8px) clamp(4px, 1vw, 8px) 0 var(--ink);margin-top:4px;font-size:clamp(52px,11vw,104px);font-style:italic;font-weight:900;font-stretch:125%;line-height:.85;transform:rotate(-3deg)}.logo-dot{color:var(--orange)}.tagline{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--yellow);border:3px solid var(--ink);margin:0;padding:4px 10px 3px;font-size:clamp(13px,2vw,16px);font-weight:700;transform:rotate(1.5deg)}.kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.panel h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,5vw,42px);font-style:italic;font-weight:900;font-stretch:120%;line-height:.95}.panel h3{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:4px 0 0;font-size:12px}.mode-cards,.layout-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;width:100%;margin:6px 0;display:grid}.layout-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mode-card,.layout-card{text-align:left;background:var(--sheet);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 14px 16px;transition:transform .1s,box-shadow .1s,background-color .1s;display:flex}.mode-card:hover,.layout-card:hover,.mode-card:focus-visible,.layout-card:focus-visible{box-shadow:7px 7px 0 var(--ink);background:#fff;transform:translate(-2px,-2px)}.mode-card.primary{background:var(--yellow)}.mode-card strong,.layout-card strong{font-size:26px;font-style:italic;font-weight:900;font-stretch:120%;line-height:1}.layout-card strong{font-size:23px}.mc-copy,.lc-copy{font-size:14px;font-weight:500;line-height:1.35}.lc-best{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--sheet);border-radius:4px;margin-top:auto;padding:2px 6px 1px;font-size:11px;font-weight:700}.plate{background:var(--sky);border:3px solid var(--ink);min-width:44px;height:34px;box-shadow:2px 2px 0 var(--ink);border-radius:8px 8px 12px 12px;place-items:center;padding:3px 6px 0;font-size:20px;font-style:italic;font-weight:900;font-stretch:115%;display:inline-grid;transform:rotate(-4deg)}.btn{background:var(--sheet);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:left;border-radius:10px;padding:10px 18px 9px;font-size:17px;font-style:italic;font-weight:800;font-stretch:115%}.btn.primary{background:var(--orange)}.btn:hover{background:var(--yellow)}.btn--ghost{box-shadow:none;text-underline-offset:4px;background:0 0;border-color:#0000;padding-left:4px;text-decoration:underline}.btn--ghost:hover{background:0 0;text-decoration-thickness:3px}.stack{flex-direction:column;gap:10px;width:100%;display:flex}.stack--row{flex-flow:wrap}.ch-list{flex-direction:column;gap:8px;width:100%;max-height:min(56vh,520px);margin:0;padding:4px 8px 8px 4px;list-style:none;display:flex;overflow-y:auto}.ch-row{text-align:left;background:var(--sheet);border:3px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.ch-row:hover:not(:disabled){background:#fff;transform:translate(-1px,-1px)}.ch-row:disabled{opacity:.5;box-shadow:none}.ch-row.is-done .plate{background:var(--lime)}.ch-main{flex-direction:column;gap:2px;min-width:0;display:flex}.ch-main strong{font-size:18px;font-style:italic;font-weight:900;font-stretch:115%;line-height:1.05}.ch-req{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-soft);font-size:11px;font-weight:700}.ch-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);text-align:right;flex-direction:column;align-items:flex-end;font-size:10px;display:flex}.ch-meta b{color:var(--ink);font-size:12px}.help-list{flex-direction:column;gap:8px;margin:0;padding-left:1.1em;font-size:15px;font-weight:500;line-height:1.4;display:flex}.big-score{color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);font-size:clamp(56px,12vw,96px);font-style:italic;font-weight:900;font-stretch:125%;line-height:.9}.new-best,.prev-best{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.new-best{background:var(--pink);color:var(--sheet);border:3px solid var(--ink);padding:3px 8px 2px;transform:rotate(-2deg)}.summary-stats{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:0;display:grid}.summary-stats div{border:3px solid var(--ink);border-radius:10px;padding:6px 10px}.summary-stats .wide{grid-column:1/-1}.summary-stats dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:700}.summary-stats dd{margin:0;font-size:20px;font-style:italic;font-weight:900;font-stretch:115%}.ch-done-req{font-family:var(--mono);background:var(--lime);border:3px solid var(--ink);border-radius:8px;margin:0;padding:4px 8px 3px;font-size:13px;font-weight:700}.ch-done{margin:0;font-size:17px}.boot{background:var(--sky);z-index:20;place-content:center;justify-items:center;gap:10px;transition:opacity .3s;display:grid;position:absolute;inset:0}.boot span{color:var(--sheet);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);font-size:64px;font-style:italic;font-weight:900;font-stretch:125%}.boot b{color:var(--orange)}.boot small{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.boot.is-done{opacity:0;pointer-events:none}.noscript{text-align:center;font-family:var(--mono);position:absolute;inset:40% 0 auto}@media (max-width:760px){.stat--best{display:none}.stat--chain strong{max-width:16ch}}@media (max-width:600px){.hud-top{flex-wrap:wrap}.status{flex-basis:100%;order:3}.hud-bottom{flex-direction:column;align-items:stretch}.hint{text-align:center;max-width:none}.tuner{flex-wrap:wrap;justify-content:space-between}.tune{flex:calc(50% - 3px);min-height:44px}.tune button{flex:0 0 40px}.readout{flex:1;min-width:0}.shoot-btn{flex:1;font-size:17px}.retry-btn{flex:0 0 56px}}@media (max-height:520px){:root{--gap:6px}.brand-name{font-size:18px}.stat{padding:3px 9px 4px}.stat strong{font-size:17px}.icon-btn{width:36px;height:36px}.hint{display:none}.tune button{width:32px}.readout b{font-size:13px}.shoot-btn,.retry-btn{min-height:38px}.link{padding:3px 7px 2px;font-size:14px}.panel{gap:8px}.logo{font-size:64px}}.reduced-motion .caption,.reduced-motion .link,.reduced-motion .chain-score,.reduced-motion .panel{animation-name:fade-only!important;animation-duration:10ms!important}@keyframes fade-only{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.caption,.link,.chain-score,.panel{animation-name:fade-only!important}}