#drift-404{text-align:center;align-content:center;justify-items:center;gap:1rem;min-height:80vh;padding:3rem 1rem;display:grid}#drift-404 h1{letter-spacing:-.02em;font-size:clamp(1.6rem,4vw,2.4rem)}#drift-404>p{color:var(--gray-medium);margin:0}#drift-404 figure{width:min(680px,100%);margin:1.5rem 0 0}#drift-404 canvas{aspect-ratio:680/480;background:var(--background-elevated);border:1px solid var(--background-soft);cursor:crosshair;touch-action:none;border-radius:8px;width:100%;display:block}#drift-404 figure[data-phase=won] canvas{border-color:var(--accent);box-shadow:0 0 48px var(--accent-soft)}#drift-404 figcaption{color:var(--gray-medium);font-variant-numeric:tabular-nums;margin-block-start:.75rem;font-size:.85rem}#drift-404 figure[data-phase=won] figcaption{color:var(--accent)}#drift-404 nav{gap:1.5rem;margin-block-start:1rem;display:flex}#drift-404 nav a{color:var(--foreground);border-block-end:1px solid var(--accent);padding-block-end:2px;text-decoration:none}#drift-404 nav a:hover{color:var(--accent)}