.lost{grid-template-columns:minmax(0,1fr);align-content:center;place-items:center;min-height:100svh;padding:5rem 1rem;overflow:clip}.lost .spill{pointer-events:none;position:absolute;inset:0}.lost .spill>*{position:absolute}.lost .scrap{width:var(--size);height:var(--size);pointer-events:auto}.lost .hop{width:100%;height:100%;position:relative}.lost .scrap img{width:100%;height:100%;rotate:var(--turn);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.lost .scrap .shade{translate:calc(var(--cast-x) * var(--size) * .045) calc(var(--cast-y) * var(--size) * .045);filter:brightness(0) blur(calc(var(--size) * .03));opacity:.2}.lost .found{z-index:1;padding-top:var(--sign);text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.lost .found :is(a,h1,p){pointer-events:auto}.lost .can{position:relative}.lost .can>:is(.bin,.sign){position:absolute;overflow:visible}.lost .sign .arrow{fill:none;stroke:var(--pen);stroke-linecap:round;stroke-linejoin:round}.lost .sign text{fill:var(--pen);font-family:var(--font-hand);font-weight:500}.lost h1{margin:var(--gap) 0 0;font-size:2rem;line-height:1.2}.lost h1:focus{outline:none}.lost p{margin:.75rem 0 0}:root[data-appearance=dark] .lost .ink{filter:url(#lost-tone-dark)}:root[data-appearance=dark] .lost .scrap .shade{opacity:.5}@media (prefers-color-scheme:dark){:root:not([data-appearance=light]) .lost .ink{filter:url(#lost-tone-dark)}:root:not([data-appearance=light]) .lost .scrap .shade{opacity:.5}}