@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";:root{--font-main:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-water:#e0f2fe;--bg-water-sun:#cffafe;--cyan-primary:#06b6d4;--cyan-light:#38bdf8;--cyan-glow:#67e8f9;--turquoise:#14b8a6;--sea-blue:#0284c7;--marine-ink:#0c4a6e;--marine-slate:#1e293b;--marine-muted:#475569;--glass-surface:#ffffffad;--glass-surface-hover:#ffffffd9;--glass-specular:#fffffff2;--glass-border:#ffffffb3;--glass-border-subtle:#ffffff73;--glass-blur:blur(28px) saturate(180%);--glass-shadow:0 18px 45px -10px #06b6d429, 0 8px 24px -6px #0f172a0f;--glass-shadow-hover:0 24px 60px -8px #06b6d447, 0 12px 30px -4px #0f172a1a;--glass-glow-subtle:0 0 35px #38bdf840;--liquid-radius-sm:18px;--liquid-radius-md:28px;--liquid-radius-lg:38px;--liquid-radius-pill:9999px;--liquid-radius-organic:42px 28px 42px 28px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:var(--font-main);color:var(--marine-slate);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#dbeafe 0%,#e0f2fe 30%,#ecfeff 70%,#f0fdf4 100%);overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e0f2fe99}::-webkit-scrollbar-thumb{background:#06b6d459;border:2px solid #fff9;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#06b6d4a6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.liquid-glass-pill{background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--liquid-radius-pill);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.liquid-glass-pill:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff73 0%,#fff0 100%);height:45%;position:absolute;top:0;left:0;right:0}.liquid-glass-pill:hover{background:var(--glass-surface-hover);box-shadow:var(--glass-shadow-hover);border-color:#fffffff2;transform:translateY(-2px)}.liquid-surface{background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--liquid-radius-lg);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.liquid-surface:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff59 0%,#fff0 100%);height:50%;position:absolute;top:0;left:0;right:0}.liquid-surface-organic{border-radius:var(--liquid-radius-organic)}@keyframes waterBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.4deg)}}@keyframes waterFloatSlow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.02)}}@keyframes portalSwirl{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.06)}to{transform:rotate(360deg)scale(1)}}@keyframes portalPulse{0%,to{filter:hue-rotate();box-shadow:0 0 40px #06b6d459,inset 0 0 35px #38bdf873}50%{filter:hue-rotate(25deg);box-shadow:0 0 65px #14b8a68c,inset 0 0 50px #06b6d4a6}}@keyframes causticShimmer{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(100vh)translate(0)scale(.6)}20%{opacity:.6}80%{opacity:.7}to{opacity:0;transform:translateY(-10vh)translate(30px)scale(1.1)}}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.hero-viewport-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:120px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-underwater-backdrop{object-fit:cover;object-position:center 25%;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-localized-vignette{pointer-events:none;z-index:1;background:radial-gradient(circle,#e0f2fe33 0%,#0e749026 60%,#0284c74d 100%);position:absolute;inset:0}.hero-content-wrapper{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:1100px;display:flex;position:relative}.hero-logo-floating{filter:drop-shadow(0 16px 30px #0284c759);width:85%;max-width:440px;height:auto;transition:transform .4s;animation:6s ease-in-out infinite waterBob}.hero-logo-floating:hover{transform:scale(1.04)translateY(-4px)}.minecraft-liquid-portal{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0891b2d9,#0d9488e6);border:2px solid #ffffffd9;border-radius:47px;justify-content:center;align-items:center;width:320px;height:94px;transition:all .35s cubic-bezier(.16,1,.3,1);animation:4s ease-in-out infinite portalPulse;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #06b6d466,inset 0 0 25px #fff6}.minecraft-liquid-portal:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 22px 55px #06b6d499,inset 0 0 35px #ffffffa6}.portal-vortex-bg{pointer-events:none;background:radial-gradient(circle,#67e8f9a6 0%,#06b6d44d 40%,#0000 70%);width:200%;height:200%;animation:12s linear infinite portalSwirl;position:absolute;inset:-50%}.portal-runes{pointer-events:none;border:1px dashed #ffffff8c;border-radius:43px;position:absolute;inset:4px}.portal-inner-content{z-index:3;color:#fff;text-shadow:0 2px 10px #0c4a6e99;align-items:center;gap:14px;display:flex;position:relative}.portal-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:1.15rem;font-weight:800}.portal-subtitle{opacity:.92;letter-spacing:.04em;font-size:.78rem;font-weight:600;font-family:var(--font-mono)}.floating-navbar-container{z-index:1000;pointer-events:none;justify-content:center;padding:0 clamp(12px,2vw,24px);display:flex;position:fixed;top:16px;left:0;right:0}.floating-navbar-capsule{pointer-events:auto;-webkit-backdrop-filter:blur(32px)saturate(190%);border-radius:var(--liquid-radius-pill);box-sizing:border-box;background:#ffffffc7;border:1px solid #ffffffe6;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:clamp(10px,1.8vw,28px);width:100%;max-width:min(1280px,100vw - 24px);padding:8px clamp(12px,1.5vw,22px);display:flex;box-shadow:0 16px 40px -10px #06b6d438,0 4px 16px #0f172a0d}.nav-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-brand-logo{filter:drop-shadow(0 4px 10px #06b6d44d);width:auto;height:clamp(34px,3.2vw,42px);transition:transform .3s}.nav-brand:hover .nav-brand-logo{transform:rotate(-6deg)scale(1.08)}.nav-brand-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--marine-ink);white-space:nowrap;align-items:center;gap:6px;font-size:clamp(1.05rem,1.2vw,1.25rem);font-weight:800;display:flex}.nav-brand-badge{font-size:.65rem;font-family:var(--font-mono);color:var(--sea-blue);letter-spacing:.05em;background:#06b6d426;border-radius:9999px;padding:2px 7px;font-weight:700}.nav-links-cluster{white-space:nowrap;flex-shrink:1;align-items:center;gap:clamp(2px,.6vw,8px);display:flex}.nav-link-item{border-radius:var(--liquid-radius-pill);letter-spacing:.05em;text-transform:uppercase;color:var(--marine-slate);white-space:nowrap;padding:7px clamp(8px,.9vw,16px);font-size:clamp(.76rem,.82vw,.86rem);font-weight:700;transition:all .25s;position:relative}.nav-link-item:hover{color:var(--sea-blue);background:#ffffffd9}.nav-link-item.active{color:#0369a1;background:#06b6d429;box-shadow:inset 0 1px 3px #06b6d433}.nav-actions-cluster{flex-shrink:0;align-items:center;gap:clamp(6px,.8vw,12px);display:flex}.nav-action-discord{border-radius:var(--liquid-radius-pill);color:#5865f2;white-space:nowrap;background:#5865f21f;border:1px solid #5865f240;align-items:center;gap:6px;padding:7px clamp(10px,1vw,16px);font-size:clamp(.76rem,.82vw,.84rem);font-weight:700;transition:all .25s;display:flex}.nav-action-discord:hover{background:#5865f233;transform:translateY(-1px)}.nav-action-login{border-radius:var(--liquid-radius-pill);color:#fff;background:linear-gradient(135deg, var(--cyan-primary), var(--sea-blue));white-space:nowrap;align-items:center;gap:6px;padding:7px clamp(12px,1.2vw,18px);font-size:clamp(.76rem,.82vw,.84rem);font-weight:800;transition:all .25s;display:flex;box-shadow:0 4px 14px #06b6d459}.nav-action-login:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #06b6d480}.mobile-nav-toggle{border-radius:var(--liquid-radius-pill);width:38px;height:38px;color:var(--marine-ink);cursor:pointer;background:#ffffffd9;border:1px solid #ffffffe6;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-nav-toggle:hover{color:var(--cyan-hover);background:#06b6d426}.map-page-wrapper{background:#1e3a5f;width:100vw;height:100vh;position:relative;overflow:hidden}.map-canvas-container{cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.map-canvas-container:active{cursor:grabbing}.map-floating-player-indicator{z-index:50;-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--liquid-radius-pill);font-family:var(--font-display);letter-spacing:.06em;color:var(--marine-ink);pointer-events:auto;background:#ffffffd1;border:1px solid #ffffffe6;align-items:center;gap:10px;padding:10px 22px;font-size:.88rem;font-weight:800;display:flex;position:absolute;top:96px;left:28px;box-shadow:0 12px 35px #06b6d440,0 4px 12px #0f172a14}.map-indicator-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite glowPulse;box-shadow:0 0 12px #10b981}.map-indicator-dot.offline{background:#f59e0b;box-shadow:0 0 12px #f59e0b}.map-floating-zoom-controls{z-index:50;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--liquid-radius-pill);background:#ffffffd1;border:1px solid #ffffffe6;flex-direction:column;display:flex;position:absolute;bottom:34px;right:28px;overflow:hidden;box-shadow:0 10px 30px #06b6d433}.map-zoom-btn{width:44px;height:44px;color:var(--marine-ink);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:background .2s;display:flex}.map-zoom-btn:hover{background:#06b6d426}.map-zoom-btn:first-child{border-bottom:1px solid #fff9}.minecraft-player-marker{cursor:pointer;z-index:30;flex-direction:column;align-items:center;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.player-marker-name-tag{color:#fff;font-family:var(--font-mono);white-space:nowrap;letter-spacing:.04em;background:#0f172ac7;border:1px solid #fff3;border-radius:6px;margin-bottom:4px;padding:3px 9px;font-size:.72rem;font-weight:600;box-shadow:0 4px 10px #00000059}.player-marker-avatar-wrapper{width:40px;height:40px;position:relative}.player-marker-skin-head{width:40px;height:40px;image-rendering:pixelated;border:2px solid #fff;border-radius:8px;box-shadow:0 6px 16px #0006}.player-marker-beacon-ring{pointer-events:none;border:2px solid #38bdf8cc;border-radius:12px;animation:2s ease-in-out infinite glowPulse;position:absolute;inset:-6px}.aquatic-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:0 auto;padding:60px 32px;display:flex}.empty-state-icon-bubble{width:90px;height:90px;color:var(--cyan-primary);background:linear-gradient(135deg,#e0f2fee6,#cffafe99);border:1px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;animation:5s ease-in-out infinite waterBob;display:flex;box-shadow:0 16px 40px #06b6d433}.empty-state-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--marine-ink);text-transform:uppercase;margin-bottom:12px;font-size:1.4rem;font-weight:800}.empty-state-text{color:var(--marine-muted);max-width:440px;font-size:.95rem;line-height:1.6}@media (width<=1080px){.nav-links-cluster{display:none!important}.mobile-nav-toggle{display:inline-flex!important}.floating-navbar-capsule{gap:12px;padding:8px 16px}}@media (width<=900px){.hero-viewport-container{padding:100px 16px 40px}.hero-logo-floating{max-width:320px}.minecraft-liquid-portal{width:290px;height:84px}}@media (width<=640px){.floating-navbar-container{padding:0 10px;top:10px}.floating-navbar-capsule{gap:8px;padding:6px 12px}.nav-brand-title{font-size:1.05rem}.nav-brand-logo{height:32px}.nav-action-discord{display:none!important}.map-floating-player-indicator{padding:8px 16px;font-size:.78rem;top:84px;left:16px}}