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