.not-found{min-height:var(--ab-space-384);text-align:center;--not-found-field:var(--ab-color-surface-raised);--not-found-boss-label:var(--ab-color-text-muted);--not-found-boss-spent:var(--ab-neutral-900);--not-found-boss-frame:var(--ab-neutral-700);--not-found-boss-fill:var(--ab-danger-500);--not-found-board-width:32.5rem;--not-found-shell-width:42.5rem;--not-found-tracking:.06em;--not-found-iris-duration:.56s;justify-content:center;align-items:center;display:flex;& [hidden]{display:none!important}& .not-found__stage{max-width:var(--not-found-shell-width);flex-direction:column;align-items:center;display:flex}& .not-found__shell{width:100%;position:relative;&.is-entering{animation:not-found-iris var(--not-found-iris-duration) var(--ab-ease-out)}}& .not-found__board{width:100%;max-width:var(--not-found-board-width);user-select:none;-webkit-tap-highlight-color:transparent;margin-inline:auto;position:relative}& .not-found__canvas{touch-action:pan-y;width:100%;height:auto;display:block;&.is-playing{touch-action:none}&:focus,&:focus-visible{box-shadow:none;outline:none}}& .not-found__hud{justify-content:space-between;align-items:center;gap:var(--ab-space-16);min-height:var(--ab-space-40);padding:var(--ab-space-8) var(--ab-space-16);border-block-start:1px solid var(--ab-color-border-subtle);font-family:var(--ab-font-pixel);font-size:var(--ab-font-size-12);letter-spacing:var(--not-found-tracking);text-transform:uppercase;color:var(--ab-color-text-muted);display:flex;& b{color:var(--ab-color-text);font-variant-numeric:tabular-nums}}& .not-found__lives{align-items:center;gap:var(--ab-space-8);display:flex}& .not-found__hearts{align-items:center;gap:3px;display:inline-flex}& .not-found__heart{width:var(--ab-space-24);height:var(--ab-space-24);object-fit:contain;image-rendering:pixelated;display:block;&.is-lost{opacity:.2;filter:grayscale()}}& .not-found__toolbar{z-index:var(--ab-z-raised);gap:var(--ab-space-8);padding:var(--ab-space-12);display:flex;position:absolute;inset-block-start:0;inset-inline-start:0}& .not-found__controls{justify-content:center;gap:var(--ab-space-8);padding:var(--ab-space-12) var(--ab-space-16);border-block-start:1px solid var(--ab-color-border-subtle);font-size:var(--ab-font-size-12);line-height:var(--ab-line-body);color:var(--ab-color-text-muted);flex-wrap:wrap;display:flex}& .not-found__touch{display:none}& kbd{border:1px solid var(--ab-color-border-strong);border-radius:var(--ab-radius-4);font-family:var(--ab-font-mono);font-size:var(--ab-font-size-12);color:var(--ab-color-text-secondary);white-space:nowrap;border-block-end-width:2px;margin-inline:2px;padding:2px 5px}& .not-found__overlay{z-index:var(--ab-z-modal);background:var(--ab-black-a72);backdrop-filter:blur(2px);place-items:center;padding:clamp(1.25rem,5vw,4rem);display:none;position:absolute;inset:0;&.is-visible{animation:not-found-fade var(--ab-duration-standard) var(--ab-ease-standard);display:grid}}& .not-found__overlay--countdown{pointer-events:none}& .not-found__countdown-label{color:var(--ab-color-link);font-family:var(--ab-font-pixel);font-size:var(--ab-font-size-12);letter-spacing:var(--ab-tracking-label);text-transform:uppercase;margin:0}& .not-found__countdown-number{margin:var(--ab-space-8) 0 0;color:var(--ab-color-text);font-family:var(--ab-font-pixel);font-size:var(--ab-font-size-64);font-weight:var(--ab-font-weight-bold);line-height:var(--ab-line-tight);font-variant-numeric:tabular-nums}& .not-found__dialog,& .not-found__results{width:min(100%,26.875rem)}& .not-found__results{padding:var(--ab-space-32);border:1px solid var(--ab-color-border);background:var(--ab-black-a88)}& .not-found__kicker{margin:0 0 var(--ab-space-12);color:var(--ab-warning-500);font-family:var(--ab-font-pixel);font-size:var(--ab-font-size-12);font-weight:var(--ab-font-weight-bold);letter-spacing:var(--ab-tracking-label);text-transform:uppercase}& .not-found__verdict{font-family:var(--ab-font-pixel);font-size:var(--ab-font-size-32);font-weight:var(--ab-font-weight-bold);line-height:var(--ab-line-heading);text-transform:uppercase;color:var(--ab-color-text);margin:0}& .not-found__dialog-line{margin:var(--ab-space-8) 0 var(--ab-space-16);color:var(--ab-color-text-secondary)}& .not-found__final{margin:var(--ab-space-24) 0 var(--ab-space-16);& .not-found__final-label{color:var(--ab-color-text-muted);font-family:var(--ab-font-pixel);font-size:var(--ab-font-size-12);letter-spacing:var(--ab-tracking-label);text-transform:uppercase;margin-block-end:var(--ab-space-4);display:block}& strong{color:var(--ab-color-text);font-family:var(--ab-font-body);font-size:var(--ab-font-size-48);font-weight:var(--ab-font-weight-bold);line-height:var(--ab-line-tight);font-variant-numeric:tabular-nums;display:block}}& .not-found__result-grid{border-block:1px solid var(--ab-color-border);grid-template-columns:1fr 1fr;margin-block-end:var(--ab-space-24);display:grid}& .not-found__result-cell{padding:var(--ab-space-12);&+.not-found__result-cell{border-inline-start:1px solid var(--ab-color-border)}& span{color:var(--ab-color-text-muted);font-family:var(--ab-font-pixel);font-size:var(--ab-font-size-12);letter-spacing:var(--ab-tracking-label);text-transform:uppercase;margin-block-end:var(--ab-space-4);display:block}& b{color:var(--ab-color-text);font-family:var(--ab-font-body);font-size:var(--ab-font-size-16);font-weight:var(--ab-font-weight-bold);font-variant-numeric:tabular-nums}}& .not-found__intro{margin-block-start:var(--ab-space-24);& .not-found__actions{gap:var(--ab-space-24)}& .ab-button--link{color:var(--ab-color-text);&:hover{color:var(--ab-color-text);text-decoration:underline}}}& .not-found__title{margin:0 0 var(--ab-space-8);font-size:var(--ab-font-size-40)}& .not-found__body{max-width:52ch;margin:0 auto var(--ab-space-16);color:var(--ab-color-text-secondary);text-wrap:balance}& .not-found__actions{gap:var(--ab-space-12);flex-wrap:wrap;justify-content:center;display:flex}& .not-found__hint{min-height:var(--ab-space-24);font-size:var(--ab-font-size-12);color:var(--ab-color-text-muted);margin-block-start:var(--ab-space-16)}}@keyframes not-found-fade{0%{opacity:0}to{opacity:1}}@keyframes not-found-iris{0%{clip-path:circle(0%)}to{clip-path:circle(100%)}}body[data-space-playing=true]{height:100dvh;overflow:hidden;& .ab-site-header,& .ab-site-footer,& .not-found__intro,& :has(+.ab-site-header){display:none}& main{min-height:0}& .not-found{align-items:stretch;height:100dvh;min-height:0;padding:0}& .not-found__stage{width:100%;max-width:none;height:100%;min-height:0;padding:0}& .not-found__shell{background:var(--not-found-field);flex-direction:column;height:100%;min-height:0;display:flex}& .not-found__board{flex:1;max-width:none;min-height:0}& .not-found__canvas{height:100%}}@media (pointer:coarse){.not-found{& .not-found__keys{display:none}& .not-found__touch{display:inline}}}@media (width<=560px){.not-found{& .not-found__hud{gap:var(--ab-space-8);padding:var(--ab-space-8) var(--ab-space-12);font-size:var(--ab-font-size-12)}& .not-found__heart{width:var(--ab-space-16);height:var(--ab-space-16)}& .not-found__results{padding:var(--ab-space-24) var(--ab-space-16)}& .not-found__verdict{font-size:var(--ab-font-size-24)}}}@media (prefers-reduced-motion:reduce){.not-found .not-found__overlay.is-visible{animation:none}}