.ttt-grid{display:grid;grid-template-columns:repeat(3,80px);gap:8px;margin:22px 0}.ttt-grid button{height:80px;font:38px var(--sans);border-radius:9px;background:#224f78;color:white}.ttt-grid button:disabled{opacity:1;background:#d5e5ef;color:#204f74}.snake-grid{display:grid;grid-template-columns:repeat(12,1fr);width:min(100%,360px);aspect-ratio:1;background:#10252b;border:8px solid #27434d;gap:2px;padding:4px;border-radius:9px}.snake-grid span{border-radius:3px;background:#153138}.snake-grid .snake-segment{background:#84d9d0}.snake-grid .snake-food{background:#e9b572;border-radius:50%;box-shadow:0 0 8px #d6af69}.snake-controls{display:flex;gap:8px;margin-top:15px}.snake-controls button{background:#244e71;color:#fff;padding:8px 18px;border-radius:5px}.windows .desktop-icons{gap:8px 10px}@media(max-width:620px){.ttt-grid{grid-template-columns:repeat(3,70px)}.ttt-grid button{height:70px}.snake-grid{max-width:285px}.windows .desktop-icons{gap:2px}}
