#snake-wrapper{position:relative;display:inline-block;width:100%;max-width:800px}
#snake-canvas{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 4px 32px rgba(0,0,0,0.5);cursor:default}
#snake-name-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:88.89%;align-items:center;justify-content:center;pointer-events:all}
.snake-name-box{background:rgba(15,23,42,0.97);border:1px solid #334155;border-radius:12px;padding:24px 32px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,0.6)}
.snake-name-box p{color:#f1f5f9;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(13px,2vw,17px);margin:0 0 14px 0}
.snake-name-box input{background:#1e293b;color:#f1f5f9;border:1px solid #22c55e;border-radius:6px;padding:8px 14px;font-size:clamp(13px,2vw,16px);font-family:"Segoe UI",Arial,sans-serif;width:180px;outline:none;display:block;margin:0 auto 14px}
.snake-name-box button{background:#22c55e;color:#0f172a;border:none;border-radius:6px;padding:8px 28px;font-size:clamp(13px,2vw,15px);font-family:"Segoe UI",Arial,sans-serif;font-weight:bold;cursor:pointer}
.snake-name-box button:hover{background:#86efac}