*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#14231b;letter-spacing:0;background:#f3f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.app-header{border-bottom:1px solid #d4d8cc;justify-content:space-between;align-items:center;height:62px;padding:0 28px;display:flex}.brand{align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex}.brand svg{color:#2e6b4d}.language-switch{background:#e4e5dc;border-radius:5px;padding:3px;display:flex}.language-switch button{cursor:pointer;background:0 0;border:0;border-radius:3px;min-width:42px;padding:6px 8px;font-size:11px}.language-switch button.is-active{color:#2e6b4d;background:#fff;font-weight:800}main{max-width:1040px;margin:0 auto;padding:30px 34px 42px}.intro{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.intro p{color:#2e6b4d;margin:0 0 9px;font-size:11px;font-weight:800}.intro h1{margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:500}.intro span{color:#67736c}.intro label{color:#667168;text-transform:uppercase;gap:7px;font-size:11px;display:grid}.intro select{background:#fff;border:1px solid #d4d8cc;border-radius:5px;min-width:130px;padding:8px 28px 8px 10px}.game-stage{background:#fff;border:1px solid #d4d8cc;border-radius:8px;overflow:hidden;box-shadow:0 14px 40px #28372b14}.score-bar{border-bottom:1px solid #d4d8cc;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 20px;display:grid}.score-bar>div:first-child,.score-bar>div:last-child{align-items:baseline;gap:10px;display:flex}.score-bar>div:last-child{justify-content:flex-end}.score-bar span{color:#748078;text-transform:uppercase;font-size:11px}.score-bar strong{font-size:21px}.round-indicator{align-items:center;gap:7px;display:flex}.round-indicator i{background:#76a86e;border-radius:50%;width:7px;height:7px}.board-wrap{background:#dce4d5;padding:12px}.snake-board{aspect-ratio:1;background-color:#e9ede3;background-image:linear-gradient(#364d3812 1px,#0000 1px),linear-gradient(90deg,#364d3812 1px,#0000 1px);background-size:5.55556% 5.55556%;border:2px solid #a7b59f;width:100%;max-width:340px;margin:0 auto;position:relative;overflow:hidden}.snake-part,.food{width:5.55556%;height:5.55556%;padding:3px;position:absolute}.snake-part{background:#2e6b4d padding-box content-box;border-radius:7px;transition:left 55ms linear,top 55ms linear;box-shadow:inset 0 0 0 1px #ffffff24}.snake-part.is-head{background-color:#183c2b;position:absolute}.snake-part.is-head i{background:#eef4df;border-radius:50%;width:3px;height:3px;position:absolute;top:10px}.snake-part.is-head i:first-child{left:11px}.snake-part.is-head i:last-child{right:11px}.food{color:#dc503e;justify-content:center;align-items:center;padding:4px;display:flex}.food svg{filter:drop-shadow(0 2px 1px #51251d2e);width:100%;height:100%}.game-overlay{text-align:center;z-index:3;background:#f5f6efe6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-overlay p{color:#2e6b4d;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800}.game-overlay h2{margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500}.game-overlay span{color:#657068;margin-bottom:18px;padding:0 20px}.game-overlay button,.pause-button{color:#fff;cursor:pointer;background:#2e6b4d;border:0;border-radius:5px;align-items:center;gap:8px;padding:10px 16px;font-weight:750;display:flex}.game-controls{border-top:1px solid #d4d8cc;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.d-pad{grid-template-rows:repeat(2,31px);grid-template-columns:repeat(3,38px);gap:4px;display:grid}.d-pad button{cursor:pointer;background:#eef0ea;border:1px solid #dce0d7;border-radius:4px;justify-content:center;align-items:center;display:flex}.control-up{grid-column:2}.control-left{grid-area:2/1}.control-down{grid-area:2/2}.control-right{grid-area:2/3}.pause-button:disabled{cursor:not-allowed;opacity:.45}@media (width<=700px){.app-header{padding:0 16px}main{padding:28px 14px 40px}.intro{align-items:flex-start;gap:18px}.intro h1{font-size:30px}.intro span{max-width:220px;display:block}.board-wrap{padding:8px}.score-bar{padding:11px 12px}.game-controls{padding:12px}.d-pad{grid-template-columns:repeat(3,40px)}}