body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-container{padding:20px;text-align:center}.game-start-screen,.name-input-screen{justify-content:center;min-height:400px}.game-start-screen,.name-input-screen,.start-game-container{align-items:center;display:flex;flex-direction:column;gap:20px}.start-game-container{max-width:400px;text-align:center;width:100%}.start-game-container h3{color:#333;font-size:24px;margin:0}.start-game-container p{color:#666;font-size:16px;margin:0}.start-snake-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;min-width:200px;padding:15px 30px;transition:all .3s}.start-snake-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.name-input-screen h2{color:#333;margin-bottom:20px}.name-input-container{align-items:center;display:flex;flex-direction:column;gap:15px;max-width:300px;width:100%}.name-input{border:2px solid #ddd;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:border-color .3s;width:100%}.name-input:focus{border-color:#4caf50}.start-game-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;min-width:120px;padding:12px 24px;transition:background-color .3s}.start-game-btn:hover:not(:disabled){background:#45a049}.start-game-btn:disabled{background:#ccc;cursor:not-allowed}.player-info{color:#666;font-size:14px;margin:5px 0 15px}.game-section{align-items:center;display:flex;flex-direction:column;margin-top:20px}.board{display:inline-block;margin-top:20px}.row{display:flex}.cell{border:1px solid #ddd;height:30px;width:30px}.snake{background-color:green}.food{background-color:red}.controls,.game-over{margin-top:20px}.controls{align-items:center;display:flex;flex-direction:column}.controls button{cursor:pointer;font-size:24px;margin:5px;padding:10px 15px;transition:opacity .3s}.controls button.disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.game-layout{flex-direction:column;gap:20px}.leaderboard-section{max-width:100%}.cell{height:25px;width:25px}.score-entry{font-size:14px;grid-template-columns:25px 1fr 50px 50px}.name-input-container{max-width:250px}}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{animation:slideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.popup-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.popup-header h2{color:#333;font-size:28px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;padding:5px;transition:all .3s;width:40px}.close-btn:hover{background:#f0f0f0;color:#333}.game-result{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:20px;text-align:center}.final-score{color:#2c5aa0;font-size:24px;margin:0 0 10px}.player-name{color:#666;font-size:16px;margin:0 0 15px}.new-record{animation:pulse 1s infinite;color:#ff6b6b;font-size:18px;font-weight:700;margin:10px 0 0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.leaderboard-section{margin-bottom:25px}.leaderboard-section h3{color:#333;font-size:20px;margin:0 0 15px;text-align:center}.no-scores{color:#666;font-style:italic;margin:0;padding:20px;text-align:center}.scores-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.score-entry{grid-gap:10px;align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;gap:10px;grid-template-columns:40px 1fr 70px 80px;padding:12px 15px;transition:transform .2s}.score-entry:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.score-entry.current-player{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-color:#4caf50}.score-entry:first-child{background:linear-gradient(135deg,gold,#ffed4e);font-weight:700}.score-entry:nth-child(2){background:linear-gradient(135deg,silver,#e0e0e0);font-weight:700}.score-entry:nth-child(3){background:linear-gradient(135deg,#cd7f32,#daa520);font-weight:700}.rank{color:#333;text-align:center}.player-name,.rank{font-size:14px;font-weight:700}.player-name{color:#2c5aa0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-value{color:#2c5aa0;font-size:14px;font-weight:700;text-align:center}.score-date{color:#666;font-size:12px;text-align:center}.popup-actions{border-top:2px solid #f0f0f0;padding-top:20px;text-align:center}.restart-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;min-width:200px;padding:15px 30px;transition:all .3s}.restart-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.popup-content{margin:20px;max-height:90vh;padding:20px}.popup-header h2{font-size:24px}.final-score{font-size:20px}.score-entry{font-size:13px;grid-template-columns:35px 1fr 60px 70px;padding:10px 12px}.restart-btn{font-size:16px;min-width:180px;padding:12px 24px}}.wallet-connect{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;min-height:400px;text-align:center}.connect-header h2{color:#333;font-size:28px;margin:0 0 15px}.connect-header p{color:#666;font-size:16px;margin:0;max-width:400px}.wallet-options{flex-direction:column;gap:25px;max-width:400px;width:100%}.connect-btn,.wallet-options{align-items:center;display:flex}.connect-btn{background:linear-gradient(135deg,#f7931e,#ff6b35);border:none;border-radius:12px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;gap:10px;justify-content:center;min-width:250px;padding:15px 30px;transition:all .3s}.connect-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.connect-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.metamask-icon{font-size:20px}.supported-networks{background:#f8f9fa;border-radius:10px;padding:20px;width:100%}.supported-networks h4{color:#333;font-size:16px;margin:0 0 15px}.network-list{display:flex;flex-direction:column;gap:8px}.network-item{color:#666;font-size:14px;padding:5px 0}.wallet-connected{align-items:center;background:#f8f9fa;border-radius:15px;gap:20px;max-width:400px;padding:20px}.wallet-connected,.wallet-info{display:flex;flex-direction:column;width:100%}.wallet-info{gap:15px}.wallet-address{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:12px 16px}.wallet-address .label{color:#666;font-size:14px}.wallet-address .address{color:#2c5aa0;font-family:Courier New,monospace;font-size:14px;font-weight:700}.network-info{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:12px 16px}.network-info .network{color:#666;font-size:14px}.switch-network-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.switch-network-btn:hover{background:#45a049}.disconnect-btn{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s;width:100%}.disconnect-btn:hover{background:#ff5252}@media (max-width:768px){.wallet-connect{padding:20px}.connect-header h2{font-size:24px}.connect-btn{font-size:16px;min-width:200px;padding:12px 24px}.wallet-connected{margin:20px}}
/*# sourceMappingURL=main.68256a24.css.map*/