.lost{text-align:center;background:radial-gradient(60% 50% at 50% 30%, #00e5ff1a, transparent 70%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100svh;padding:96px 16px 64px;display:flex;overflow:hidden}.lost__logo{width:92px;color:var(--ink);transition:color .3s var(--out);position:fixed;top:22px;left:24px}.lost__logo:hover{color:var(--cy)}.lost__logo svg{width:100%;height:auto;display:block}.lost__ring{--s:min(300px, 70vw);width:var(--s);height:var(--s);margin-bottom:28px;position:relative}.lost__island{background:radial-gradient(circle,#00e5ff24,#0000 70%);border:1px dashed #00e5ff59;border-radius:50%;position:absolute;inset:30%}.lost__trail,.lost__orbit{border-radius:50%;animation:3.2s linear infinite lost-lap;position:absolute;inset:0}.lost__trail{background:conic-gradient(from 0deg, transparent 0 62%, #00e5ff8c 99%, transparent 100%);filter:drop-shadow(0 0 8px var(--cy));-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px) calc(100% - 1px),#0000 100%);mask:radial-gradient(circle closest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px) calc(100% - 1px),#0000 100%)}.lost__orbit img{object-fit:contain;filter:drop-shadow(0 0 10px #00e5ff73);width:64px;height:30px;animation:1.6s ease-in-out infinite alternate lost-drift;position:absolute;top:-14px;left:50%;translate:-50%;rotate:16deg}@keyframes lost-lap{to{rotate:360deg}}@keyframes lost-drift{0%{rotate:10deg}to{rotate:24deg}}.lost__nav{font:500 14px/1 var(--body);color:var(--ink);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #00e5ff40;border-radius:999px;align-items:center;gap:10px;margin:0 0 22px;padding:9px 16px;display:inline-flex}.lost__nav i{background:var(--cy);width:8px;height:8px;box-shadow:0 0 10px var(--cy);border-radius:50%;animation:1s steps(2,end) infinite lost-blink}@keyframes lost-blink{50%{opacity:.2}}.lost__h{font:700 clamp(30px, 6.4vw, 76px)/1 var(--head);letter-spacing:-.04em;overflow-wrap:anywhere;margin:0}.lost__h em{animation:lost-wobble 2.4s var(--spring) infinite;transform-origin:50% 80%;display:inline-block}@keyframes lost-wobble{0%,70%,to{rotate:0deg}78%{rotate:-9deg}86%{rotate:7deg}93%{rotate:-3deg}}.lost__p{max-width:520px;color:var(--dim);margin:18px 0 40px;font-size:17px}.lost__p b{color:var(--ink);overflow-wrap:anywhere;font-weight:500}.lost__try{font:500 14px/1 var(--body);color:var(--dim);margin:0 0 14px}.lost__list{flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px;margin:0 0 36px;padding:0;list-style:none;display:flex}.lost__list a{corner-shape:squircle;border:1px solid var(--line);font:500 15px/1 var(--body);color:var(--cy);transition:border-color .3s var(--out), background .3s var(--out), translate .45s var(--spring);background:#ffffff08;border-radius:14px;padding:11px 16px;display:block}.lost__list a span{color:var(--dim);font-weight:400}.lost__list a:hover{border-color:var(--cy);background:#00e5ff14;translate:0 -3px}.lost__home{background:var(--cy);color:#021216;font:600 15px/1 var(--body);transition:scale .45s var(--spring), box-shadow .3s var(--out);border-radius:999px;padding:14px 24px}.lost__home:hover{scale:1.05;box-shadow:0 0 28px #00e5ff80}@media (max-width:560px){.lost__list a{padding:10px 13px;font-size:14px}.lost__logo{width:78px;top:16px;left:16px}}@media (prefers-reduced-motion:reduce){.lost *,.lost :before{animation:none!important}}
