*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#f5f5f5;font-family:"Nunito",Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.topbar{height:88px;position:fixed;z-index:50;left:0;right:0;top:0;background:rgba(0,0,0,.88);display:flex;align-items:center;padding:0 10.5%;gap:32px;transition:.25s}.topbar.scrolled{height:70px;background:rgba(5,5,5,.96);box-shadow:0 8px 30px #000}.logo{width:72px;display:flex;align-items:center}.logo span,.footer-brand span{font-weight:900;color:#fff;font-size:18px;text-shadow:2px 2px #1b83ff}.topbar nav{display:flex;gap:26px;margin:auto;font-size:13px;font-weight:900;letter-spacing:.3px}.topbar nav a{padding:12px 15px;border-radius:4px;transition:.2s}.topbar nav a:hover,.topbar nav a.active{background:#3e88ef;box-shadow:0 0 20px #3e88ef33}.top-actions{display:flex;gap:7px;font-size:12px;font-weight:900}.store,.login{padding:11px 18px;border-radius:22px;background:#72cce3;color:#fff;transition:.2s}.login{background:#3e88ef}.store:hover,.login:hover{filter:brightness(1.13);transform:translateY(-2px)}.hero{height:820px;background:#000;position:relative;overflow:hidden;padding-top:88px}.hero-image{position:absolute;left:0;right:0;top:280px;bottom:0;background-image:url("assets/HERO-AQUI.jpg"),url("assets/underwater-team.png");background-size:cover;background-position:center;animation:heroZoom 14s ease-out forwards}.hero-vignette{position:absolute;left:0;right:0;top:250px;bottom:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 3%,transparent 15%,transparent 85%,rgba(0,0,0,.72) 97%,#000 100%),radial-gradient(ellipse at center,transparent 36%,rgba(0,0,0,.45) 76%,#000 100%),linear-gradient(to bottom,#000 0%,rgba(0,0,0,.05) 16%,transparent 66%,#000 100%);pointer-events:none}.hero-bottom{position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,#000)}@keyframes heroZoom{from{transform:scale(1.01)}to{transform:scale(1.075)}}.section{padding:96px 11% 80px;background:#000}.section-head{text-align:center;margin-bottom:38px}.section-head h2{font-size:26px;margin:0 0 8px;font-weight:900}.section-head p{margin:0;color:#c6c6c6;font-size:15px}.social .section-head{padding-top:20px}.social .section-head{padding-top:28px}.social-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.social-card{background:#1d304e;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border:1px solid #253b60;transition:.25s}.social-card:after{content:"";position:absolute;inset:auto 0 0;height:34px;background:#2d4e80;transition:.2s}.social-card div,.social-card strong{position:relative;z-index:1;transform:translateY(7px);font-size:12px}.social-card div{font-family:"Press Start 2P",monospace;font-size:10px;margin-bottom:18px}.social-card em{font-style:normal;color:#ffd51c}.social-card strong{font-family:"Press Start 2P",monospace;font-size:10px;margin-top:4px}.social-card:hover{border-color:#ffd51c;transform:translateY(-5px);box-shadow:0 0 0 1px #ffd51c,0 15px 35px #000}.social-card:hover:after{background:#3f64a0}.guide{padding-top:105px}.guide-grid{max-width:980px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:70px}.guide-card{text-align:center;font-family:"Press Start 2P",monospace;font-size:11px;transition:.25s}.icon-box{aspect-ratio:1;border-radius:4px;display:grid;place-items:center;margin-bottom:18px;font-size:65px;filter:drop-shadow(0 10px 10px #0005);transition:.25s}.icon-box.cyan{background:#a7f3f6}.icon-box.yellow{background:#f7d64b}.icon-box.mint{background:#80dcbf}.icon-box.cream{background:#f4e8c4}.guide-card:hover .icon-box{transform:translateY(-8px) scale(1.04);box-shadow:0 0 0 2px #ffd51c}.guide-card:hover{color:#ffd51c}.pill-button{display:block;width:max-content;margin:auto;padding:11px 20px;border:0;border-radius:24px;background:#3f8cf2;color:white;font-weight:900;font-size:12px;transition:.2s;cursor:pointer}.pill-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3f8cf255}.announcements{padding-top:105px}.announcement-list{max-width:950px;margin:auto;display:grid;gap:16px}.announcement{display:grid;grid-template-columns:170px 1fr 35px;align-items:center;background:#111;border:1px solid #181818;min-height:120px;overflow:hidden;transition:.25s}.announcement img{width:170px;height:120px;object-fit:cover}.announcement div{padding:20px}.announcement small{color:#ffd51c;font-size:10px;font-weight:900}.announcement h3{margin:7px 0;font-size:18px}.announcement p{margin:0;color:#999;font-size:13px}.announcement>span{font-size:25px;color:#ffd51c}.announcement:hover{border-color:#ffd51c;transform:translateX(4px)}.coins{padding-top:110px}.coins .section-head span{color:#ffd51c}.coin-grid{max-width:950px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.coin{background:#303030;border:1px solid #373737;text-align:center;padding:19px 8px 0;min-height:86px;transition:.25s}.coin strong{font-family:"Press Start 2P",monospace;font-size:10px}.coin i{font-style:normal;color:#ffd51c}.coin small{display:block;background:#4a4a4a;margin:16px -8px 0;padding:9px;color:#fff;font-weight:900}.coin:hover,.coin.featured{border-color:#3e88ef;transform:translateY(-5px)}.coin.featured small{background:#2e568c}.about{padding:40px 11% 75px;background:#000}.about-inner{max-width:1080px;margin:auto;background:#e2bf18;border-radius:14px;min-height:190px;padding:28px 55px;display:flex;align-items:center;gap:35px;color:#5a4911}.about-icon{font-size:78px;color:#fff;text-shadow:5px 5px #9a7d0d}.about-inner h2{margin:0 0 8px;font-size:24px}.about-inner p{margin:0;max-width:650px}.about-inner .pill-button{margin-left:auto;background:#5fa9e7;white-space:nowrap}.modes{padding-top:90px}.mode-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mode{background:#121212;border:1px solid #222;transition:.25s;overflow:hidden}.mode img{width:100%;height:220px;display:block;object-fit:cover}.mode div{padding:16px}.mode b{display:block;font-size:17px}.mode small{display:block;margin-top:5px;color:#ffd51c;font-weight:900}.mode:hover{border-color:#ffd51c;box-shadow:0 0 0 1px #ffd51c}.join{padding:60px 11%;background:#182e4e;display:flex;justify-content:space-between;align-items:center}.join small{color:#ffd51c;font-weight:900}.join h2{font-size:32px;margin:7px 0}.join p{color:#bac7d6}.yellow-btn{background:#ffd51c;color:#111}.faq details{max-width:850px;margin:auto;border-top:1px solid #222;padding:20px 0}.faq details:last-child{border-bottom:1px solid #222}.faq summary{list-style:none;cursor:pointer;font-weight:900;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary b{color:#ffd51c}.faq p{color:#999}footer{margin:0 11%;border-top:1px solid #191919;padding:42px 0 70px;display:flex;align-items:center;gap:35px}.footer-brand{display:flex;gap:10px;align-items:center;font-size:18px}.footer-links{display:flex;gap:24px;color:#4c8bf0;font-size:14px}.footer-links a:hover{color:#ffd51c}footer small{margin-left:auto;color:#555}.modal{position:fixed;z-index:100;inset:0;background:#000b;display:none;place-items:center}.modal.open{display:grid;animation:fade .2s}.modal-box{width:min(520px,90%);background:#111;border:1px solid #3f8cf2;padding:35px;position:relative;box-shadow:0 25px 80px #000}.modal-box h2{font-size:24px}.modal-box p{color:#999}.close{position:absolute;right:15px;top:8px;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}.version-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.version-grid button{border:1px solid #31598e;background:#1d304e;color:#fff;padding:18px;font-weight:900;cursor:pointer}.version-grid button:hover{border-color:#ffd51c;background:#294774}@keyframes fade{from{opacity:0}to{opacity:1}}@media(max-width:900px){.topbar{padding:0 4%;gap:10px}.topbar nav{gap:3px}.top-actions{display:none}.section{padding-left:6%;padding-right:6%}.social-grid,.coin-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr 1fr;gap:35px}.about-inner{padding:25px}.about-inner .pill-button{display:none}}@media(max-width:600px){.topbar nav a{font-size:9px;padding:10px 6px}.logo{display:none}.hero-image{left:0;right:0}.hero-vignette{left:0;right:0}.social-grid,.coin-grid,.mode-grid{grid-template-columns:1fr}.announcement{grid-template-columns:95px 1fr 25px}.announcement img{width:95px;height:110px}.announcement h3{font-size:14px}.announcement p{display:none}.join{display:block}.join .pill-button{margin:25px 0 0}.about-icon{display:none}.footer-links{display:none}footer{margin:0 6%}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.show{opacity:1;transform:none}

.guide-card .icon-box span{font-family:Arial,sans-serif;font-weight:900;line-height:1;display:block;color:#151515;text-shadow:none}.guide-card:hover .icon-box.yellow{background:#ffd51c}.guide-card:hover .icon-box.yellow span{color:#151515;transform:scale(1.08)}

.hero-connect{position:absolute;z-index:4;left:50%;bottom:42px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;filter:drop-shadow(0 8px 22px #0009)}
.server-ip{min-width:260px;padding:11px 18px 10px;border:1px solid #3e88ef;background:rgba(8,18,32,.9);color:#fff;border-radius:7px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.22s;text-align:left}
.server-ip:hover{border-color:#ffd51c;transform:translateY(-2px);box-shadow:0 0 20px #ffd51c33}
.ip-label{font-size:9px;font-weight:900;color:#8fa7c2;letter-spacing:.7px}
.server-ip strong{font-family:"Press Start 2P",monospace;font-size:9px;color:#fff;white-space:nowrap}
.copy-hint{margin-left:auto;font-size:9px;font-weight:900;color:#ffd51c;white-space:nowrap}
.discord-hero{height:43px;min-width:52px;padding:0 14px;border-radius:7px;background:#5865f2;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:900;transition:.22s}
.discord-hero svg{width:20px;height:20px;fill:currentColor}
.discord-hero:hover{background:#6d78ff;transform:translateY(-2px);box-shadow:0 0 22px #5865f266}
@media(max-width:600px){.hero-connect{bottom:30px;width:92%;justify-content:center}.server-ip{min-width:0;flex:1}.ip-label{display:none}.server-ip strong{font-size:8px}.copy-hint{font-size:8px}.discord-hero{min-width:46px;padding:0 11px}.discord-hero span{display:none}}