.snake-easter-egg{position:fixed;z-index:21;left:10px;bottom:8px;width:34px;height:22px;overflow:hidden;border:0;border-radius:50%;padding:0;background:transparent;color:transparent;font-size:1px;cursor:pointer;opacity:.08}.snake-easter-egg:hover,.snake-easter-egg:focus-visible{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font:700 9px/1 Comic,Arial,sans-serif;opacity:1;outline:3px solid var(--red);outline-offset:2px}.snake-dialog{width:min(94vw,430px);max-height:96vh;margin:auto;border:0;padding:18px;background:transparent;overflow:auto}.snake-dialog::backdrop{background:rgba(32,37,33,.82);backdrop-filter:blur(3px)}.snake-phone{position:relative;width:min(100%,360px);margin:auto;border:4px solid var(--ink);border-radius:54px 54px 68px 68px;padding:20px 30px 28px;background:var(--yellow);box-shadow:9px 10px 0 var(--ink),inset 0 0 0 5px rgba(255,255,255,.18);color:var(--ink);font-family:Comic,Arial,sans-serif}.snake-phone-speaker{width:74px;height:9px;margin:0 auto 8px;border:3px solid var(--ink);border-radius:50%;background:var(--red)}.snake-phone-brand{text-align:center;font-size:17px;font-weight:900;letter-spacing:.12em}.snake-screen-shell{margin:9px auto 12px;border:4px solid var(--ink);border-radius:20px 20px 34px 34px;padding:11px;background:#9caf78;box-shadow:inset 0 0 15px rgba(32,37,33,.35)}.snake-screen-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;font:700 12px/1 Arial,sans-serif;text-transform:uppercase}.snake-screen{display:block;width:100%;height:auto;aspect-ratio:216/264;border:3px solid var(--ink);background:#b7c98a;image-rendering:pixelated;touch-action:none}.snake-screen:focus-visible{outline:3px solid var(--red);outline-offset:3px}.snake-message{min-height:14px;margin:6px 0 0;font:700 11px/1.2 Arial,sans-serif;text-align:center;text-transform:uppercase}.snake-soft-keys{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;margin:0 2px 12px}.snake-soft-keys button,.snake-keypad button{border:3px solid var(--ink);background:var(--comic-paper-light);color:var(--ink);font-family:Comic,Arial,sans-serif;box-shadow:2px 3px 0 var(--ink);cursor:pointer;touch-action:manipulation}.snake-soft-keys button{min-height:39px;border-radius:50%;padding:6px 4px;font-size:10px;font-weight:800;text-transform:uppercase}.snake-soft-keys button:nth-child(2){border-radius:42%;background:var(--red);color:var(--comic-paper-light)}.snake-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px}.snake-keypad button{display:grid;place-content:center;min-height:45px;border-radius:46% 46% 42% 42%;padding:3px}.snake-keypad button:active,.snake-soft-keys button:active{transform:translate(2px,3px);box-shadow:none}.snake-keypad button[data-snake-direction]{background:var(--comic-paper)}.snake-keypad span{font-size:19px;font-weight:900;line-height:.9}.snake-keypad small{font:700 8px/1 Arial,sans-serif}.snake-help{margin:15px 0 0;font:700 10px/1.35 Arial,sans-serif;text-align:center}.snake-dialog[open]{animation:snake-pop .22s ease-out}@keyframes snake-pop{from{opacity:0;transform:scale(.88) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:590px){.snake-dialog{padding:10px}.snake-phone{width:min(100%,340px);padding:16px 24px 22px;border-radius:44px 44px 58px 58px}.snake-screen{max-height:35vh}.snake-keypad button{min-height:43px}.snake-easter-egg{left:4px;bottom:4px}}@media(prefers-reduced-motion:reduce){.snake-dialog[open]{animation:none}}
