:root{--navy:#07111f;--deep-blue:#0d1b2e;--mountain:#182943;--mountain-light:#294463;--snow:#f7fbff;--silver:#c8d8e8;--cyan:#68e8ff;--purple:#b88cff;--pink:#ff9edb;--green:#73ffd6;--gold:#ffd877;--glass:rgba(10,22,38,.68);--glass-soft:rgba(255,255,255,.09);--border:rgba(180,235,255,.38);--shadow:rgba(0,0,0,.55)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Trebuchet MS",Arial,sans-serif;color:var(--snow);background:radial-gradient(circle at 20% 10%,rgba(104,232,255,.18),transparent 24%),radial-gradient(circle at 78% 8%,rgba(255,158,219,.18),transparent 26%),linear-gradient(to bottom,#050914 0%,#07111f 42%,#0a1827 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1px);background-size:90px 90px,140px 140px;background-position:10px 20px,60px 70px;opacity:.38;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:-20%;z-index:-1;background:linear-gradient(115deg,transparent 0%,rgba(103,232,249,.12) 25%,rgba(192,132,252,.16) 45%,rgba(249,168,212,.12) 65%,transparent 100%);filter:blur(35px);opacity:.75;transform:skewY(-8deg);animation:auroraCurtain 5s ease-in-out infinite alternate;pointer-events:none}.aurora{position:fixed;inset:-20%;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 0%,rgba(102,255,204,.35) 20%,rgba(102,255,255,.45) 40%,rgba(200,120,255,.40) 60%,rgba(255,180,255,.30) 80%,transparent 100%);filter:blur(80px);transform:skewX(-25deg)}.aurora-ribbons{position:fixed;top:0;left:0;width:100%;height:360px;overflow:hidden;pointer-events:none;z-index:0}.aurora-ribbons span{position:absolute;width:70%;height:90px;left:-80%;border-radius:50%;filter:blur(22px);opacity:.75;transform:rotate(-8deg);animation:auroraDrift 18s linear infinite}.aurora-ribbons span:nth-child(1){top:45px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.85),rgba(192,132,252,.7),transparent);animation-duration:20s}.aurora-ribbons span:nth-child(2){top:120px;height:70px;background:linear-gradient(90deg,transparent,rgba(74,222,128,.7),rgba(103,232,249,.75),transparent);animation-duration:26s;animation-delay:-8s}.aurora-ribbons span:nth-child(3){top:200px;height:55px;background:linear-gradient(90deg,transparent,rgba(249,168,212,.65),rgba(192,132,252,.8),transparent);animation-duration:32s;animation-delay:-14s}@keyframes auroraDrift{from{left:-80%;transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-3deg) translateY(28px)}to{left:110%;transform:rotate(-10deg) translateY(-10px)}}@keyframes auroraCurtain{from{transform:translateX(-8%) skewY(-8deg)}to{transform:translateX(8%) skewY(-14deg)}}
.page{position:relative;z-index:2;width:min(1200px,calc(100% - 28px));margin:0 auto;padding-bottom:45px}header{padding:22px 0 0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(145deg,rgba(5,12,24,.82),rgba(16,35,58,.58));border:1px solid var(--border);border-radius:22px;box-shadow:0 16px 40px var(--shadow),inset 0 0 22px rgba(104,232,255,.08);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px}.logo-mark{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 50% 65%,#f7fbff 0 10%,transparent 11%),linear-gradient(135deg,var(--cyan),var(--purple),var(--pink));box-shadow:0 0 22px rgba(104,232,255,.55);position:relative}.logo-mark:after{content:"";position:absolute;left:12px;bottom:13px;width:24px;height:14px;background:var(--navy);clip-path:polygon(0 100%,25% 35%,42% 78%,61% 12%,100% 100%);opacity:.88}.brand h1{margin:0;font-size:clamp(24px,4vw,38px);letter-spacing:1px;text-shadow:0 0 14px rgba(104,232,255,.48)}.brand span{display:block;font-size:13px;color:var(--silver);letter-spacing:1.8px;text-transform:uppercase}.currency{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.currency-pill{padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#eef9ff;box-shadow:inset 0 0 14px rgba(255,255,255,.05);font-size:14px}
.map-shell{position:relative;z-index:14;margin:-96px 18px 26px;padding:22px 10px 10px;perspective:950px;perspective-origin:50% 45%;isolation:isolate}
.map-shell:before{content:"";position:absolute;left:4%;right:4%;bottom:8px;height:64px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(104,232,255,.18),rgba(184,140,255,.08) 45%,transparent 72%);filter:blur(10px);pointer-events:none;transform:rotateX(68deg);opacity:.9}
.nav-mountains{position:relative;z-index:12;display:grid;grid-template-columns:repeat(9,1fr);gap:8px;padding:0 8px 18px;transform-style:preserve-3d;will-change:transform;transition:transform .28s ease,filter .28s ease}
.peak-link{min-height:112px;display:flex;align-items:end;justify-content:center;padding:0 8px 13px;color:var(--snow);text-decoration:none;text-align:center;font-weight:bold;font-size:13px;letter-spacing:.3px;text-shadow:0 2px 5px #000,0 0 12px rgba(104,232,255,.75);background:linear-gradient(to top,rgba(7,17,31,.98),rgba(36,65,95,.92));clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 12px 16px rgba(0,0,0,.46)) drop-shadow(0 0 12px rgba(104,232,255,.18));transition:filter .18s ease,background .18s ease,opacity .18s ease;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}
.peak-link:nth-child(odd){margin-top:16px}.peak-link:nth-child(3n){margin-top:2px}.peak-link:nth-child(4n){min-height:126px}.peak-link:hover,.peak-link.active{z-index:20;filter:drop-shadow(0 20px 24px rgba(0,0,0,.58)) drop-shadow(0 0 24px rgba(255,158,219,.74));background:linear-gradient(to top,rgba(8,20,36,1),rgba(58,99,138,.98))}.map-shell.is-moving .peak-link:not(:hover){opacity:.94}
.hero{margin-top:18px;min-height:340px;position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(200,232,255,.25);background:radial-gradient(circle at 50% 10%,rgba(104,232,255,.15),transparent 32%),linear-gradient(to bottom,rgba(8,18,33,.35),rgba(6,14,24,.85));box-shadow:0 24px 65px rgba(0,0,0,.55),inset 0 0 70px rgba(104,232,255,.08)}.hero-copy{position:relative;z-index:7;width:min(650px,92%);padding:42px 34px}.hero-copy h2{margin:0;font-size:clamp(32px,5vw,58px);line-height:.98;text-shadow:0 0 24px rgba(184,140,255,.55),0 2px 4px #000}.hero-copy p,.muted{color:#dcecff;line-height:1.55}.mountains{position:absolute;inset:auto 0 0 0;height:82%;z-index:4;pointer-events:none;transform:translateY(8px)}.mountain-back,.mountain-mid,.mountain-front{position:absolute;inset:auto 0 0 0;height:100%}.mountain-back{opacity:.9;background:linear-gradient(to top,rgba(23,41,67,.9),rgba(23,41,67,.06));clip-path:polygon(0 78%,8% 57%,16% 73%,27% 42%,38% 69%,48% 38%,58% 66%,70% 30%,82% 70%,92% 48%,100% 76%,100% 100%,0 100%)}.mountain-mid{background:linear-gradient(to top,rgba(20,35,57,1),rgba(34,62,88,.35));clip-path:polygon(0 83%,9% 66%,18% 81%,31% 49%,43% 82%,52% 55%,62% 79%,75% 39%,88% 78%,100% 60%,100% 100%,0 100%)}.mountain-front{background:linear-gradient(to top,rgba(7,17,31,1),rgba(18,38,62,.9));clip-path:polygon(0 90%,10% 72%,20% 88%,31% 61%,43% 92%,55% 67%,67% 87%,78% 57%,91% 88%,100% 75%,100% 100%,0 100%)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.panel,.card{background:var(--glass);border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 0 24px rgba(104,232,255,.06);backdrop-filter:blur(10px)}.panel h3,.card h3{margin:0 0 12px;color:#dff9ff;font-size:24px;text-shadow:0 0 12px rgba(104,232,255,.35)}.button,button{display:inline-block;padding:12px 18px;border-radius:999px;text-decoration:none;color:var(--snow);background:linear-gradient(135deg,rgba(104,232,255,.28),rgba(184,140,255,.28));border:1px solid rgba(214,244,255,.45);box-shadow:0 0 20px rgba(104,232,255,.18);transition:.2s;cursor:pointer}.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 0 26px rgba(255,158,219,.45)}.button.secondary{background:rgba(255,255,255,.08)}input,select,textarea{width:100%;padding:12px 14px;margin:7px 0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(4,12,22,.55);color:var(--snow);font-family:inherit}label{color:#effcff;font-weight:bold}.avatar,.creature-art{height:150px;border-radius:24px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 55% 35%,rgba(255,255,255,.85) 0 10%,transparent 11%),linear-gradient(135deg,rgba(104,232,255,.22),rgba(184,140,255,.2),rgba(255,158,219,.16));position:relative;overflow:hidden}.avatar:after,.creature-art:after{content:"";position:absolute;left:18%;right:18%;bottom:18%;height:30%;background:var(--navy);clip-path:polygon(0 100%,18% 45%,35% 88%,52% 18%,70% 78%,88% 38%,100% 100%);opacity:.72}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.stat{padding:12px;border-radius:16px;background:var(--glass-soft);border:1px solid rgba(255,255,255,.1);text-align:center}.stat b{display:block;color:var(--gold);font-size:18px}.list-row{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.1)}.mini-art{width:76px;height:76px;border-radius:18px;background:linear-gradient(135deg,rgba(104,232,255,.28),rgba(184,140,255,.26));border:1px solid rgba(255,255,255,.18)}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#eef9ff;font-size:12px;margin:3px}.forum-board{display:block;text-decoration:none;color:inherit;margin:12px 0;padding:16px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.den-slot{min-height:180px;border-radius:24px;padding:18px;background:linear-gradient(to bottom,rgba(104,232,255,.08),rgba(7,17,31,.86)),linear-gradient(135deg,rgba(255,255,255,.08),transparent);border:1px solid rgba(255,255,255,.14)}footer{margin-top:22px;text-align:center;color:rgba(230,245,255,.72);font-size:13px}@media(max-width:860px){.topbar,.grid,.grid.three{grid-template-columns:1fr;display:grid}.currency{justify-content:flex-start}.map-shell{margin:-66px 10px 20px;perspective:780px}.nav-mountains{grid-template-columns:repeat(3,1fr)}.peak-link{min-height:92px}}@media(max-width:520px){.map-shell{margin-top:-48px}.nav-mountains{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:32px 22px}.stats,.list-row{grid-template-columns:1fr}}