
:root{--ink:#f9fbff;--soft:#b9c7dc;--bg:#050714;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.115);--line:rgba(255,255,255,.15);--cyan:#59f1ff;--mint:#91ffd7;--gold:#ffe36d;--pink:#ff69d2;--violet:#9b7cff;--red:#ff6f85;--green:#67ff9e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:#050714;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 16% 16%,rgba(89,241,255,.22),transparent 28%),radial-gradient(circle at 84% 10%,rgba(255,105,210,.18),transparent 30%),radial-gradient(circle at 48% 95%,rgba(255,227,109,.16),transparent 28%),linear-gradient(135deg,#061426,#090618 45%,#071a24)}body:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit;text-decoration:none}.bg-bubbles{position:fixed;inset:0;pointer-events:none;z-index:-1}.bg-bubbles:before,.bg-bubbles:after{content:"";position:absolute;border-radius:999px;filter:blur(42px);opacity:.6}.bg-bubbles:before{width:340px;height:340px;right:5vw;top:18vh;background:rgba(89,241,255,.16)}.bg-bubbles:after{width:300px;height:300px;left:6vw;bottom:10vh;background:rgba(255,105,210,.13)}.nav{width:min(1240px,94vw);margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border:1px solid var(--line);border-radius:26px;background:rgba(6,10,24,.66);backdrop-filter:blur(20px);box-shadow:0 18px 60px rgba(0,0,0,.22);position:sticky;top:14px;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-.04em}.brand .logo{width:46px;height:46px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--gold),#fff5bb);box-shadow:0 0 34px rgba(255,227,109,.28);font-size:28px}.brand b{font-weight:1000}.brand em{font-style:normal;font-weight:1000;background:linear-gradient(90deg,var(--cyan),var(--mint));-webkit-background-clip:text;color:transparent}nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}nav a{padding:10px 12px;border-radius:999px;color:#dcecff;font-size:14px;font-weight:850}nav a:hover{background:rgba(255,255,255,.09)}.pill,.btn{border:0;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--gold));color:#04101d!important;font-weight:1000;padding:12px 18px;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 28px rgba(89,241,255,.16)}.btn.ghost,.ghost,.btn2{background:rgba(255,255,255,.08)!important;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}main{width:min(1240px,94vw);margin:0 auto;padding:34px 0}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.tag{display:inline-flex;align-items:center;gap:8px;background:rgba(89,241,255,.10);border:1px solid rgba(89,241,255,.30);color:#ccfbff;border-radius:999px;padding:8px 13px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.hero h1{font-size:clamp(48px,7.4vw,100px);line-height:.86;margin:18px 0 22px;letter-spacing:-.075em}.hero h1 span,.grad{background:linear-gradient(120deg,#fff 0,#d7fbff 32%,var(--gold) 60%,#ffdbf5 100%);-webkit-background-clip:text;color:transparent}.hero p,.page-title p,.lead{font-size:19px;color:var(--soft);line-height:1.65;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.pond-panel{position:relative;min-height:505px;border-radius:44px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.045));border:1px solid var(--line);box-shadow:0 40px 120px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12)}.pond-panel:before{content:"";position:absolute;inset:18px;border-radius:34px;border:1px solid rgba(255,255,255,.10);pointer-events:none}.water{position:absolute;left:-20%;right:-20%;bottom:-18%;height:58%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.32),transparent 26%),linear-gradient(180deg,#4eeaff,#1376cb 58%,#064477);border-radius:50% 50% 0 0;box-shadow:inset 0 35px 50px rgba(255,255,255,.16);animation:wave 6s ease-in-out infinite}.water:after{content:"";position:absolute;inset:16px 0 auto;height:34px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.26) 0 58px,transparent 58px 126px);filter:blur(8px);opacity:.7}.float{position:absolute;width:150px;filter:drop-shadow(0 26px 22px rgba(0,0,0,.32));animation:bob 3.2s ease-in-out infinite}.f1{left:12%;top:14%;transform:rotate(-6deg)}.f2{right:10%;top:18%;animation-delay:.45s}.f3{left:42%;bottom:20%;animation-delay:1s}.spark{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 20px #fff}.spark.s1{width:7px;height:7px;left:20%;top:22%}.spark.s2{width:5px;height:5px;right:22%;top:44%}.spark.s3{width:9px;height:9px;left:58%;top:15%}@keyframes wave{50%{transform:translateY(12px)}}@keyframes bob{50%{transform:translateY(-18px) rotate(4deg)}}.egg-meter{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(5,7,20,.74);padding:18px;border-radius:24px;border:1px solid var(--line);backdrop-filter:blur(14px)}.egg-meter b{font-size:18px}.egg-meter span,.bar{display:block;height:14px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:9px 0}.egg-meter i,.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--pink));border-radius:999px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:14px 0 28px}.stats div,.card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055));border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.22);overflow:hidden}.stats div:before,.card:before{content:"";position:absolute;inset:-1px;opacity:.45;background:radial-gradient(circle at 15% 0,rgba(89,241,255,.18),transparent 33%),radial-gradient(circle at 100% 10%,rgba(255,227,109,.10),transparent 28%);pointer-events:none}.stats b{font-size:34px;display:block;color:#fff;letter-spacing:-.04em}.stats span,.muted,small{color:var(--soft)}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.card>*{position:relative}.card h2,.page-title h1{margin-top:0;letter-spacing:-.04em}.card h2{font-size:30px}.duck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.duck-card{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:14px;transition:transform .18s ease,background .18s ease}.duck-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.11)}.duck-card img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.35))}.duck-card b{display:block;font-size:19px}.duck-card p{color:var(--soft);font-size:13px}.rarity{display:inline-block;margin-top:5px;border-radius:999px;padding:4px 9px;background:rgba(255,255,255,.12);font-size:12px;font-weight:1000}.rarity.common{color:#fff}.rarity.uncommon{color:var(--green)}.rarity.rare{color:#73d7ff}.rarity.epic{color:#caa7ff}.rarity.legendary{color:var(--gold)}.rarity.mythic{color:#ff9add}.timeline{display:grid;gap:10px;max-height:690px;overflow:auto;padding-right:3px}.event{background:rgba(255,255,255,.072);border:1px solid rgba(255,255,255,.11);padding:14px;border-radius:20px}.event span{float:right;background:rgba(89,241,255,.13);border-radius:999px;padding:4px 9px;color:#c9fbff;font-size:11px;font-weight:1000}.event p{color:var(--soft);margin:.35em 0}.footer{text-align:center;color:var(--soft);padding:30px}.narrow{max-width:780px;margin:40px auto}.error{color:var(--red);font-weight:900}.ok{color:var(--green);font-weight:900}.page-title{padding:22px 0}.dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0}.spawn{text-align:left}.spawn img{width:132px;display:block;margin:8px auto 16px;filter:drop-shadow(0 20px 20px rgba(0,0,0,.35))}.countdown{font-size:42px;font-weight:1000;color:var(--gold);margin:12px 0;letter-spacing:-.04em}.status-dot{display:inline-flex;gap:8px;align-items:center}.status-dot:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}.status-dot.online:before{background:var(--green);box-shadow:0 0 16px var(--green)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 9px;vertical-align:top}th{color:#d9f6ff;font-size:13px;text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:rgba(255,255,255,.035)}code{display:inline-block;background:rgba(0,0,0,.30);border:1px solid var(--line);padding:8px 10px;border-radius:12px;color:#e2fbff;margin:3px;word-break:break-all}.commands{display:flex;flex-wrap:wrap;gap:8px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.reward{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:22px;padding:15px}.reward b{display:block}.reward strong{color:var(--gold);font-size:22px}.notice{border-left:4px solid var(--cyan);background:rgba(89,241,255,.08);padding:14px;border-radius:16px;color:#dffcff}.overlay-mini{display:flex;gap:14px;align-items:center}.overlay-mini img{width:78px}@media(max-width:900px){.hero,.grid.two,.grid.three{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;flex-direction:column}.dashboard-head{flex-direction:column;align-items:flex-start}.pond-panel{min-height:380px}.float{width:120px}.hero{min-height:auto;padding:30px 0}.hero h1{font-size:52px}}@media(max-width:520px){.stats{grid-template-columns:1fr}.brand{font-size:21px}nav a{font-size:13px;padding:8px}.hero h1{font-size:42px}.card{padding:17px}.duck-card{align-items:flex-start}.duck-card img{width:68px;height:68px}}
