.snake-game{max-width:950px;margin:0 auto;padding:24px 0 45px}.snake-intro{text-align:center;margin-bottom:30px}.snake-intro h2{justify-content:center;align-items:center;gap:12px;margin:13px 0;font-size:46px;display:flex}.snake-intro h2 span{color:#23c7f9}.snake-intro h2 svg{color:#4bd4ff;width:37px;height:37px}.snake-intro p{color:#aabed1;font-size:13px}.snake-layout{direction:ltr;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:start;gap:25px;display:grid}.snake-layout>*{direction:rtl}.snake-machine{background:linear-gradient(145deg,#102e47,#071726 75%);border:1px solid #30556c;border-radius:26px;padding:16px;box-shadow:0 22px 70px #0005,0 0 40px #008dff0a}.snake-scoreboard{text-align:center;direction:ltr;grid-template-columns:repeat(3,1fr);padding:4px 0 18px;display:grid}.snake-scoreboard>div+div{border-left:1px solid #294357}.snake-scoreboard span{color:#9eb5c8;direction:rtl;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.snake-scoreboard strong{letter-spacing:2px;color:#e4faff;margin-top:6px;font-family:monospace;font-size:31px;font-weight:700;display:block}.snake-scoreboard>div:first-child strong{color:#52d5ff}.snake-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#04101a;border:1px solid #2d5466;border-radius:12px;outline:none;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #0005}.snake-board:focus-visible{outline-offset:4px;outline:2px solid #68d5ff}.snake-field{width:100%;height:100%;display:block}.snake-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#02101bdf;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:24px;display:flex;position:absolute;inset:0}.snake-overlay-icon{color:#67dcff;background:#0875ff22;border:1px solid #177caa;border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.snake-overlay h3{font-size:24px}.snake-overlay p{color:#bbcedf;max-width:290px;font-size:12px;line-height:1.9}.snake-overlay .btn{min-width:150px;margin-top:6px;font-size:13px}.snake-machine-bottom{direction:ltr;justify-content:space-between;align-items:center;gap:8px;padding-top:13px;display:flex}.snake-machine-bottom>span{letter-spacing:1px;color:#89a7bd;align-items:center;gap:7px;font-family:monospace;font-size:9px;display:flex}.snake-machine-bottom i{background:#58d9be;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #58d9be55}.snake-machine-bottom button{color:#def6ff;background:#15334a;border-radius:6px;place-items:center;width:34px;height:30px;display:grid}.snake-side{flex-direction:column;gap:17px;display:flex}.snake-next{text-align:center;background:#081c2b;border:1px solid #284b61;border-radius:22px;padding:23px 16px 20px;overflow:hidden}.snake-next>.eyebrow{font-size:10px}.snake-next img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:100%;max-width:205px;height:auto;margin:13px auto 10px;display:block}.snake-next h3{margin-bottom:11px;font-size:18px}.snake-points{color:#ffc57b;background:#ffb24012;border-radius:20px;padding:6px 12px;font-size:10px}.snake-directions{text-align:center;padding:11px 8px}.snake-directions h3{font-size:17px}.snake-directions p{color:#a8bfd1;margin-top:9px;font-size:11px;line-height:2}.snake-directions small{color:#9ab1c2;font-size:10px;line-height:1.9;display:block}.snake-dpad{grid-template-rows:repeat(3,43px);grid-template-columns:repeat(3,48px);justify-content:center;gap:5px;margin:18px 0;display:grid}.snake-dpad button{color:#c6efff;touch-action:manipulation;background:linear-gradient(#183d58,#0e273b);border:1px solid #3e6b88;border-radius:10px;place-items:center;display:grid}.snake-dpad button:active{background:#0753a4;transform:translateY(2px)}.snake-dpad button:disabled{opacity:.45}.snake-dpad .up{grid-area:1/2}.snake-dpad .left{grid-area:2/1}.snake-dpad .right{grid-area:2/3}.snake-dpad .down{grid-area:3/2}.snake-dpad>span{color:#426d8c;grid-area:2/2;place-items:center;display:grid}.play-page{padding-block:30px 60px}.play-back{color:#afc7da;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:inline-flex}.play-loading{text-align:center;min-height:300px;padding:70px}.game-entry{background:linear-gradient(120deg,#0c2e53,#061b2b);border:1px solid #25506f;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:24px 0;padding:22px;display:flex}.game-entry h3{margin-bottom:7px;font-size:20px}.game-entry p{color:#aac4db;font-size:12px}.game-entry .btn{white-space:nowrap;font-size:12px}.order-waiting{margin-top:30px}.order-progress{background:#081e30;border:1px solid #285171;border-radius:22px;padding:28px}.order-progress-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.order-progress-top>div{align-items:center;gap:13px;display:flex}.order-progress-top svg{color:#4dd8ff;flex-shrink:0}.order-progress-top h2{font-size:25px}.order-progress-top p{color:#99b4c9;margin-top:9px;font-size:11px}.order-progress-top>a{color:#badcff;white-space:nowrap;font-size:11px}.order-steps{gap:12px;margin:26px 0 16px;padding:0;list-style:none;display:flex}.order-steps li{color:#7a99b0;border-top:2px solid #264052;flex:1;align-items:center;gap:8px;padding-top:14px;font-size:11px;display:flex}.order-steps li.done{color:#d1f4ff;border-color:#1cc8e7}.order-steps b{background:#13334a;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.order-status-note{color:#b4ccdb;font-size:11px;line-height:1.9}.order-status-error{color:#ffd79b;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:11px;display:flex}.order-status-error button{color:#fff;background:#28455c;border-radius:6px;padding:6px 12px}.order-ready{background:#0d392f;border:1px solid #4ccfa7;border-radius:14px;align-items:center;gap:15px;margin-top:17px;padding:20px;display:flex}.order-ready h3{color:#c2ffe8;font-size:22px}.order-ready p{color:#a7dccb;margin-top:7px;font-size:12px}.order-cancelled{background:#3a211e;border-color:#b36e61}.order-cancelled h3{color:#ffd7cb}.order-game-area{margin-top:25px}.active-order-link{color:#c6f2ff;background:#0c3454;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:700px){.snake-game{padding-top:10px}.snake-intro{margin-bottom:22px}.snake-intro h2{gap:9px;font-size:34px}.snake-intro h2 svg{width:27px;height:27px}.snake-intro p{font-size:11px}.snake-intro .eyebrow{letter-spacing:1px;font-size:8px}.snake-layout{grid-template-columns:1fr;gap:14px;max-width:490px;margin:auto}.snake-machine{border-radius:21px;padding:11px}.snake-scoreboard{padding:2px 0 12px}.snake-scoreboard strong{font-size:26px}.snake-scoreboard span{font-size:9px}.snake-machine-bottom>span{letter-spacing:.4px;font-size:7px}.snake-side{flex-direction:row;align-items:flex-start;gap:10px}.snake-next{border-radius:17px;flex:1;min-width:0;padding:18px 11px}.snake-next img{max-width:170px}.snake-next h3{font-size:13px}.snake-next>.eyebrow{letter-spacing:0;font-size:8px}.snake-points{padding:5px 8px;font-size:8px}.snake-directions{flex:1;min-width:0;padding:5px 0}.snake-directions h3{font-size:12px}.snake-directions p{font-size:9px}.snake-directions small{font-size:8px}.snake-dpad{grid-template-rows:repeat(3,39px);grid-template-columns:repeat(3,42px);gap:4px;margin:12px 0}.snake-overlay{gap:10px;padding:18px}.snake-overlay h3{font-size:21px}.snake-overlay p{font-size:11px}.snake-overlay-icon{border-radius:14px;width:48px;height:48px}.snake-overlay .btn{padding:12px 20px;font-size:11px}.game-entry{flex-direction:column;align-items:stretch;padding:18px}.game-entry h3{font-size:18px}.game-entry p{font-size:11px}.order-progress{padding:20px 17px}.order-progress-top{flex-direction:column;align-items:flex-start}.order-progress-top h2{font-size:21px}.order-steps{gap:7px}.order-steps li{flex-direction:column;align-items:flex-start;font-size:9px}.order-ready{padding:17px}.order-ready h3{font-size:20px}.order-ready p{font-size:11px}.play-page{padding-top:20px}}