.lost-page{--digit:clamp(104px, 30vw, 220px);--door:calc(var(--digit) * .86);box-sizing:border-box;flex-direction:column;align-items:center;padding:28px 16px 48px;display:flex;overflow:hidden}.lost-sparks{z-index:60;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.lost-hero{--px:0;--py:0;perspective:700px;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.lost-code{justify-content:center;align-items:center;gap:calc(var(--digit) * .04);font-family:var(--font-display);font-size:var(--digit);color:#e9b452;text-shadow:0 4px 10px #0009;margin:0;font-weight:100;line-height:1;display:flex}.lost-digit{transform:translate(calc(var(--px) * -12px), calc(var(--py) * -8px));display:block}.lost-door{--spin:0deg;--school:calc(var(--door) * .15);width:var(--door);height:var(--door);margin:0 calc(var(--digit) * .02);cursor:pointer;transform:translate(calc(var(--px) * 10px), calc(var(--py) * 6px)) rotateY(calc(var(--px) * 16deg)) rotateX(calc(var(--py) * -16deg));-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.lost-door:focus-visible{outline-offset:6px;outline:2px solid #ffd77c}.lost-door-art{filter:drop-shadow(0 4px 10px #0009);width:100%;height:100%;display:block;overflow:visible}.lost-door-rim{fill:#1e19278c;stroke:#e9b452;stroke-width:4px}.lost-door-dash{fill:none;stroke:#ffd77c;stroke-width:3px;stroke-dasharray:2 9;stroke-linecap:round}.lost-door-dash.is-fine{stroke:#d19b32;stroke-width:2px;stroke-dasharray:14 6}.lost-door-ring-outer,.lost-door-ring-inner,.lost-door-swirl{transform-origin:100px 100px}.lost-door-ring-outer{transform:rotate(var(--spin))}.lost-door-ring-inner{transform:rotate(calc(var(--spin) * -1.6))}.lost-door-swirl{transform:rotate(calc(var(--spin) * 2.4))}.lost-door-swirl path{fill:none;stroke:#ffd77c;stroke-width:3px;stroke-linecap:round;opacity:.9}.lost-door-schools{pointer-events:none;position:absolute;inset:0}.lost-door-school{width:var(--school);height:var(--school);transform:translate(-50%, -50%) rotate(calc(var(--i) * 51.4286deg + var(--spin) * .6)) translateY(calc(var(--door) * -.5)) rotate(calc(var(--i) * -51.4286deg - var(--spin) * .6));position:absolute;top:50%;left:50%}.lost-door-school img{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:100%;height:100%;display:block}.lost-stage{z-index:10;box-sizing:border-box;text-align:center;width:min(760px,100%);position:relative}.lost-title,.lost-section-title{font-family:var(--font-display);letter-spacing:.2px;color:#e9b452;text-shadow:0 4px 10px #0009;margin:0 0 8px;font-weight:100}.lost-title{font-size:clamp(28px,6vw,40px);line-height:1.05}.lost-text{color:#fff3dc;max-width:560px;font:15px/1.5 var(--font-sans);text-shadow:0 2px 10px #000;margin:0 auto 16px}.lost-guess{color:#ffd77c;font-family:var(--font-display);text-underline-offset:3px;text-decoration:underline}.lost-guess:hover{color:#fff0c8}.lost-guess:focus-visible,.lost-button:focus-visible,.lost-island:focus-visible{outline-offset:2px;outline:2px solid #ffd77c}.lost-button{color:#5b3a12;font:700 13px var(--font-display);background:#fff5dcf2;border:1px solid #c8a25f;border-radius:6px;padding:8px 16px;text-decoration:none;display:inline-block}.lost-button:hover{background:#fff0c8f2;border-color:#b88f45}[data-theme=dark] .lost-button{color:#f0d39a;background:linear-gradient(#32293df5,#1d1926f5);border-color:#e6b8688c}.lost-section-title{margin:34px 0 6px;font-size:20px}