.user-display{background:linear-gradient(135deg,#0f3460,#16213e);border:3px solid #64c8ff;border-radius:12px;padding:15px;font-family:"Press Start 2P",monospace;box-shadow:0 0 20px #64c8ff4d,0 5px 15px #00000080;min-width:300px}.user-display.guest-mode{border-color:#ffd60a;box-shadow:0 0 20px #ffd60a4d,0 5px 15px #00000080}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(100,200,255,.3)}.guest-mode .user-info{border-bottom-color:#ffd60a4d}.user-avatar{font-size:2.5em;line-height:1}.user-details{flex:1}.user-name{font-size:.9em;color:#64c8ff;margin-bottom:6px;display:flex;align-items:center;gap:8px}.guest-mode .user-name{color:#ffd60a}.guest-badge{font-size:.6em;background:#ffd60a33;border:1px solid #ffd60a;padding:2px 6px;border-radius:4px;color:#ffd60a}.user-coins{font-size:.7em;color:#fff}.guest-hint{background:#ffd60a1a;border:2px solid rgba(255,214,10,.3);border-radius:8px;padding:12px;margin-top:10px}.hint-icon{font-size:1.5em;text-align:center;margin-bottom:8px}.hint-text{font-size:.55em;line-height:1.6;color:#ffd60a;margin-bottom:12px}.hint-text strong{display:block;margin-bottom:6px;color:#fff}.hint-text p{margin:0;color:#aaa}.btn-hint{width:100%;padding:10px;font-family:"Press Start 2P",monospace;font-size:.6em;background:linear-gradient(135deg,#ffd60a,#e85d04);color:#1a1a2e;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #ffd60a66}.btn-hint:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ffd60a99}.user-actions{margin-top:10px;display:flex;justify-content:flex-end}.btn-small{padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:.55em;border:2px solid #64c8ff;background:#2c3e50;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-small:hover{background:#34495e;transform:translateY(-2px);box-shadow:0 4px 10px #64c8ff66}.login-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .3s ease-out}.user-display.loading{text-align:center;font-size:.7em;color:#64c8ff;padding:20px}@media (max-width: 768px){.user-display{min-width:250px;padding:12px}.user-avatar{font-size:2em}.user-name{font-size:.75em}.user-coins{font-size:.65em}.hint-text{font-size:.5em}.btn-hint{font-size:.55em}}@keyframes coinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);color:#ffd60a}}.user-coins.changed{animation:coinPulse .5s ease-out}.user-login-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:"Press Start 2P",monospace}.user-login-card{background:#0f3460;border:4px solid #ffd60a;border-radius:15px;padding:40px;max-width:500px;width:90%;box-shadow:0 0 30px #ffd60a4d,0 10px 50px #00000080;animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.login-header{text-align:center;margin-bottom:30px;border-bottom:3px solid #ffd60a;padding-bottom:20px}.login-title{font-size:2em;color:#ffd60a;margin:0 0 10px;text-shadow:2px 2px 0 #e85d04,4px 4px 10px rgba(232,93,4,.5)}.login-subtitle{font-size:.7em;color:#64c8ff;margin:0}.login-form{animation:fadeIn .3s ease-out}.login-form.hidden{display:none}.login-form h2{font-size:1.2em;color:#ffd60a;margin:0 0 20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.7em;color:#64c8ff;margin-bottom:8px}.form-group small{display:block;font-size:.5em;color:#888;margin-top:5px}.form-group input{width:100%;padding:12px;font-family:"Press Start 2P",monospace;font-size:.8em;background:#1a1a2e;color:#fff;border:2px solid #64c8ff;border-radius:5px;box-sizing:border-box;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#ffd60a;box-shadow:0 0 10px #ffd60a80}.form-group input::placeholder{color:#666}.btn-primary{width:100%;padding:15px;font-family:"Press Start 2P",monospace;font-size:.8em;background:linear-gradient(135deg,#ffd60a,#e85d04);color:#1a1a2e;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd60a66;margin-top:10px}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px #ffd60a66}.form-switch{text-align:center;font-size:.6em;color:#888;margin-top:20px}.form-switch a{color:#64c8ff;text-decoration:none;transition:color .3s ease}.form-switch a:hover{color:#ffd60a}.login-message{margin-top:20px;padding:15px;border-radius:8px;font-size:.6em;text-align:center;animation:messageSlide .3s ease-out}.login-message.hidden{display:none}.login-message.success{background:#0f03;border:2px solid #00ff00;color:#0f0}.login-message.error{background:#f003;border:2px solid #ff0000;color:red}.login-message.info{background:#64c8ff33;border:2px solid #64c8ff;color:#64c8ff}@keyframes messageSlide{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.login-info{margin-top:25px;padding:15px;background:#0000004d;border:2px solid rgba(255,214,10,.3);border-radius:8px;font-size:.55em;line-height:1.8}.login-info p{margin:8px 0;color:#aaa}.login-info strong{color:#ffd60a}@media (max-width: 768px){.user-login-card{padding:25px;width:95%}.login-title{font-size:1.5em}.login-subtitle{font-size:.6em}.login-form h2{font-size:1em}.form-group input,.btn-primary{font-size:.7em}}@media (prefers-reduced-motion: reduce){.user-login-card,.login-form,.login-message{animation:none}.btn-primary:hover{transform:none}}.arcade-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.arcade-modal-card{background:linear-gradient(135deg,#0f3460,#16213e);border:4px solid #ffd60a;border-radius:15px;padding:0;max-width:500px;width:90%;box-shadow:0 0 30px #ffd60a80,0 10px 50px #000000b3;animation:slideIn .4s ease-out;font-family:"Press Start 2P",monospace}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.arcade-modal-header{background:linear-gradient(135deg,#ffd60a,#e85d04);padding:20px;border-radius:11px 11px 0 0;text-align:center}.arcade-modal-header h2{margin:0;font-size:1.2em;color:#1a1a2e;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.arcade-modal-content{padding:30px;text-align:center;color:#fff}.arcade-modal-emoji{font-size:4em;margin:0 0 20px}.arcade-modal-content p{font-size:.7em;line-height:1.8;margin:15px 0}.arcade-modal-content strong{color:#ffd60a}.arcade-modal-info{background:#64c8ff1a;border:2px solid rgba(100,200,255,.3);border-radius:8px;padding:15px;margin-top:20px!important;color:#64c8ff}.arcade-modal-actions{display:flex;gap:15px;padding:20px 30px 30px}.arcade-modal-actions button{flex:1;padding:15px;font-family:"Press Start 2P",monospace;font-size:.7em;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#ffd60a,#e85d04);color:#1a1a2e;box-shadow:0 4px 15px #ffd60a66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd60a99}.btn-secondary{background:#2c3e50;color:#fff;border:2px solid #64c8ff;box-shadow:0 4px 15px #64c8ff33}.btn-secondary:hover{background:#34495e;transform:translateY(-2px);box-shadow:0 6px 20px #64c8ff66}.arcade-coin-display{position:fixed;top:20px;right:20px;z-index:1000}.coin-display-inner{background:linear-gradient(135deg,#0f3460,#16213e);border:3px solid #ffd60a;border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 0 20px #ffd60a4d,0 5px 15px #00000080;font-family:"Press Start 2P",monospace}.coin-emoji{font-size:1.8em;animation:coinBounce 2s ease-in-out infinite}@keyframes coinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.coin-count{font-size:1.5em;color:#ffd60a;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.coin-label{font-size:.6em;color:#64c8ff}@media (max-width: 768px){.arcade-modal-card{width:95%}.arcade-modal-header h2{font-size:1em}.arcade-modal-content p{font-size:.6em}.arcade-modal-actions{flex-direction:column}.arcade-coin-display{top:10px;right:10px}.coin-display-inner{padding:8px 12px;gap:6px}.coin-emoji{font-size:1.2em}.coin-count{font-size:1em}.coin-label{font-size:.5em}}