:root{--line:rgba(99,236,255,.24);--text:#eef5ff;--muted:#aab8d4;--aqua:#63ecff;--violet:#bc79ff;--pink:#ff61c6}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(99,236,255,.12),transparent 24%),radial-gradient(circle at 82% 14%,rgba(188,121,255,.14),transparent 25%),linear-gradient(180deg,#020611,#030a1a 48%,#020611)}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 1.4px);background-size:145px 145px;opacity:.08;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100vw - 24px));margin:auto;padding:18px 0}.top{display:flex;justify-content:space-between;gap:12px;align-items:center}.brand{display:grid;gap:3px}.brand strong,.top>strong{letter-spacing:.12em}.brand span{font-size:.72rem;color:#8997b6;letter-spacing:.16em;text-transform:uppercase}.stage{margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(10,20,42,.9),rgba(4,10,22,.95));box-shadow:0 24px 70px rgba(0,0,0,.38)}.badge{display:inline-flex;padding:9px 13px;border-radius:999px;border:1px solid var(--line);color:var(--aqua);font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin:16px 0 10px;letter-spacing:-.04em}p{margin:0;color:var(--muted);line-height:1.7}:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}
.world-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:center}.world-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.world-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(12,22,43,.9),rgba(6,12,24,.93));color:var(--text);padding:15px;text-align:left;cursor:pointer;transition:.2s}.world-card:hover,.world-card.active{transform:translateY(-2px);border-color:rgba(100,235,255,.46);box-shadow:0 16px 38px rgba(0,0,0,.26)}.world-card strong,.evo-card strong,.exchange-card strong{display:block;margin-bottom:6px}.world-card span,.evo-card span,.exchange-card span{color:var(--muted);line-height:1.55}.world-card span{font-size:.92rem}.orb-wrap{position:relative;display:grid;place-items:center;aspect-ratio:1}.ring{position:absolute;border-radius:50%;border:1px solid rgba(100,235,255,.2)}.r1{width:92%;height:92%}.r2{width:72%;height:72%;border-color:rgba(188,121,255,.25);animation:spin 24s linear infinite}.r3{width:105%;height:55%;transform:rotate(-10deg);opacity:.55}@keyframes spin{to{transform:rotate(360deg)}}.orb{width:min(330px,70vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.9),transparent 10%),radial-gradient(circle at 56% 64%,rgba(255,65,165,.55),transparent 16%),radial-gradient(circle at 42% 54%,rgba(100,235,255,.55),transparent 15%),conic-gradient(from 135deg,#28c4ff,#314cff,#8c4cff,#ef3a9a,#173558,#28c4ff);box-shadow:0 0 70px rgba(81,141,255,.25),inset 0 0 70px rgba(255,255,255,.08)}.status{text-align:center;margin-top:10px;color:var(--muted)}.status strong{display:block;color:var(--text);font-size:1.1rem;margin-bottom:5px}.info{margin-top:16px;padding:17px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(11,20,39,.9),rgba(6,11,22,.94))}.info h2{margin:0 0 8px;font-size:1.35rem}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.buttons a{padding:11px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(7,14,28,.82);font-weight:700}
.evo-stage{padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(10,20,42,.9),rgba(5,10,21,.95));box-shadow:0 24px 65px rgba(0,0,0,.4)}.evo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;align-items:center}.evo-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evo-card,.exchange-card{padding:17px;border-radius:19px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(11,20,39,.9),rgba(6,11,22,.94))}.rings{position:relative;aspect-ratio:1;display:grid;place-items:center}.rings:before,.rings:after{content:"";position:absolute;border:1px solid rgba(99,236,255,.22);border-radius:50%}.rings:before{width:94%;height:94%}.rings:after{width:70%;height:70%;border-color:rgba(192,124,255,.28);animation:spin 24s linear infinite}.core{width:min(330px,70vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(4,12,27,.75) 0 23%,transparent 24%),conic-gradient(from 0deg,var(--aqua),#c07cff,var(--pink),var(--aqua));box-shadow:0 0 80px rgba(99,236,255,.18),inset 0 0 60px rgba(255,255,255,.08)}.core strong{font-size:2.2rem;line-height:1.05}.meter{margin-top:16px;padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(11,20,39,.9),rgba(6,11,22,.94))}.bar{height:11px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:12px}.fill{height:100%;width:72%;background:linear-gradient(90deg,var(--aqua),#c07cff,var(--pink))}
.exchange-stage{background:linear-gradient(180deg,rgba(10,19,38,.9),rgba(5,10,20,.95));box-shadow:0 24px 65px rgba(0,0,0,.38)}.exchange-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;margin-top:20px}.frame{padding:13px;border:1px solid var(--line);border-radius:22px;background:rgba(5,10,20,.86)}.frame img{width:100%;height:auto;border-radius:16px}.exchange-cards{display:grid;gap:12px}.note{margin-top:14px;padding:15px;border:1px solid rgba(255,168,90,.24);border-radius:17px;background:rgba(39,22,10,.35);color:#ffd6ae;line-height:1.65}
@media(max-width:900px){.world-grid,.world-cards,.evo-grid,.evo-cards,.exchange-grid{grid-template-columns:1fr}.wrap{width:min(100vw - 14px,100%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}