body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#141e30,#243b55);color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}#accueil{text-align:center;background-color:#ffffff0f;padding:40px;border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 30px #00000040;width:350px;display:flex;flex-direction:column;align-items:center;animation:fadeIn .6s ease}h1{font-size:2.3rem;margin-bottom:20px;font-family:"Press Start 2P",cursive;letter-spacing:2px;color:#00eaff;text-shadow:0 0 6px rgba(0,255,255,.4)}.description{font-size:1.1rem;margin-bottom:30px;color:#d3e7ff}#input-container input{padding:12px;font-size:1.1rem;border-radius:8px;border:none;width:250px;margin-bottom:20px;outline:none;background-color:#fff;box-shadow:0 4px 10px #00000026;color:#333}#game-buttons{margin-top:20px;width:100%}#game-buttons button{padding:12px;font-size:1.2rem;font-weight:600;border:none;background:linear-gradient(to right,#00c6ff,#0072ff);color:#fff;border-radius:1.5rem;cursor:pointer;margin:10px 0;width:100%;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}#game-buttons button:hover{background:linear-gradient(to right,#0072ff,#00c6ff);transform:scale(1.05)}#avatar-selection{margin-top:30px}.avatar-wrapper{display:flex;justify-content:center;align-items:center}#avatar-img{width:100px;height:100px;border-radius:50%;object-fit:cover;box-shadow:0 0 12px #00eaff;margin:0 20px}.arrow{background:none;color:#fff;font-size:2rem;cursor:pointer;padding:0 10px}.arrow:hover{color:#00eaff}.toast{visibility:hidden;min-width:200px;background-color:#323232;color:#fff;text-align:center;border-radius:10px;padding:12px;position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:9999;font-size:16px;box-shadow:0 4px 12px #0003;opacity:0;transition:opacity .5s ease,visibility .5s}.toast.show{visibility:visible;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){#accueil{width:80%;padding:30px}h1{font-size:2rem}.description{font-size:1rem;margin-bottom:25px}#input-container input{width:100%;font-size:1rem}#game-buttons button{font-size:1.1rem}#avatar-img{width:80px;height:80px}.arrow{font-size:1.8rem}}@media (max-width: 480px){body{height:auto;overflow:auto;padding:20px 0}#accueil{width:90%;padding:20px;border-radius:15px;margin:10px}h1{font-size:1.8rem;letter-spacing:1px}.description{font-size:.9rem;margin-bottom:20px}#input-container input{padding:10px}#game-buttons button{font-size:1rem;padding:10px}#avatar-img{width:70px;height:70px;margin:0 15px}.arrow{font-size:1.5rem}.toast{bottom:20px;padding:10px;font-size:14px;width:80%}}