:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{width:100%;margin:0;padding:0;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}.game-container[data-v-442cb7a6]{color:#fff;flex-direction:row;justify-content:center;align-items:flex-start;gap:30px;width:100%;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.left-section[data-v-442cb7a6],.game-area[data-v-442cb7a6]{flex-direction:column;align-items:center;display:flex}.score-board[data-v-442cb7a6]{background:#ffffff1a;border-radius:15px;justify-content:center;gap:30px;width:100%;margin-bottom:25px;padding:15px 30px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 15px #0000004d}.score-item[data-v-442cb7a6]{align-items:center;gap:10px;display:flex}.score-value[data-v-442cb7a6]{color:#42b883;font-family:Courier New,Courier,monospace}.game-instructions[data-v-442cb7a6]{background:#ffffff0d;border-left:4px solid #42b883;border-radius:12px;width:100%;max-width:none;margin-bottom:0;padding:20px 30px;box-shadow:0 4px 15px #0000004d}.instructions-title[data-v-442cb7a6]{color:#42b883;margin:0 0 12px;font-size:18px;font-weight:700}.instructions-list[data-v-442cb7a6]{margin:0;padding-left:20px;list-style:none}.instructions-list li[data-v-442cb7a6]{color:#ddd;margin:8px 0;font-size:15px;line-height:1.5}.instructions-list li[data-v-442cb7a6]:before{content:"▹ ";color:#42b883;margin-right:8px;font-weight:700}.controls-section[data-v-442cb7a6]{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:15px}.controls-label[data-v-442cb7a6]{color:#42b883;margin:0 0 10px;font-size:14px;font-weight:700}.controls-hint-text[data-v-442cb7a6]{color:#ddd;margin:0 0 15px;font-size:15px}.controls-hint-text .key-cap[data-v-442cb7a6]{color:#eee;background:#444;border-bottom:3px solid #222;border-radius:4px;margin:0 2px;padding:2px 8px}.start-btn[data-v-442cb7a6]{cursor:pointer;color:#fff;background-color:#42b883;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #42b88366}.start-btn[data-v-442cb7a6]:hover{background-color:#33a06f;transform:translateY(-2px);box-shadow:0 6px 20px #42b88399}.start-btn[data-v-442cb7a6]:active{transform:translateY(0)}.game-board[data-v-442cb7a6]{background-color:#444;border:8px solid #555;border-radius:8px;grid-template-rows:repeat(21,30px);grid-template-columns:repeat(21,30px);gap:2px;display:grid;box-shadow:0 0 30px #000000b3}.cell[data-v-442cb7a6]{background-color:#222;border-radius:4px;width:30px;height:30px;transition:background-color .2s}.snake-body[data-v-442cb7a6]{box-shadow:none!important;background-color:#42b883!important;border:none!important;border-radius:6px!important}.snake-head[data-v-442cb7a6]{background-color:#35495e!important;border:none!important;border-radius:8px!important;box-shadow:0 0 8px #42b88399!important}.golf-ball[data-v-442cb7a6]{background-color:gold;border-radius:50%;animation:1s infinite pulse-442cb7a6;box-shadow:0 0 10px #ffd700cc}@keyframes pulse-442cb7a6{0%,to{transform:scale(1)}50%{transform:scale(.85)}}.target-zone[data-v-442cb7a6]{background-color:#3498db66;border:2px solid #3498dbcc;box-shadow:inset 0 0 8px #3498db99}.ball-exclusion[data-v-442cb7a6]{background-color:#e74c3c4d;border:2px dashed #e74c3ccc;box-shadow:inset 0 0 8px #e74c3c80}.cell.snake-body[data-v-442cb7a6],.cell.snake-head[data-v-442cb7a6]{z-index:10;position:relative}.cell.snake-body.target-zone[data-v-442cb7a6],.cell.snake-body.ball-exclusion[data-v-442cb7a6],.cell.snake-head.target-zone[data-v-442cb7a6],.cell.snake-head.ball-exclusion[data-v-442cb7a6]{background-color:inherit;box-shadow:inherit;border:none}.controls-hint[data-v-442cb7a6]{display:none}.debug-info[data-v-442cb7a6]{color:gold;background:#ffffff0d;border-left:4px solid gold;border-radius:8px;max-width:600px;margin-top:15px;padding:10px 15px;font-family:Courier New,monospace;font-size:12px}.debug-info p[data-v-442cb7a6]{margin:3px 0}.side-panel[data-v-442cb7a6]{flex-direction:column;gap:25px;min-width:280px;display:flex}.scoreboard-panel[data-v-442cb7a6]{background:#ffffff0d;border-radius:12px;padding:20px 30px;box-shadow:0 4px 15px #0000004d}.scoreboard-title[data-v-442cb7a6]{color:#42b883;text-align:center;margin:0 0 15px;font-size:20px}.scoreboard-table[data-v-442cb7a6]{border-collapse:collapse;width:100%;font-size:16px}.scoreboard-table th[data-v-442cb7a6]{text-align:center;color:#aaa;border-bottom:2px solid #42b883;padding:8px 12px;font-weight:400}.scoreboard-table td[data-v-442cb7a6]{text-align:center;border-bottom:1px solid #ffffff1a;padding:8px 12px}.scoreboard-table tbody tr[data-v-442cb7a6]:hover{background:#ffffff0d}.empty-msg[data-v-442cb7a6]{color:#666;font-style:italic}.best-scores-panel[data-v-442cb7a6]{background:#ffffff0d;border-radius:12px;padding:20px 30px;box-shadow:0 4px 15px #0000004d}.best-scores-title[data-v-442cb7a6]{color:gold;text-align:center;margin:0 0 15px;font-size:20px}.best-scores-table[data-v-442cb7a6]{border-collapse:collapse;width:100%;font-size:16px}.best-scores-table th[data-v-442cb7a6]{text-align:center;color:#aaa;border-bottom:2px solid gold;padding:8px 12px;font-weight:400}.best-scores-table td[data-v-442cb7a6]{text-align:center;border-bottom:1px solid #ffffff1a;padding:8px 12px}.best-scores-table tbody tr[data-v-442cb7a6]:hover{background:#ffffff0d}.modal-overlay[data-v-442cb7a6]{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn-442cb7a6;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn-442cb7a6{0%{opacity:0}to{opacity:1}}.modal-content[data-v-442cb7a6]{text-align:center;background:#2a2a2a;border:2px solid #42b883;border-radius:20px;padding:40px 50px;animation:.3s slideUp-442cb7a6;box-shadow:0 10px 40px #00000080}@keyframes slideUp-442cb7a6{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-title[data-v-442cb7a6]{color:#e74c3c;margin:0 0 25px;font-size:32px}.modal-message[data-v-442cb7a6]{margin-bottom:20px}.reason-text[data-v-442cb7a6]{color:#f39c12;margin:0;font-size:18px}.modal-stats[data-v-442cb7a6]{margin-bottom:30px}.stat-row[data-v-442cb7a6]{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:10px 0;font-size:20px;display:flex}.stat-label[data-v-442cb7a6]{color:#aaa}.stat-value[data-v-442cb7a6]{color:#42b883;font-family:Courier New,Courier,monospace;font-weight:700}.modal-btn[data-v-442cb7a6]{cursor:pointer;color:#fff;background-color:#42b883;border:none;border-radius:30px;padding:14px 50px;font-size:20px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #42b88366}.modal-btn[data-v-442cb7a6]:hover{background-color:#33a06f;transform:translateY(-2px);box-shadow:0 6px 20px #42b88399}.modal-btn[data-v-442cb7a6]:active{transform:translateY(0)}body{background-color:#1a1a1a;margin:0}.app-wrapper{justify-content:center;align-items:center;min-height:100vh;display:flex}