.game-container{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);min-height:100vh;min-height:-webkit-fill-available;padding:20px 20px 40px}h1{color:#fff;font-family:Arial,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#gameCanvas{border:2px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 0 20px rgba(0,255,157,.3)}.controls{margin-top:15px;display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;z-index:10;position:relative}@media (max-width:768px){.controls{display:flex!important;visibility:visible!important;opacity:1!important;margin-top:20px;margin-bottom:10px}.controls button{min-width:70px;min-height:70px;font-size:28px;font-weight:700;background-color:#00cc7a!important;border:3px solid #fff;box-shadow:0 0 15px rgba(0,204,122,.7);-webkit-tap-highlight-color:rgba(0,204,122,.3);-ms-user-select:none;user-select:none;-webkit-user-select:none}.controls button:active{background-color:#00995c!important;-webkit-transform:scale(.95);transform:scale(.95);box-shadow:0 0 10px rgba(0,204,122,.9)}}@media screen and (max-device-width:896px){.controls{margin-top:25px!important;padding:10px;background:rgba(0,0,0,.1);border-radius:15px}.controls button{min-width:75px!important;min-height:75px!important;font-size:32px!important}}.controls div{display:flex;grid-gap:10px;gap:10px}.controls button{width:50px;height:50px;font-size:20px;background-color:#00cc7a;color:#fff;border:none;border-radius:5px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,204,122,.3);-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.controls button:hover{background-color:#00ff9d}.instructions{margin-top:15px;background:rgba(0,0,0,.2);padding:10px}body,html{margin:0;padding:0;height:100%;overflow:hidden}.pacman-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#1a1a1a;padding:20px;touch-action:none;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%}.pacman-title{color:gold;font-family:Arial,sans-serif;font-size:2.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.pacman-canvas{background-color:#000;border:2px solid gold;border-radius:8px;box-shadow:0 0 20px rgba(255,215,0,.3);touch-action:none;width:300px;height:220px}.instructions{color:#fff;font-family:Arial,sans-serif;font-size:1.1rem;margin-top:20px;background-color:rgba(0,0,0,.7);padding:10px 20px;border-radius:5px;text-align:center}.pacman-container:hover .pacman-canvas{box-shadow:0 0 30px rgba(255,215,0,.5)}@media (max-width:480px){.pacman-title{font-size:1.8rem}.pacman-canvas{width:300px;height:220px}.instructions{font-size:.9rem}}body{background-color:#487346;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill='%234c8e43' d='M100 57.1l-36 36 7.5 7.5L100 72.1z'/%3E%3Cpath fill='%236aac5f' d='M100 57.1v15l28.6 28.5 7.5-7.5z'/%3E%3Cpath fill='%234c8e43' d='M100 163.2v15l70.7-70.7.1-15.1z'/%3E%3Cpath fill='%236aac5f' d='M100 163.2L29.2 92.5v15l70.8 70.7z'/%3E%3Cpath fill='%2389CC7C' d='M100 21.8L29.2 92.5l70.7 70.7 70.7-70.7L100 21.8zm0 106.1L64.6 92.5 100 57.1l35.4 35.4-35.4 35.4z'/%3E%3Cpath fill='%23768c3a' d='M0 157.1v15l28.6 28.5 7.5-7.5z'/%3E%3Cpath fill='%2396ac58' d='M70.7 200l.1-7.6-7.6 7.6z'/%3E%3Cpath fill='%23B6CC76' d='M27.8 200h35.4l7.5-7.5L0 121.8v35.4l35.3 35.3z'/%3E%3Cpath fill='%2396ac58' d='M200 157.1l-36 36 7.5 7.5 28.5-28.5z'/%3E%3Cpath fill='%23768c3a' d='M136.7 200l-7.5-7.5v7.5z'/%3E%3Cpath fill='%23B6CC76' d='M172.1 200l-7.5-7.5 35.4-35.4v.1-35.4l-70.8 70.7 7.5 7.5z'/%3E%3Cpath fill='%23768c3a' d='M129.2 0v7.5L200 78.2v-15L136.7 0z'/%3E%3Cpath fill='%23B6CC76' d='M200 27.8v.1L172.1 0h-35.4L200 63.2z'/%3E%3Cpath fill='%2396ac58' d='M63.2 0L0 63.2v15L70.7 7.5V0z'/%3E%3Cpath fill='%23B6CC76' d='M0 63.2L63.2 0H27.8L0 27.8z'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}
/*# sourceMappingURL=main.48cbe79f.chunk.css.map */