*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#2a2a4e,#1a2a4e);color:#eee;overflow:hidden;width:100vw;height:100vh}#mainMenu{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#bdc3ff;z-index:100}.menu-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.menu-container{max-width:500px;width:90%;padding:80px 40px 50px;text-align:center;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 50px #0000001a;animation:slideIn .8s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:20px}.game-logo{max-width:200px;width:100%;height:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.game-subtitle{font-size:14px;color:#1a1a2e;margin-bottom:40px;letter-spacing:2px;text-transform:uppercase;font-weight:700;opacity:.8}.menu-content{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.input-group{display:flex;flex-direction:column;gap:8px;text-align:left}.input-group label{font-size:14px;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:1px}.input-group input{padding:12px 16px;font-size:16px;font-family:Inter,sans-serif;background:#0000000d;border:2px solid rgba(0,0,0,.08);border-radius:12px;color:#1a1a2e;transition:all .3s ease}.input-group input:focus{outline:none;border-color:#ff6b9d;background:#ffffff80;box-shadow:0 0 20px #ff6b9d33}.btn{padding:18px 40px;font-size:20px;font-weight:700;font-family:Inter,sans-serif;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;box-shadow:0 10px 30px #ff6b9d66}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b9d99}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 5px 20px #0003}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:disabled:hover{transform:none}.btn-small{padding:8px 16px;font-size:12px}.wallet-section{padding:20px;background:#0000001a;border-radius:12px;margin-bottom:10px}.wallet-label{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:12px}.chain-select{width:100%;padding:12px 16px;font-size:16px;font-family:Inter,sans-serif;background:#ffffff4d;border:2px solid rgba(0,0,0,.1);border-radius:10px;color:#1a1a2e;cursor:pointer;margin-bottom:12px}.chain-select:focus{outline:none;border-color:#ff6b9d}.btn-wallet{width:100%;padding:14px;font-size:16px;background:linear-gradient(135deg,#4ecdc4,#26a69a);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-wallet:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc466}.wallet-address{font-size:14px;font-weight:600;color:#1a1a2e;font-family:monospace;background:#ffffff4d;padding:8px 12px;border-radius:8px;margin-bottom:8px}.wallet-chain{font-size:12px;color:#4ecdc4;font-weight:700;text-transform:uppercase;margin-bottom:8px}.wallet-status{font-size:13px;color:#1a1a2e;margin-bottom:12px}.wallet-status.success{color:#4ecdc4}.wallet-status.error{color:#ff6b9d}.menu-footer{padding:20px;background:#0000000d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-footer p{font-size:14px;color:#1a1a2e;font-weight:500;line-height:1.6}.lobby-content{min-height:300px;display:flex;flex-direction:column;gap:30px}.player-list{display:flex;flex-direction:column;gap:12px}.player-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#ffffff1a;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.player-color{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.player-name{font-size:18px;font-weight:600}.lobby-status{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#ff6b9d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-content{display:flex;flex-direction:column;gap:20px;padding:30px}#gameCanvas,#uiCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;cursor:crosshair}#gameCanvas{background:#000;z-index:1}#uiCanvas{z-index:2;background:transparent}@media(max-width:768px){.game-title{font-size:48px}.game-subtitle{font-size:14px}.btn{padding:14px 30px;font-size:16px}.menu-container{width:95%}}@media(max-height:500px)and (orientation:landscape){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.menu-container{padding:20px 30px;max-width:600px;max-height:90vh;overflow-y:auto}.logo-container{margin-bottom:10px}.game-logo{max-width:120px}.game-subtitle{margin-bottom:15px;font-size:12px}.menu-content{gap:10px;margin-bottom:15px}.btn{padding:10px 20px;font-size:14px}.menu-footer{padding:10px}.menu-footer p{font-size:11px}#gameCanvas,#uiCanvas{width:100vw!important;height:100vh!important;min-width:100vw;min-height:100vh}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}