.snake-dialog{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px;border:1px solid #bac4ba;border-radius:22px;background:#f2f1eb;color:#28332d;overflow-y:auto}.snake-dialog::backdrop{background:#111b20b8}.snake-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.snake-heading h2{margin:0;font-size:20px}.snake-heading button{width:44px;height:44px;border:0;background:transparent;font-size:28px;color:inherit}.snake-phone{max-width:350px;margin:auto;padding:22px 23px 28px;border-radius:58px 58px 65px 65px;background:linear-gradient(110deg,#435064,#263244 45%,#354154);border:3px solid #637083;box-shadow:inset 3px 0 3px #ffffff26,inset -4px -4px 8px #101925,0 10px 18px #19213226}.snake-speaker{width:66px;height:8px;margin:0 auto 18px;border-radius:8px;background:repeating-linear-gradient(90deg,#111c29 0 3px,#566173 3px 5px);box-shadow:0 1px #758090}.snake-brand{display:flex;justify-content:center;gap:12px;color:#f1f0e8;font:bold 16px Arial,sans-serif;letter-spacing:3px;margin-bottom:12px}.snake-brand span{font-size:10px;letter-spacing:1px;align-self:center;color:#afbbc9}.snake-lcd{padding:8px;background:#a8b879;color:#26351e;border:7px solid #182231;border-radius:8px;box-shadow:0 1px 2px #8390a1,inset 2px 2px 5px #26351e55;font:bold 12px monospace}.snake-score,.snake-lcd-footer{display:flex;justify-content:space-between;gap:4px}.snake-score{padding-bottom:6px;border-bottom:2px solid #26351e}.snake-lcd-footer{padding-top:6px;font-size:10px}.snake-display{position:relative;margin-top:6px}.snake-display canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background:#a8b879}.snake-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#a8b879e8;text-align:center}.snake-overlay[hidden]{display:none}.snake-overlay strong{font-size:24px;letter-spacing:-1px}.snake-overlay span{font-size:11px;padding:0 8px}.snake-actions{display:flex;gap:16px;justify-content:center;margin:16px 0 12px}.snake-phone button{font-family:inherit;cursor:pointer;min-height:44px}.snake-actions button{flex:1;border-radius:40%;padding:8px 10px;background:linear-gradient(#edf0ea,#a4acb2);border:1px solid #8b949d;box-shadow:0 3px 0 #131d29;color:#1d2c3b;font-size:12px;font-weight:bold}.snake-settings{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin:16px 0;color:#e3e7ec;font-size:11px}.snake-settings label{display:grid;gap:4px}.snake-settings select{width:100%;min-width:0;min-height:44px;background:#1c293b;color:#eef0e7;border:1px solid #768294;border-radius:6px;padding:5px;font:inherit;font-size:12px}.snake-settings button{grid-column:1/-1;background:none;color:#dce2e9;border:1px solid #748094;border-radius:6px;font-size:12px}.snake-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.snake-keypad button{border:1px solid #83909b;border-radius:45% / 35%;background:linear-gradient(160deg,#f1f2eb,#a6afb8);color:#243040;box-shadow:0 3px 0 #121d2b;display:flex;align-items:center;justify-content:center;gap:5px;min-height:46px;touch-action:manipulation}.snake-keypad b{font-size:22px}.snake-keypad span{font-size:10px}.snake-phone button:disabled{opacity:.5;cursor:default}.snake-phone button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.snake-dialog :focus-visible{outline:3px solid #e6af48;outline-offset:3px}.snake-help{font-size:12px;line-height:1.6;text-align:center;margin:16px auto 0;max-width:340px}.snake-card{background:#e2e8d0!important;color:#26351e!important}.snake-card .kids-card-symbol{font-family:monospace;letter-spacing:-4px}.snake-catalogue{margin-bottom:24px}@media(max-width:360px){.snake-dialog{padding:12px}.snake-phone{padding:20px 12px 24px}.snake-keypad{gap:8px}.snake-keypad span{font-size:9px}.snake-lcd{border-width:5px}}

.snake-settings label[hidden]{display:none}.snake-dialog[data-variant=original] .snake-phone{background:linear-gradient(110deg,#4d535b,#30363f 45%,#414852);border-color:#737981;border-radius:30px 30px 48px 48px}.snake-dialog[data-variant=original] .snake-lcd{border-radius:3px}.snake-dialog[data-variant=original] .snake-settings{grid-template-columns:1fr 1fr}.snake-dialog[data-variant=original] .snake-settings button{grid-column:auto;align-self:end}.snake-dialog[data-variant=original] .snake-keypad button{border-radius:12px}
.snake-brand{font-size:13px;letter-spacing:2px;flex-wrap:wrap}