:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#e9eeea;--paper-raised:#f6f8f6;--grid-line:#1b2a3a0e;--rule:#b9c6c0;--ink:#1b2a3a;--ink-soft:#4a5b6b;--board:#0f5b44;--board-deep:#0a4434;--board-edge:#2e8b67;--trace:#1f7556;--chip:#15241f;--pad:#d8a93b;--pad-hover:#e6bb52;--on-pad:#1b2a3a;--silk:#eaf2ec;--bug:#e0313f;--bug-dark:#2b0b10;--danger:#b3261e;--danger-surface:#f9e1de;--ok:#1e7148;--warn:#8a5a00;--focus:#1d4ed8;--focus-on-board:#f2c14e;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Cascadia Code", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;--step--1:.875rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.5625rem;--step-3:1.953rem;--step-4:2.441rem;--step-5:3.052rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius-sheet:4px;--radius-control:8px;--radius-board:18px;--page-max:74rem;--gutter:clamp(16px, 4vw, 40px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#101c27;--paper-raised:#172633;--grid-line:#e3ebf00b;--rule:#2d4255;--ink:#e3ebf0;--ink-soft:#9db0bf;--board:#0e5240;--board-deep:#093a2e;--board-edge:#2c7a5e;--trace:#1b6a4f;--chip:#0d1915;--pad:#e2b64f;--pad-hover:#efc768;--silk:#dde9e2;--bug:#ff4d5a;--danger:#ff8a80;--danger-surface:#3a1d22;--ok:#6fd3a0;--warn:#f2c14e;--focus:#f2c14e}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--step-0);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:24px 24px;flex-direction:column;margin:0;line-height:1.55;display:flex}h1,h2,h3,p,ol,ul,dl,dd,blockquote,figure{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.15}p{text-wrap:pretty}img,svg{max-width:100%;display:block}button,input{font:inherit;color:inherit}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}main:focus{outline:none}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-4);top:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);background:var(--pad);color:var(--on-pad);border-radius:var(--radius-control);font-weight:700;position:absolute;transform:translateY(-160%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.site-header{border-bottom:1px solid var(--rule);background-color:color-mix(in srgb, var(--paper) 88%, transparent)}.site-header__inner{max-width:var(--page-max);padding:var(--space-3) var(--gutter);justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-weight:800;font-size:var(--step-1);letter-spacing:-.03em;text-decoration:none;display:inline-flex}.brand__icon{border-radius:7px;width:32px;height:32px}.site-nav{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;min-height:2.5rem;display:flex}.site-nav__link{padding:var(--space-2) var(--space-1);font-weight:600}.site-nav__link[aria-current=page]{text-decoration-thickness:2px}.site-nav__user{font-family:var(--font-mono);color:var(--ink-soft);font-weight:700}.page{width:100%;max-width:var(--page-max);padding:var(--space-6) var(--gutter) var(--space-8);flex:1;margin-inline:auto}.page--narrow{max-width:34rem}.page-status{font-family:var(--font-mono);color:var(--ink-soft);padding-block:var(--space-7)}.page-status--error{color:var(--danger)}.site-footer{border-top:1px solid var(--rule);font-size:var(--step--1);color:var(--ink-soft)}.site-footer__inner{max-width:var(--page-max);padding:var(--space-5) var(--gutter);justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);flex-wrap:wrap;margin-inline:auto;display:flex}.versions{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.versions__item{align-items:baseline;gap:var(--space-2);display:flex}.versions__item dt{font-weight:600}.versions__item dd{align-items:baseline;gap:var(--space-2);display:flex}.versions__value{font-family:var(--font-mono);color:var(--ink)}.versions__state{align-items:center;gap:.35em;display:inline-flex}.versions__state:empty{display:none}.versions__state:before{content:"";background:var(--ink-soft);border-radius:50%;width:.55em;height:.55em}.versions__state[data-state=up]:before{background:var(--ok)}.versions__state[data-state=degraded]:before{background:var(--warn)}.versions__state[data-state=down]:before{background:var(--danger)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-5);border:2px solid var(--ink);border-radius:var(--radius-control);color:var(--ink);cursor:pointer;background:0 0;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .12s,transform 80ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:progress;opacity:.7}.btn--primary{background:var(--pad);border-color:var(--pad);color:var(--on-pad)}.btn--primary:hover:not(:disabled){background:var(--pad-hover);border-color:var(--pad-hover)}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 8%, transparent)}.btn--ghost{text-underline-offset:.2em;border-color:#0000;text-decoration:underline}.btn--ghost:hover:not(:disabled){border-color:var(--rule)}.btn--small{min-height:2.5rem;padding:var(--space-1) var(--space-4);font-size:var(--step--1)}.btn--large{min-height:3.25rem;padding:var(--space-3) var(--space-6);font-size:var(--step-1)}.btn--block{width:100%}.sheet{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sheet);padding:var(--space-5)}.sheet__title,.section-title{font-family:var(--font-mono);font-size:var(--step-2);letter-spacing:-.03em;font-weight:800}.sheet__note{margin-top:var(--space-1);color:var(--ink-soft);font-size:var(--step--1)}.sheet__title+[data-leaderboard],.sheet__note+[data-leaderboard],.sheet__title+.logbook{margin-top:var(--space-4)}.empty{color:var(--ink-soft);max-width:50ch}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);border-left:4px solid;display:block}.notice--error{color:var(--danger);background:var(--danger-surface)}.notice .btn{margin-top:var(--space-3)}.form{gap:var(--space-5);display:grid}.form__alert:empty{margin-bottom:calc(-1 * var(--space-5))}.field{gap:var(--space-2);display:grid}.field__label{font-weight:700}.field__input{width:100%;min-height:3rem;padding:var(--space-2) var(--space-3);border:2px solid var(--rule);border-radius:var(--radius-control);background:var(--paper);font-family:var(--font-mono);font-size:var(--step-1)}.field__input:hover{border-color:var(--ink-soft)}.field__input:focus-visible{border-color:var(--ink);outline-offset:2px}.field__input[aria-invalid=true]{border-color:var(--danger)}.field__password{position:relative}.field__password .field__input{padding-right:5rem}.field__toggle{top:50%;right:var(--space-2);min-width:4rem;min-height:2.25rem;padding:0 var(--space-3);color:var(--ink-soft);font-weight:700;font-size:var(--step--1);cursor:pointer;background:0 0;border:0;border-radius:6px;position:absolute;transform:translateY(-50%)}.field__toggle:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.field__hint{color:var(--ink-soft);font-size:var(--step--1)}.field__error{color:var(--danger);font-weight:600;font-size:var(--step--1)}.field__error:empty{display:none}.scoreboard{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.scoreboard th{text-align:left;font-family:var(--font-sans);font-size:var(--step--1);color:var(--ink-soft);padding:0 var(--space-2) var(--space-2);border-bottom:2px solid var(--ink);font-weight:600}.scoreboard td{padding:var(--space-2);border-bottom:1px solid var(--rule)}.scoreboard__rank{width:3.5rem;font-family:var(--font-mono);font-weight:700}.scoreboard__player{overflow-wrap:anywhere;font-weight:600}.scoreboard .scoreboard__best{text-align:right}.scoreboard td.scoreboard__best{font-family:var(--font-mono);font-weight:800;font-size:var(--step-1)}.scoreboard__row:nth-child(-n+3) .scoreboard__rank:before{content:"";background:var(--pad);vertical-align:.05em;border-radius:2px;width:.6em;height:.6em;margin-right:.4em;display:inline-block}.scoreboard__row--me td{background:color-mix(in srgb, var(--pad) 22%, transparent)}.scoreboard__you{color:var(--ink-soft);font-weight:400}.logbook{--line:2.75rem;min-height:calc(var(--line) * 4);background-image:linear-gradient(transparent calc(var(--line) - 1px), var(--rule) calc(var(--line) - 1px));background-size:100% var(--line);padding:0;list-style:none}.logbook__entry,.logbook__empty{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--line);display:flex}.logbook__empty{color:var(--ink-soft);line-height:calc(var(--line) / 2)}.logbook__time{color:var(--ink-soft);font-size:var(--step--1)}.logbook__score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}.badge{background:var(--paper-raised);border:2px solid var(--ink);border-radius:12px;position:relative;overflow:hidden}.badge:before{content:"";background:var(--paper);border-radius:5px;width:46px;height:9px;position:absolute;top:10px;left:50%;translate:-50%;box-shadow:inset 0 1px 2px #00000059}.badge__strip{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-5) var(--space-3);background:var(--board);color:var(--silk);font-family:var(--font-mono);font-weight:700;font-size:var(--step--1);display:flex}.badge__strip img{border-radius:4px}.badge__body{gap:var(--space-2);padding:var(--space-5);display:grid}.badge__name{font-family:var(--font-mono);color:var(--ink-soft);overflow-wrap:anywhere;font-weight:700}.badge__rank{font-family:var(--font-mono);font-weight:800;font-size:var(--step-3);letter-spacing:-.04em;line-height:1.05}.badge__motto{color:var(--ink-soft);font-style:italic}.badge__stats{gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px dashed var(--rule);grid-template-columns:1fr 1fr;display:grid}.badge__stat{gap:var(--space-1);flex-direction:column-reverse;display:flex}.badge__stat dt{font-size:var(--step--1);color:var(--ink-soft)}.badge__stat dd{font-family:var(--font-mono);font-weight:800;font-size:var(--step-4);font-variant-numeric:tabular-nums;line-height:1}.badge__progress{margin-top:var(--space-3);gap:var(--space-2);display:grid}.badge__next{font-size:var(--step--1);color:var(--ink-soft)}.meter{background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:4px;height:8px;overflow:hidden}.meter__fill{background:var(--pad);transform-origin:0;height:100%;transform:scaleX(var(--fill,0));transition:transform .4s;display:block}.game{--bug-size:56px;gap:var(--space-2);display:grid}.game__hud{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.game__stat{align-items:baseline;gap:var(--space-2);display:flex}.game__label{font-size:var(--step--1);color:var(--ink-soft);font-weight:600}.game__value{min-width:3ch;font-family:var(--font-mono);font-size:var(--step-4);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.game__stat--score .game__value{text-align:right}.game.is-urgent [data-time]{color:var(--bug)}.game__fuse{background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:3px;height:6px;overflow:hidden}.game__fuse-fill{background:var(--pad);transform-origin:0;height:100%;transform:scaleX(var(--fuse,1));display:block}.game.is-urgent .game__fuse-fill{background:var(--bug)}.game__board{isolation:isolate;aspect-ratio:16/10;width:100%;min-height:260px;margin-top:var(--space-2);border-radius:var(--radius-board);background-color:var(--board);background-image:radial-gradient(circle at 18px 18px, var(--paper) 0 5px, var(--pad) 5.5px 9px, transparent 9.5px), radial-gradient(circle at calc(100% - 18px) 18px, var(--paper) 0 5px, var(--pad) 5.5px 9px, transparent 9.5px), radial-gradient(circle at 18px calc(100% - 18px), var(--paper) 0 5px, var(--pad) 5.5px 9px, transparent 9.5px), radial-gradient(circle at calc(100% - 18px) calc(100% - 18px), var(--paper) 0 5px, var(--pad) 5.5px 9px, transparent 9.5px);box-shadow:inset 0 0 0 2px var(--board-edge), 0 6px 0 var(--board-deep);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;margin-bottom:6px;position:relative;overflow:hidden}.game.is-running .game__board{cursor:url(/swatter.svg) 11 11,crosshair}.game__art{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pcb__traces{stroke:var(--trace)}.pcb__vias circle{fill:var(--board-deep);stroke:var(--pad);stroke-width:3px;opacity:.85}.pcb__pad{fill:var(--pad);opacity:.85}.pcb__chip-body{fill:var(--chip)}.pcb__chip-dot{fill:var(--silk);opacity:.5}.pcb__parts rect{fill:var(--board-deep);stroke:var(--silk);stroke-width:1.5px;opacity:.8}.pcb__silk{fill:var(--silk);font-family:var(--font-mono);opacity:.7;font-size:11px}.bug{z-index:2;width:var(--bug-size);height:var(--bug-size);cursor:inherit;transform:translate(var(--x,0), var(--y,0)) rotate(var(--r,0deg));touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:4px;transition:transform 90ms ease-out;position:absolute;top:0;left:0}.bug:focus-visible{outline-color:var(--focus-on-board);outline-offset:0}.bug-art{filter:drop-shadow(0 0 1.5px #ffffff8c)drop-shadow(0 3px #0000004d);width:100%;height:100%}.bug-art__shell{fill:var(--bug)}.bug-art__head,.bug-art__spots{fill:var(--bug-dark)}.bug-art__legs,.bug-art__antennae{stroke:var(--bug-dark)}.bug-art__seam{stroke:var(--bug-dark);opacity:.6}.bug-art__eyes{fill:#fff}.game.is-running .bug-art__legs{transform-box:fill-box;transform-origin:50%;animation:.14s steps(2,end) infinite alternate scuttle}@keyframes scuttle{0%{transform:scaleY(.9)}to{transform:scaleY(1.06)}}.splat{z-index:1;pointer-events:none;transform:translate(var(--x), var(--y));position:absolute;top:0;left:0}.splat__mark{background:var(--bug);opacity:0;border-radius:58% 42% 63% 37%/45% 60% 40% 55%;width:44px;height:44px;animation:.7s ease-out forwards splat-mark;position:absolute;top:-22px;left:-22px}.splat__text{white-space:nowrap;font-family:var(--font-mono);font-size:var(--step--1);color:var(--silk);text-shadow:0 1px #0009;font-weight:800;animation:.7s ease-out forwards splat-text;position:absolute;top:-12px;left:0;translate:-50%}@keyframes splat-mark{0%{opacity:.8;transform:scale(.3)}30%{opacity:.6;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}@keyframes splat-text{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-34px)}}.game__overlay{z-index:3;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);text-align:center;color:var(--silk);background:color-mix(in srgb, var(--board-deep) 84%, transparent);flex-direction:column;display:flex;position:absolute;inset:0}.game__overlay-title{font-family:var(--font-mono);font-size:var(--step-3);letter-spacing:-.04em;font-weight:800;line-height:1.1}.game__overlay[data-tone=error] .game__overlay-title{color:#ffb3b8}.game__overlay-text{max-width:44ch}.game__overlay .btn{margin-top:var(--space-2)}.game__overlay .btn:focus-visible{outline-color:var(--focus-on-board)}@media (width<=480px){.game{--bug-size:52px}.game__value{font-size:var(--step-3)}.game__overlay-title{font-size:var(--step-2)}}@media (prefers-reduced-motion:reduce){.splat__mark,.splat__text{animation-name:none}.splat__mark{opacity:.55}.game.is-running .bug-art__legs{animation-name:none}}.hero{gap:var(--space-6);padding-bottom:var(--space-8);align-items:center;display:grid}.hero__copy{gap:var(--space-5);justify-items:start;display:grid}.hero__title{font-family:var(--font-mono);letter-spacing:-.045em;gap:.3em;font-size:clamp(2.1rem,1.3rem + 3.4vw,3.9rem);font-weight:800;line-height:1.02;display:grid}.hero__strike{letter-spacing:-.02em;color:var(--ink-soft);text-decoration-line:line-through;-webkit-text-decoration-color:var(--bug);text-decoration-color:var(--bug);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;justify-self:start;font-size:.48em;font-weight:600;text-decoration-thickness:.16em}.hero__lede{max-width:42ch;font-size:var(--step-1);color:var(--ink-soft);line-height:1.5}.hero__actions{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.hero__welcome{font-family:var(--font-mono);color:var(--ink-soft)}.landing-grid{gap:var(--space-7);align-items:start;display:grid}.landing-aside{gap:var(--space-7);display:grid}.steps{margin-top:var(--space-4);gap:var(--space-5);counter-reset:step;padding:0;list-style:none;display:grid}.steps__item{max-width:60ch;color:var(--ink-soft);counter-increment:step;padding-left:3rem;position:relative}.steps__item:before{content:counter(step);background:var(--pad);width:2rem;height:2rem;color:var(--on-pad);font-family:var(--font-mono);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:-.15rem;left:0}.steps__name{color:var(--ink);display:block}.logbook-note{gap:var(--space-4);max-width:60ch;color:var(--ink-soft);display:grid}.logbook-note .section-title{color:var(--ink)}.logbook-note__quote{margin:var(--space-2) 0;padding:var(--space-5) var(--space-5) var(--space-4);background:var(--paper-raised);border:1px solid var(--rule);font-family:var(--font-mono);color:var(--ink);position:relative;rotate:-.6deg}.logbook-note__quote:before,.logbook-note__quote:after{content:"";background:color-mix(in srgb, var(--pad) 40%, transparent);width:64px;height:20px;position:absolute;top:-9px}.logbook-note__quote:before{left:18px;rotate:-5deg}.logbook-note__quote:after{right:18px;rotate:4deg}.logbook-note__time{margin-right:.6em;font-weight:800}@media (width>=960px){.hero{gap:var(--space-7);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.landing-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.dashboard{gap:var(--space-6);align-items:start;display:grid}.dashboard__game{gap:var(--space-4);display:grid}.dashboard__title{font-family:var(--font-mono);font-size:var(--step-3);letter-spacing:-.04em;font-weight:800}@media (width>=700px) and (width<=999px){.dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"game game""badge recent""board board"}}@media (width>=1000px){.dashboard{column-gap:var(--space-7);grid-template-columns:minmax(0,1fr) 21rem;grid-template-areas:"game badge""game recent""board board"}}@media (width>=700px){.dashboard__game{grid-area:game}.dashboard__badge{grid-area:badge}.dashboard__recent{grid-area:recent}.dashboard__leaderboard{grid-area:board}}.auth{gap:var(--space-3);padding:var(--space-6) var(--space-5);display:grid}.auth__title{font-family:var(--font-mono);font-size:var(--step-4);letter-spacing:-.045em;font-weight:800;line-height:1.05}.auth__lede{color:var(--ink-soft)}.auth .form{margin-top:var(--space-4)}.auth__switch{margin-top:var(--space-3);color:var(--ink-soft)}.auth__switch a{color:var(--ink);font-weight:700}@media (width>=560px){.auth{padding:var(--space-7)}}.not-found{gap:var(--space-4);padding-block:var(--space-6);justify-items:start;display:grid}.not-found__code{font-family:var(--font-mono);letter-spacing:-.07em;color:var(--board);font-size:clamp(5rem,22vw,9rem);font-weight:800;line-height:.9}.not-found__title{font-family:var(--font-mono);font-size:var(--step-3);letter-spacing:-.04em;font-weight:800}.not-found__text{max-width:45ch;color:var(--ink-soft);margin-bottom:var(--space-3)}