.not-found-route{width:min(470px,94vw);color:var(--ink);margin:0 0 34px}.not-found-route__heading,.not-found-route__footer{font-family:var(--font-mono), "IBM Plex Mono", monospace;font-size:var(--t-100);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.not-found-route__heading{margin-bottom:10px}.not-found-route__heading>:last-child{text-align:right}.not-found-route__heading strong{color:var(--ink);font-weight:var(--w-medium)}.not-found-route__board{border:1px solid var(--hairline);background:var(--paper-2);box-shadow:8px 8px 0 var(--yellow);border-radius:4px;padding:28px 38px;position:relative}.not-found-route__grid{z-index:1;border:1px solid var(--hairline-2);background:var(--paper);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.not-found-route__tile{aspect-ratio:1;border:0;border-right:1px solid var(--hairline-2);border-bottom:1px solid var(--hairline-2);background:var(--paper);color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0;transition:background-color .16s;position:relative}.not-found-route__tile:nth-child(5n){border-right:0}.not-found-route__tile:nth-last-child(-n+5){border-bottom:0}.not-found-route__tile:hover:not(:disabled){background:color-mix(in srgb, var(--yellow) 22%, var(--paper))}.not-found-route__tile:focus-visible{z-index:2;outline:3px solid var(--yellow-deep);outline-offset:-3px}.not-found-route__tile svg{width:100%;height:100%;transform:rotate(var(--tile-rotation));transition:transform .24s cubic-bezier(.4,0,.2,1);display:block}.not-found-route__tile path{fill:none;stroke:currentColor;stroke-width:9px;stroke-linecap:square;stroke-linejoin:round}.not-found-route__tile circle{fill:var(--yellow);stroke:var(--ink);stroke-width:3px}.not-found-route[data-phase=play] .not-found-route__tile[data-connected=true],.not-found-route__tile[data-route=true]{background:color-mix(in srgb, var(--yellow) 18%, var(--paper));color:var(--yellow-deep)}.not-found-route[data-phase=play] .not-found-route__tile[data-connected=true] path,.not-found-route__tile[data-route=true] path{filter:drop-shadow(0 0 4px #ffc6295c)}.not-found-route__port{z-index:0;background:var(--ink);width:46px;height:11px;position:absolute}.not-found-route__port:after{border:3px solid var(--ink);background:var(--yellow);content:"";border-radius:50%;width:15px;height:15px;position:absolute;top:50%;transform:translateY(-50%)}.not-found-route__port--start{top:var(--start-y);left:0;transform:translateY(-50%)}.not-found-route__port--start:after{left:4px}.not-found-route__port--end{top:var(--end-y);right:0;transform:translateY(-50%)}.not-found-route__port--end:after{right:4px}.not-found-route__port.is-connected,.not-found-route__port.is-connected:after{background:var(--yellow)}.not-found-route__footer{color:var(--ink-soft);grid-template-columns:1fr auto;margin-top:14px}.not-found-route__footer button{color:var(--ink);font:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0}.not-found-route__footer button:hover,.not-found-route__footer button:focus-visible{color:var(--yellow-deep)}.not-found-route[data-phase=solved] .not-found-route__tile[data-route=true] path{stroke-dasharray:14 8;animation:.7s linear infinite route-restored}@keyframes route-restored{to{stroke-dashoffset:-22px}}@media (max-width:560px){.not-found-route{width:min(410px,94vw);margin-bottom:30px}.not-found-route__board{padding:22px 30px}}@media (prefers-reduced-motion:reduce){.not-found-route__tile svg{transition:none}.not-found-route[data-phase=solved] .not-found-route__tile[data-route=true] path{animation:none}}