*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f0f0f0;min-height:100vh;color:#333;margin:0;padding:0}#app{text-align:center;width:100%;min-height:100vh}h1{color:#4caf50;margin-bottom:20px;font-size:2rem}.game-container{position:relative;margin:20px auto}.game-board{border:2px solid #333;border-radius:5px;background-color:#f9f9f9}.game-info{display:flex;justify-content:space-between;margin:15px 0;font-size:1.1rem;font-weight:700}.score,.level{background-color:#f0f0f0;padding:8px 16px;border-radius:20px;box-shadow:inset 0 0 5px #0000001a}.controls{margin:20px 0}button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;margin:0 5px;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#45a049}button:active{transform:scale(.98)}button:disabled{background-color:#ccc;cursor:not-allowed}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:30px;border-radius:10px;text-align:center;z-index:10}.game-over h2{font-size:2rem;margin-bottom:20px;color:#ff6b6b}.game-over p{font-size:1.2rem;margin:10px 0}.game-over button{margin-top:20px;background-color:#4caf50}.game-over button:hover{background-color:#45a049}@media (max-width: 480px){#app{padding:10px}h1{font-size:1.5rem}.game-info{font-size:.9rem}button{padding:8px 16px;font-size:.9rem}}.app[data-v-e8138316]{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;margin:0;padding:0}[data-v-e8138316] .router-view{width:100%}.navbar[data-v-e8138316]{background:linear-gradient(90deg,#4CAF50 0%,#45a049 100%);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;width:100%;margin:0;padding:0}.navbar-container[data-v-e8138316]{max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px}.navbar-brand[data-v-e8138316]{display:flex;align-items:center;text-decoration:none;color:#fff;font-size:1.2rem;font-weight:700}.snake-icon[data-v-e8138316]{font-size:1.5rem;margin-right:10px}.brand-name[data-v-e8138316]{font-size:1.2rem}.navbar-menu[data-v-e8138316]{display:flex;gap:20px}.navbar-item[data-v-e8138316]{color:#fff;text-decoration:none;padding:8px 16px;border-radius:20px;transition:all .3s ease;font-size:1rem}.navbar-item[data-v-e8138316]:hover{background:rgba(255,255,255,.2)}.navbar-item.active[data-v-e8138316]{background:white;color:#4caf50;font-weight:700}.user-info[data-v-e8138316]{color:#fff;padding:8px 16px;font-weight:500}.btn-logout[data-v-e8138316]{background:rgba(255,255,255,.2);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-logout[data-v-e8138316]:hover{background:rgba(255,255,255,.3)}@media (max-width: 768px){.navbar-container[data-v-e8138316]{padding:0 10px}.brand-name[data-v-e8138316]{font-size:1rem}.navbar-menu[data-v-e8138316]{gap:10px}.navbar-item[data-v-e8138316]{padding:6px 12px;font-size:.9rem}.new-record-banner[data-v-e8138316]{font-size:.9rem;padding:8px 16px}}.new-record-banner[data-v-e8138316]{background:linear-gradient(90deg,#4CAF50 0%,#45a049 100%);color:#fff;text-align:center;padding:12px 24px;font-size:1.1rem;font-weight:700;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:101;animation:slideDown-e8138316 .5s ease-out}@keyframes slideDown-e8138316{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}