:root{--sea: #0e86c9;--sea-dark: #0a5f97;--deep: #073b63;--cyan: #22d3ee;--sun: #ffc81f;--sun-dark: #e0a000;--red: #ee1515;--red-dark: #a81616;--navy: #04223a;--foam: #f3fbff;--ink: #0a2a42;--panel: #ffffff;--shadow: 0 8px 0 rgba(2, 20, 38, .16), 0 16px 34px rgba(2, 18, 36, .4);--retro: "Press Start 2P", monospace;--body: "Baloo 2", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--navy);overscroll-behavior:none;scroll-behavior:smooth}body{background:transparent;overscroll-behavior:none}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.page{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:url(/img/map-bg.jpg);background-size:760px auto;background-repeat:repeat;image-rendering:pixelated}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 90% at 50% -10%,rgba(34,211,238,.18),transparent 55%),linear-gradient(180deg,#04223a8c,#04223ac7 60%,#03182ae6),linear-gradient(180deg,#0e86c947,#073b6357)}.bubbles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.bubbles span{position:absolute;bottom:-40px;left:calc((var(--i) + 1) * 6.6%);width:calc(6px + (var(--i) % 5) * 4px);height:calc(6px + (var(--i) % 5) * 4px);border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.85),rgba(34,211,238,.28) 60%,transparent 72%);border:1px solid rgba(255,255,255,.25);animation:rise linear infinite;animation-duration:calc(11s + (var(--i) % 6) * 3s);animation-delay:calc(var(--i) * -1.7s);opacity:.5}@keyframes rise{0%{transform:translateY(0) translate(0);opacity:0}12%{opacity:.55}90%{opacity:.4}to{transform:translateY(-104vh) translate(24px);opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--body);font-weight:800;font-size:1rem;letter-spacing:.3px;padding:12px 22px;border-radius:999px;border:3px solid rgba(2,20,38,.28);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease;box-shadow:0 5px #02142647;white-space:nowrap}.btn:active{transform:translateY(4px);box-shadow:0 1px #02142647}.btn-lg{font-size:1.12rem;padding:15px 32px}.btn-red{background:linear-gradient(180deg,#ff3b30,var(--red));color:#fff;border-color:var(--red-dark)}.btn-red:hover{filter:brightness(1.07)}.btn-sun,.btn-gold{background:linear-gradient(180deg,#ffd84e,var(--sun));color:#5a3b00;border-color:var(--sun-dark)}.btn-sun:hover,.btn-gold:hover{filter:brightness(1.05)}.btn-ghost{background:#ffffff1f;color:#fff;border-color:#ffffff80;box-shadow:0 5px #02142638;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-ghost:hover{background:#ffffff38}.nav{position:sticky;top:0;z-index:50;background:#041a2cb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid rgba(34,211,238,.28)}.nav-inner{max-width:1180px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px}.brand-word{height:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-links{display:flex;gap:4px;margin-left:12px}.nav-link{color:#dff2ff;font-weight:700;padding:8px 13px;border-radius:10px;transition:background .15s,color .15s}.nav-link:hover{background:#22d3ee29;color:var(--sun)}.nav-right{display:flex;align-items:center;gap:12px;margin-left:auto}.nav-cta{padding:9px 20px;box-shadow:0 4px #02142647}.nav-social{display:flex;align-items:center;gap:8px}.nav-social-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#dff2ff;background:#ffffff14;border:1px solid rgba(34,211,238,.24);transition:background .15s,color .15s,transform .1s,border-color .15s}.nav-social-btn:hover{color:var(--ink);background:var(--sun);border-color:var(--sun-dark);transform:translateY(-1px)}.nav-social-btn:active{transform:translateY(0)}.wallet-menu{position:relative}.wallet-trigger{display:inline-flex;align-items:center;gap:8px}.wallet-dot{width:8px;height:8px;border-radius:50%;background:#3fcf6a;box-shadow:0 0 0 2px #3fcf6a4d}.wallet-caret{transition:transform .18s ease;opacity:.8}.wallet-menu.is-open .wallet-caret{transform:rotate(180deg)}.wallet-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;padding:6px;background:#061e32f7;border:2px solid rgba(34,211,238,.4);border-radius:14px;box-shadow:0 6px #0214264d,0 16px 34px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;animation:wallet-pop .14s ease;transform-origin:top right}@keyframes wallet-pop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wallet-dd-head{display:flex;flex-direction:column;gap:2px;padding:8px 12px 10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:6px}.wallet-dd-label{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#dff2ff8c;font-weight:700}.wallet-dd-addr{font-family:var(--retro);font-size:.72rem;color:var(--sun)}.wallet-dd-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:#dff2ff;font-family:var(--body);font-weight:700;font-size:.95rem;text-align:left;border-radius:9px;cursor:pointer;transition:background .13s,color .13s}.wallet-dd-item svg{opacity:.85;flex-shrink:0}.wallet-dd-item:hover{background:#22d3ee1f;color:var(--sun)}.wallet-dd-logout:hover{background:#e3350d2e;color:#ff7a5c}.hero{display:flex;justify-content:center;padding:76px 20px 54px;position:relative}.hero-inner{max-width:800px;text-align:center;position:relative}.hero-kicker{display:inline-block;font-weight:800;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#062f4d;background:linear-gradient(180deg,#ffe07a,var(--sun));padding:6px 15px;border-radius:999px;border:2px solid var(--sun-dark);box-shadow:0 3px #02142640;margin-bottom:22px}.hero-logo-h1{margin:0 0 14px;line-height:0}.hero-logo{display:block;width:100%;max-width:200px;height:auto;margin:0 auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}.hero-desc{color:#e6f4ff;font-size:1.16rem;font-weight:500;max-width:560px;margin:20px auto 0;line-height:1.6}.hero-desc b{color:var(--sun)}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}.spectate-link{display:block;margin:18px auto 0;background:none;border:none;cursor:pointer;color:#cfecff;font-family:var(--body);font-weight:700;font-size:1.02rem;letter-spacing:.3px;padding:6px 10px;transition:color .15s,transform .1s}.spectate-link:hover{color:var(--sun);transform:translateY(-1px)}.ca-pill{display:inline-block;margin-top:22px;background:#02142680;border:2px solid rgba(34,211,238,.45);color:#eaf7ff;font-family:var(--retro);font-size:.66rem;padding:9px 16px;border-radius:999px}.ca-pill span{color:var(--sun)}.section{max-width:1180px;margin:0 auto;padding:66px 20px;width:100%;position:relative}.section-title{font-family:var(--retro);font-size:clamp(1.05rem,3vw,1.7rem);color:#fff;text-align:center;text-shadow:3px 3px 0 var(--sea-dark);margin-bottom:12px}.section-sub{text-align:center;color:#d5ecff;font-weight:600;font-size:1.08rem;margin-bottom:40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{position:relative;background:var(--panel);border:3px solid var(--deep);border-radius:20px;padding:30px 20px 24px;text-align:center;box-shadow:var(--shadow);transition:transform .15s ease}.step-card:hover{transform:translateY(-6px)}.step-n{position:absolute;top:12px;right:14px;font-family:var(--retro);font-size:.72rem;color:#0a2a422e}.step-icon{width:78px;height:78px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:var(--sea);background:linear-gradient(180deg,#e6f6ff,#d0ecfb);border:3px solid var(--sea);border-radius:50%;box-shadow:inset 0 -3px #0a5f9726}.step-icon img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated}.step-card h3{font-size:1.32rem;font-weight:800;margin-bottom:8px;color:var(--sea-dark)}.step-card p{color:#3a5066;font-size:.98rem;font-weight:500;line-height:1.5}.token{display:flex;justify-content:center}.token-card{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;max-width:1000px;width:100%;background:linear-gradient(155deg,#0a5f97,var(--deep));border:3px solid rgba(34,211,238,.45);border-radius:28px;padding:42px 40px;box-shadow:var(--shadow);overflow:hidden}.token-tag{display:inline-block;font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--deep);background:var(--sun);padding:5px 13px;border-radius:999px;margin-bottom:14px}.token-copy h2{color:#fff;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;line-height:1.15}.token-copy>p{color:#d5ecff;font-size:1.08rem;font-weight:500;line-height:1.6;margin-top:14px}.token-list{list-style:none;margin:18px 0 0;display:flex;flex-direction:column;gap:9px}.token-list li{position:relative;color:#eaf7ff;font-weight:600;padding-left:28px}.token-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,var(--cyan) 70%);box-shadow:0 0 0 3px #22d3ee38}.token-ca{margin-top:22px}.token-coin{display:flex;justify-content:center}.coin{width:168px;height:168px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 28%,#ffe888,var(--sun) 55%,var(--sun-dark));border:7px solid #b98200;box-shadow:0 12px 26px #0006,inset 0 -8px 14px #0000002e;animation:coinfloat 5s ease-in-out infinite}.coin span{font-family:var(--retro);font-size:1.1rem;color:#6b4a00;text-shadow:0 2px 0 rgba(255,255,255,.35)}@keyframes coinfloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}.cta-band{display:flex;justify-content:center}.cta-card{background:linear-gradient(160deg,#16a0e0,var(--sea-dark));border:3px solid var(--deep);border-radius:26px;padding:48px 36px;text-align:center;color:#fff;max-width:760px;width:100%;box-shadow:var(--shadow)}.cta-card h2{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800}.cta-card p{font-size:1.15rem;font-weight:500;margin-top:12px;opacity:.95}.vault{max-width:1180px;margin:0 auto;padding:66px 20px 40px;width:100%}.vault-head{text-align:center;margin-bottom:44px}.vault-head .hero-kicker{margin-bottom:16px}.vault-sub{color:#e6f4ff;font-size:1.14rem;font-weight:500;max-width:620px;margin:8px auto 0;line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.grade-card{background:var(--panel);border:3px solid var(--deep);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s ease}.grade-card:hover{transform:translateY(-8px) rotate(-.5deg)}.grade-card-img{position:relative;background:radial-gradient(circle at 50% 30%,#eaf7ff,#cfe7f6);padding:22px;display:flex;align-items:center;justify-content:center;min-height:320px}.grade-card-img img{max-width:100%;max-height:360px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}.grade-badge{position:absolute;top:14px;left:14px;background:var(--sun);color:#5a3b00;font-family:var(--retro);font-size:.6rem;padding:8px 11px;border-radius:8px;border:2px solid var(--sun-dark)}.grade-card-body{padding:18px 20px 22px}.grade-card-body h3{font-size:1.28rem;font-weight:800;color:var(--ink)}.grade-set{color:#56607a;font-weight:500;margin-top:4px;font-size:.96rem}.grade-card-foot{display:flex;align-items:baseline;gap:8px;margin-top:16px}.price{font-family:var(--retro);font-size:1.15rem;color:var(--sea)}.usdc{font-weight:700;color:#8a93a5;font-size:.9rem}.vault-note{text-align:center;color:#bcd8ec;margin-top:36px;font-weight:500}.lb{max-width:820px;margin:0 auto;padding:66px 20px 50px;width:100%}.lb-head{text-align:center;margin-bottom:36px}.lb-head .hero-kicker{margin-bottom:16px}.lb-sub{color:#e6f4ff;font-size:1.1rem;font-weight:500;margin-top:8px}.lb-live{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#bcd8ec;font-weight:600;font-size:.92rem}.lb-live .dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 #22d3ee99;animation:lbpulse 1.6s infinite}@keyframes lbpulse{0%{box-shadow:0 0 #22d3ee80}70%{box-shadow:0 0 0 8px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}.lb-list{display:flex;flex-direction:column;gap:12px}.lb-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;background:var(--panel);border:3px solid var(--deep);border-radius:16px;padding:14px 20px;box-shadow:var(--shadow)}.lb-rank{font-family:var(--retro);font-size:.9rem;color:#8a93a5;text-align:center}.lb-row.top1{border-color:var(--sun)}.lb-row.top1 .lb-rank{color:var(--sun-dark)}.lb-row.top2 .lb-rank{color:#9aa6b2}.lb-row.top3 .lb-rank{color:#c1813f}.lb-mid{min-width:0}.lb-name{font-size:1.18rem;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-bar{height:9px;background:#dbe8f2;border-radius:99px;margin-top:8px;overflow:hidden}.lb-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--sea),var(--cyan));border-radius:99px;transition:width .6s ease}.lb-count{text-align:right}.lb-count b{font-family:var(--retro);font-size:1rem;color:var(--sea)}.lb-count span{display:block;color:#8a93a5;font-weight:700;font-size:.82rem;margin-top:3px}.lb-empty{text-align:center;color:#cfe6f6;font-weight:600;font-size:1.1rem;background:#041a2c8c;border:2px dashed rgba(34,211,238,.4);border-radius:16px;padding:44px 20px}.footer{margin-top:auto;background:#03182ae6;border-top:2px solid rgba(34,211,238,.28)}.footer-inner{max-width:1180px;margin:0 auto;padding:22px 20px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.footer-logo{height:34px}.footer-x{color:#dff2ff;display:flex;transition:color .15s}.footer-x:hover{color:var(--sun)}.footer-copy{color:#9cc0d8;font-weight:500}#pp-toasts{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.pp-toast{background:#041a2cf5;color:#fff;font-weight:700;font-size:1rem;padding:13px 20px;border-radius:12px;border:2px solid var(--sun);box-shadow:0 8px 24px #00000073;opacity:0;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease;max-width:90vw}.pp-toast.show{opacity:1;transform:translateY(0)}@media(max-width:980px){.token-card{grid-template-columns:1fr;text-align:center}.token-list{align-items:center}.token-list li{padding-left:0;padding-top:22px}.token-list li:before{left:50%;top:0;transform:translate(-50%)}.token-ca{margin-inline:auto}.token-coin{order:-1}}@media(max-width:900px){.steps,.card-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}}@media(max-width:560px){.steps,.card-grid{grid-template-columns:1fr}.hero{padding-top:52px}.nav-social{display:none}.brand-word{height:22px}}