.lost-section{padding:70px 0 90px}.lost-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.lost-copy{min-width:0}.lost-code{font:600 clamp(110px,14vw,180px)/1 var(--display);letter-spacing:-7px;color:var(--green);margin:0 0 24px}.lost-code span{color:var(--pink)}.lost-copy h1{font:600 clamp(42px,4vw,60px)/1.15 var(--display);letter-spacing:-1px;margin-bottom:26px}.lost-copy>p:not(.eyebrow):not(.lost-code){color:var(--muted);font-size:20px;max-width:460px}.lost-links{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:32px}.lost-links .btn,.lost-links .text-link{font-size:18px}.snake-card{background:white;border:1px solid var(--line);border-radius:5px;padding:30px;min-width:0;box-shadow:0 12px 30px #143c2508}.snake-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.snake-heading .eyebrow{font-size:16px;margin-bottom:8px}.snake-heading h2{font-size:30px;letter-spacing:-.7px}.snake-score{display:flex;flex-direction:column;align-items:center;line-height:1.4;font-size:16px;color:var(--muted);flex-shrink:0}.snake-score output{font-size:32px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums}.snake-intro{font-size:16px;line-height:1.6;color:var(--muted);margin:18px 0}.snake-board-wrap{background:var(--forest);padding:8px;border-radius:4px}.snake-board-wrap canvas{display:block;width:100%;aspect-ratio:1;height:auto;touch-action:none;border-radius:2px;background:#eff2e7}.snake-status{font-size:16px;line-height:1.6;min-height:52px;margin:18px 0;color:var(--forest);font-weight:600}.snake-actions{display:flex;gap:10px;flex-wrap:wrap}.snake-actions .btn{font-size:16px;flex:1}.snake-secondary{background:white;border:1px solid #b2bbac;border-radius:3px;padding:11px 16px;min-height:48px;font-size:16px;font-weight:700;color:var(--forest)}.snake-secondary:hover:enabled{background:var(--cream)}.snake-directions{display:grid;grid-template-columns:repeat(3,52px);gap:7px;justify-content:center;margin:22px 0 18px}.snake-directions button{border:1px solid #b2bbac;background:var(--cream);border-radius:3px;font-size:25px;font-weight:700;min-height:48px;line-height:1;color:var(--forest)}.snake-directions button:hover:enabled{background:var(--lime)}.snake-directions button[data-direction=up]{grid-column:2}.snake-directions button[data-direction=left]{grid-row:2;grid-column:1}.snake-directions button[data-direction=down]{grid-row:2;grid-column:2}.snake-directions button[data-direction=right]{grid-row:2;grid-column:3}.snake-instructions{font-size:16px;line-height:1.6;color:var(--muted)}.not-found-page :focus-visible{outline:3px solid var(--pink);outline-offset:4px}
@media(max-width:1000px){.lost-layout{gap:35px;grid-template-columns:.8fr 1.2fr}.snake-card{padding:24px}.snake-heading h2{font-size:27px}.lost-copy>p:not(.eyebrow):not(.lost-code){font-size:18px}}
@media(max-width:760px){.lost-layout{grid-template-columns:1fr;gap:40px}.lost-section{padding:44px 0 60px}.lost-code{font-size:110px;margin-bottom:18px;letter-spacing:-4px}.lost-copy h1{font-size:46px}.lost-copy h1 br{display:none}.lost-copy>p:not(.eyebrow):not(.lost-code){max-width:620px}.lost-links{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px 28px}.snake-card{max-width:590px;width:100%;justify-self:center}}
@media(max-width:420px){.snake-card{padding:18px}.snake-heading h2{font-size:25px}.snake-heading{gap:10px}.snake-score output{font-size:28px}.snake-secondary{padding:11px 12px}.snake-actions{gap:8px}.snake-actions .btn{padding:12px 14px}.lost-copy h1{font-size:41px}.lost-links{align-items:flex-start;flex-direction:column}.snake-status{min-height:76px}}