@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap";#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e8e0d4}#ui-overlay>*{pointer-events:auto}#connect-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0000008c,#000c);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.connect-content{display:flex;flex-direction:column;align-items:center;gap:12px}.connect-logo-img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(139,92,246,.4)) drop-shadow(0 4px 12px rgba(0,0,0,.6));animation:logoFloat 3s ease-in-out infinite;margin-bottom:4px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.connect-logo{font-size:42px;font-weight:900;letter-spacing:8px;color:#f0e6d2;text-shadow:0 0 40px rgba(139,92,246,.3),0 4px 12px rgba(0,0,0,.5);text-align:center;line-height:1}.connect-tagline{font-size:15px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#8b5cf6d9;margin-bottom:8px}.connect-features{display:flex;gap:24px;margin-bottom:28px}.connect-feature{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ffffff80;letter-spacing:1px;text-transform:uppercase}.feature-icon{font-size:14px;color:#8b5cf6b3}.connect-subtitle{font-size:16px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#8b5cf6;margin-bottom:32px}.connect-btn{padding:16px 48px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #7c3aed66}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #7c3aed99}.connect-btn:active{transform:translateY(0)}.connect-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spectate-btn{padding:10px 32px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#888;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:color .15s,border-color .15s;margin-top:8px}.spectate-btn:hover{color:#ccc;border-color:#ffffff40}.guest-btn{padding:12px 40px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#aaa;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.guest-btn:hover{color:#fff;background:#ffffff1f}.connect-status{font-size:13px;color:#999;text-align:center;max-width:280px}.connect-footer{position:absolute;bottom:24px;font-size:12px;color:#666;letter-spacing:1.5px;text-transform:uppercase}#nickname-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px}.nickname-title{font-size:24px;font-weight:700;color:#f0e6d2;margin-bottom:8px}.nickname-input{width:280px;padding:14px 20px;font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#f0e6d2;background:#ffffff0f;border:2px solid rgba(139,92,246,.3);border-radius:8px;outline:none;text-align:center;transition:border-color .2s,box-shadow .2s}.nickname-input:focus{border-color:#7c3aed;box-shadow:0 0 20px #7c3aed4d}.nickname-input::placeholder{color:#555}.nickname-btn{padding:14px 40px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #7c3aed66}.nickname-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #7c3aed99}.nickname-btn:active{transform:translateY(0)}#hud{display:none;position:absolute;top:0;left:0;width:100%;height:calc(100% - 56px);pointer-events:none}#hud>*{pointer-events:auto}.hud-player-info{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:10px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.hud-avatar{width:32px;height:32px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.hud-name{font-size:14px;font-weight:700;color:#f0e6d2}.hud-level{font-size:11px;font-weight:600;color:#8b5cf6}.hud-xp-bar{width:80px;height:4px;background:#ffffff14;border-radius:2px;margin-top:3px;overflow:hidden}.hud-xp-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:2px;width:0%;transition:width .3s}.hud-zone-name{position:absolute;top:16px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:#ffffff4d;letter-spacing:2px;text-transform:uppercase;pointer-events:none}.hud-online{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:600;color:#a0a0a0}.hud-online-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e99}.hud-chat{position:absolute;bottom:16px;left:16px;width:320px;display:flex;flex-direction:column;gap:4px}.hud-chat-messages{max-height:120px;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:8px;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px 8px 0 0;border:1px solid rgba(255,255,255,.05);border-bottom:none}.hud-chat-msg{font-size:12px;color:#c0b8a8;line-height:1.4}.hud-chat-msg .chat-name{font-weight:700;color:#8b5cf6}.hud-chat-input-wrap{display:flex;background:#00000080;border-radius:0 0 8px 8px;border:1px solid rgba(255,255,255,.08);border-top:none;overflow:hidden}.hud-chat-input{flex:1;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;color:#e8e0d4;background:transparent;border:none;outline:none}.hud-chat-input::placeholder{color:#555}.hud-coords{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#ffffff40;font-family:monospace;pointer-events:none}.hud-minimap{position:absolute;top:56px;right:16px;width:120px;height:120px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.hud-minimap-canvas{width:120px;height:120px;display:block}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:56px;background:#0a0a14e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(139,92,246,.15);display:flex;align-items:center;justify-content:flex-end;padding:0 16px;z-index:20;font-family:Inter,sans-serif}.bottom-bar-tabs{display:flex;gap:4px;position:absolute;left:50%;transform:translate(-50%)}.bottom-bar-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s;color:#888}.bottom-bar-tab:hover{background:#ffffff0f;color:#ccc}.bottom-bar-tab:active{background:#8b5cf626}.tab-icon{width:20px;height:20px;display:block}.tab-label{font-size:10px;font-weight:600;letter-spacing:.5px}.bottom-bar-balance{font-size:14px;font-weight:700;color:gold;letter-spacing:.5px}.player-label{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 8px;border-radius:4px;text-align:center;white-space:nowrap;font-family:Inter,sans-serif;pointer-events:none}.label-name{font-size:11px;font-weight:700;color:#fff}.label-level{font-size:9px;font-weight:600;color:#8b5cf6;margin-left:4px}.npc-label{background:#0006}.npc-label .label-name{color:#aaa;font-weight:600}.interaction-prompt{background:#7c3aedcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 12px;border-radius:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;pointer-events:none;letter-spacing:.5px}.panel-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#888;cursor:pointer;z-index:10;transition:color .15s,background .15s}.panel-close-btn:hover{color:#fff;background:#ffffff1f}.npc-tag{font-size:9px;font-weight:700;color:gold;margin-right:4px;letter-spacing:.5px}.npc-interactable-name{color:gold!important}.npc-interact-prompt{background:#ffd700e6;color:#1a1a10;padding:3px 10px;border-radius:4px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;letter-spacing:.5px;animation:promptPulse 1.5s ease-in-out infinite}@keyframes promptPulse{0%,to{opacity:1}50%{opacity:.7}}.npc-dialogue-overlay{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:6px;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 28px;border-radius:10px;border:1px solid rgba(255,215,0,.2);max-width:400px;min-width:260px;text-align:center;font-family:Inter,sans-serif;z-index:25;animation:dialogueFadeIn .2s ease-out;pointer-events:auto}@keyframes dialogueFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.npc-dialogue-name{font-size:13px;font-weight:700;color:gold;letter-spacing:1px;text-transform:uppercase}.npc-dialogue-text{font-size:14px;font-weight:500;color:#e8e0d4;line-height:1.5}.npc-dialogue-hint{font-size:10px;font-weight:600;color:#666;letter-spacing:.5px;margin-top:4px}.casino-memecoins-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px;font-family:monospace;font-size:13px;color:#ccc}.casino-memecoins-table{width:100%;display:flex;flex-direction:column;gap:2px}.casino-memecoins-row{display:flex;align-items:center;padding:6px 4px;border-radius:4px;font-size:12px}.casino-memecoins-row:hover:not(.casino-memecoins-row-header){background:#ffffff08}.casino-memecoins-row-header{color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:6px}.mc-buy-btn,.mc-sell-btn{padding:4px 10px;border:none;border-radius:4px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;cursor:pointer;letter-spacing:.5px}.mc-buy-btn{background:#4ade8033;color:#4ade80}.mc-buy-btn:hover:not(:disabled){background:#4ade8059}.mc-sell-btn{background:#ef444433;color:#ef4444}.mc-sell-btn:hover:not(:disabled){background:#ef444459}.mc-buy-btn:disabled,.mc-sell-btn:disabled{opacity:.3;cursor:not-allowed}.casino-memecoins-input-row{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.casino-memecoins-input{width:80px;padding:4px 8px;font-family:monospace;font-size:13px;color:#e8e0d4;background:#0000004d;border:1px solid rgba(139,92,246,.3);border-radius:4px;outline:none;text-align:center}.casino-memecoins-input:focus{border-color:#7c3aed}.building-label{font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.8);letter-spacing:2px;pointer-events:none;white-space:nowrap}.hud-hp-bar{width:80px;height:6px;background:#ffffff14;border-radius:3px;margin-top:2px;overflow:hidden;position:relative}.hud-hp-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f87171);border-radius:3px;width:100%;transition:width .3s}.hud-hp-text{position:absolute;top:-1px;right:-40px;font-size:9px;font-weight:600;color:#ef4444;white-space:nowrap}.enemy-label{font-family:Inter,sans-serif;font-size:10px;font-weight:600;color:#ef4444;background:#00000080;padding:1px 6px;border-radius:3px;pointer-events:none;white-space:nowrap}.portal-label{font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#a78bfa;text-shadow:0 0 8px rgba(139,92,246,.6),0 2px 4px rgba(0,0,0,.8);letter-spacing:1px;pointer-events:none;white-space:nowrap}.death-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#c800004d;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none;animation:deathFlash .3s ease-out}.death-text{font-family:Inter,sans-serif;font-size:48px;font-weight:900;color:#ef4444;text-shadow:0 0 40px rgba(239,68,68,.8),0 4px 12px rgba(0,0,0,.8);letter-spacing:8px}@keyframes deathFlash{0%{background:#f009}to{background:#c800004d}}.floating-text{position:fixed;transform:translate(-50%);font-family:Inter,sans-serif;font-size:16px;font-weight:700;pointer-events:none;z-index:50;animation:floatUp 1.2s ease-out forwards;text-shadow:0 2px 4px rgba(0,0,0,.8)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-60px)}}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#8b5cf6;cursor:pointer;box-shadow:0 0 6px #8b5cf680;transition:transform .1s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#8b5cf6;cursor:pointer;border:none;box-shadow:0 0 6px #8b5cf680}.settings-slider::-moz-range-track{height:4px;background:#ffffff1a;border-radius:2px}.loading-screen{font-family:Inter,sans-serif}