:root{--bg:#10120f;--panel:#171b16;--text:#f0eee5;--muted:#a5a99d;--green:#b8d4a4;--line:#343a30;--serif:'Cinzel',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.12;z-index:-1}.ambient-one{width:420px;height:420px;background:#8da878;top:10%;left:-250px}.ambient-two{width:380px;height:380px;background:#667a8a;right:-230px;top:50%}.site-header{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:5;background:#10120fdd;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.19em;font-size:15px}.brand-mark{color:var(--green);font-size:23px}.brand-light{font-weight:400;color:#aeb6a6}.nav{display:flex;gap:38px;color:#c2c5bb;font-size:12px;letter-spacing:.08em}.nav a:hover,.text-link:hover{color:var(--green)}.nav-cta{font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid #78856d;padding:12px 17px;color:var(--green)}.nav-cta span{padding-left:12px}.menu-toggle{display:none;background:none;border:0;color:var(--text);font-size:22px}.hero{min-height:650px;padding:100px 7vw 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;max-width:1600px;margin:auto}.hero-copy{position:relative;z-index:2;padding-bottom:35px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--green);font-weight:600}.eyebrow-line{display:inline-block;width:28px;height:1px;background:var(--green);vertical-align:middle;margin-right:10px}.hero h1,.intro h2,.section-heading h2,.join h2{font:500 clamp(48px,6.5vw,88px)/1.12 var(--serif);letter-spacing:-.045em;margin:27px 0}.hero h1 em,.intro h2 em,.section-heading h2 em,.join h2 em{font-style:normal;color:var(--green)}.hero-description,.body-copy{color:var(--muted);line-height:1.9;font-size:14px;max-width:440px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.button{padding:16px 20px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.button-primary{background:var(--green);color:#172015;font-weight:700}.button-primary span{padding-left:18px}.text-link{font-size:11px;letter-spacing:.08em;color:#d1d3c9}.text-link span{padding-left:8px;color:var(--green)}.hero-footnote{margin-top:65px;color:#8c9484;font-size:10px;letter-spacing:.08em}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--green)}.hero-art{height:470px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 58% 36%,#52604d 0,#28362e 22%,#18231f 48%,#111713 75%);border:1px solid #b5c9a51c}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10120f66,transparent 35%),linear-gradient(0deg,#10120f 0,transparent 35%)}.moon{position:absolute;width:105px;height:105px;border-radius:50%;background:#d7dfc1;right:22%;top:18%;box-shadow:0 0 65px #d9e5b966,0 0 130px #b6d0a333}.starfield{position:absolute;inset:8% 7%;color:#dce5c2;opacity:.6;line-height:4.4;font-size:12px;letter-spacing:1.4em}.mountain{position:absolute;bottom:-10%;width:120%;left:-10%;clip-path:polygon(0 100%,0 70%,15% 42%,25% 62%,43% 20%,58% 60%,74% 31%,88% 66%,100% 45%,100% 100%)}.mountain-back{height:72%;background:#52624e;opacity:.55}.mountain-mid{height:53%;background:#293c32;transform:translateX(-8%);clip-path:polygon(0 100%,0 48%,18% 25%,33% 61%,53% 10%,69% 54%,85% 27%,100% 56%,100% 100%)}.mountain-front{height:36%;background:#17251e;transform:translateX(5%);clip-path:polygon(0 100%,0 45%,20% 20%,39% 63%,58% 15%,75% 50%,100% 24%,100% 100%)}.art-caption{position:absolute;z-index:2;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#d0d9c4}.hero-index{position:absolute;bottom:32px;left:7vw;font-size:9px;letter-spacing:.2em;color:#777f70}.hero-index span{color:var(--green);padding:0 10px}.section{padding:120px 10vw;max-width:1500px;margin:auto}.intro{display:grid;grid-template-columns:.7fr 1.6fr .7fr;border-top:1px solid var(--line);align-items:start}.section-label{font-size:10px;color:var(--green);letter-spacing:.16em}.section-label span{color:#92998b;margin-left:12px}.intro h2,.section-heading h2,.join h2{font-size:clamp(42px,5vw,65px);margin:20px 0}.intro-aside{align-self:center;text-align:center;color:#aeb5a4;font:16px/1.8 var(--serif)}.ornament{font-size:35px;color:var(--green)}.features{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading .body-copy{max-width:250px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-card{min-height:235px;padding:28px;background:linear-gradient(140deg,#1b211a,#141813);border:1px solid #ffffff10;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #a6c09218;border-radius:50%;right:-80px;bottom:-110px;box-shadow:0 0 0 25px #a6c09208,0 0 0 50px #a6c09205}.card-number{font-size:9px;letter-spacing:.17em;color:#9da795}.card-symbol{font:36px var(--serif);color:var(--green);margin-top:24px}.feature-card h3{font:500 22px var(--serif);margin:12px 0}.feature-card p{font-size:12px;line-height:1.8;color:var(--muted);max-width:330px}.join{position:relative;text-align:center;border-top:1px solid var(--line);overflow:hidden}.join-glow{position:absolute;width:500px;height:300px;background:#9fbd8430;filter:blur(100px);left:50%;top:25%;transform:translateX(-50%);pointer-events:none}.join>*:not(.join-glow){position:relative}.join .body-copy{margin:0 auto 32px}.join h2{margin:20px 0}.server-address{margin:30px auto 0;max-width:460px;padding:16px 18px;border:1px solid #71826466;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#141a13}.server-address span{font-size:9px;letter-spacing:.13em;color:#8d9984}.server-address code{font:13px var(--sans);color:#e4eadc}.server-address button{background:none;border:0;color:var(--green);font-size:10px;letter-spacing:.1em;cursor:pointer}.copy-feedback{height:16px;color:var(--green);font-size:11px}.footer{border-top:1px solid var(--line);padding:28px 7vw;display:flex;justify-content:space-between;align-items:center;color:#8c9486;font-size:10px;letter-spacing:.08em}.footer .brand{color:var(--text)}.footer>a:last-child{color:var(--green)}@media(max-width:760px){.site-header{height:70px;padding:0 6vw}.menu-toggle{display:block;margin-left:auto;margin-right:18px}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#141813;padding:22px 7vw;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-cta{font-size:9px;padding:10px}.hero{padding:75px 7vw 85px;grid-template-columns:1fr;gap:40px}.hero h1{font-size:58px}.hero-art{height:350px}.hero-index{bottom:25px;left:7vw}.section{padding:80px 7vw}.intro{grid-template-columns:1fr;gap:25px}.intro-aside{text-align:left}.section-heading{display:block}.section-heading .body-copy{margin-top:15px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:210px}.footer{padding:25px 7vw;gap:18px;flex-wrap:wrap}.footer>span{order:3;width:100%}.server-address{flex-wrap:wrap}.server-address span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* ===== Market page ===== */
:root{--up:#d9a066;--down:#9dc489;--flat:#9a9d96}
.nav a[aria-current="page"]{color:var(--green)}
.market-intro{padding:90px 7vw 40px;max-width:1500px;margin:auto;position:relative}
.market-intro h1{font:500 clamp(44px,6vw,76px)/1.12 var(--serif);letter-spacing:-.045em;margin:22px 0}
.market-intro h1 em{font-style:normal;color:var(--green)}
.market-intro .moon{right:7vw;top:60px;width:70px;height:70px;box-shadow:0 0 45px #d9e5b955,0 0 90px #b6d0a322}
.market-body{padding:0 7vw 110px;max-width:1500px;margin:auto}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.stat{padding:24px 26px;background:linear-gradient(140deg,#1b211a,#141813);border:1px solid #ffffff10;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.stat:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #a6c09218;border-radius:50%;right:-70px;bottom:-90px;box-shadow:0 0 0 22px #a6c09208}
.stat-label{font-size:9px;letter-spacing:.17em;color:#9da795;text-transform:uppercase}
.stat strong{font:500 30px var(--serif);letter-spacing:-.02em}
.stat-note{font-size:11px;color:var(--muted);line-height:1.6}
.explain{font-size:12px;color:#8c9486;line-height:1.8;max-width:620px;margin:0 0 34px}
.toolbar{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:18px}
.field label{display:block;font-size:9px;letter-spacing:.17em;color:#9da795;text-transform:uppercase;margin-bottom:8px}
.field input,.field select{width:100%;min-height:48px;padding:0 16px;font:13px var(--sans);color:var(--text);background:#141a13;border:1px solid #71826466;border-radius:0}
.field input::placeholder{color:#6d7567}
.field input:focus,.field select:focus,.chip:focus-visible,.btn:focus-visible{outline:1px solid var(--green);outline-offset:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{font:600 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#c2c5bb;background:none;border:1px solid #78856d66;padding:11px 15px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.chip:hover{color:var(--green);border-color:var(--green)}
.chip[aria-pressed="true"]{background:var(--green);color:#172015;border-color:var(--green)}
.chip-count{opacity:.6;font-weight:400;margin-left:4px}
.result-count{font-size:11px;color:#8c9486;letter-spacing:.05em;min-height:18px;margin:0 0 10px}
.btn{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:16px 22px;background:var(--green);color:#172015;border:0;cursor:pointer}
.btn:hover{background:#cde3bb}
.btn-ghost{background:none;color:var(--green);border:1px solid #78856d}
.btn-ghost:hover{background:#b8d4a41a}
.state{text-align:center;padding:70px 20px;border:1px solid #ffffff10;background:#141813;color:var(--muted);font-size:13px;line-height:1.8}
.state[hidden],.table-wrap[hidden],.more-wrap[hidden],.btn[hidden]{display:none}
.state h2{font:500 24px var(--serif);color:var(--up);margin:0 0 12px}
.state p{margin:0 auto 22px;max-width:420px}
.spinner{width:30px;height:30px;margin:0 auto 18px;border:1px solid #71826466;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #b8d4a422}
@keyframes spin{to{transform:rotate(360deg)}}
.table-wrap{border:1px solid #ffffff10;background:linear-gradient(140deg,#1b211a,#141813)}
.price-table{width:100%;border-collapse:collapse}
.price-table th,.price-table td{padding:15px 20px;text-align:left;border-bottom:1px solid #ffffff0d;font-size:13px}
.price-table thead th{font-size:9px;letter-spacing:.17em;font-weight:600;color:#9da795;text-transform:uppercase;background:#10120f}
.price-table tbody tr:hover{background:#b8d4a40a}
.price-table tbody tr:last-child>*{border-bottom:0}
.num{text-align:right!important;font-variant-numeric:tabular-nums}
.item-name{font-weight:500}
.item-title{display:block;font-family:var(--serif);font-size:15px;letter-spacing:.01em}
.item-material{display:block;font-size:10px;letter-spacing:.08em;color:#6f7869;margin-top:3px;font-weight:400}
.cat{color:var(--muted);font-size:12px}
.infl{white-space:nowrap;font-weight:600}
.dir-up{color:var(--up)}.dir-down{color:var(--down)}.dir-flat,.dir-none{color:var(--flat)}
.more-wrap{text-align:center;padding:18px;border-top:1px solid #ffffff0d}
@media(max-width:760px){
  .market-intro{padding:65px 7vw 30px}.market-intro h1{font-size:46px}.market-intro .moon{top:30px;width:50px;height:50px}
  .market-body{padding:0 7vw 80px}
  .summary,.toolbar{grid-template-columns:1fr}
  .price-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .price-table,.price-table tbody{display:block}
  .price-table tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;padding:16px 18px;border-bottom:1px solid #ffffff0d}
  .price-table th,.price-table td{display:block;padding:0;border:0;text-align:left}
  .price-table .item-name,.price-table .cat{grid-column:1/-1}
  .price-table .cat{margin-bottom:8px}
  .price-table td[data-label]::before{content:attr(data-label);display:block;font-size:9px;letter-spacing:.15em;color:#8c9486;text-transform:uppercase}
  .price-table td.cat::before{display:none}
  .num{text-align:left!important}
}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}


/* ===== Features page ===== */
:root{--dusk:#8b79ad}
.nav a[aria-current="page"]{color:var(--green)}
.cmd{font:600 12px var(--sans);color:var(--green);background:#b8d4a412;border:1px solid #b8d4a42e;padding:2px 7px;letter-spacing:.02em}
.tag{display:inline-block;font:600 9px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#d7dfc1;border:1px solid #d7dfc155;padding:4px 8px;margin-bottom:10px}
.f-hero{position:relative;max-width:1500px;margin:auto;padding:110px 7vw 60px}
.f-hero h1{font:500 clamp(48px,7vw,96px)/1.1 var(--serif);letter-spacing:-.045em;margin:27px 0}
.f-hero h1 em{font-style:normal;color:var(--green)}
.f-hero .moon{right:9vw;top:80px;width:84px;height:84px;opacity:.9}
.f-index{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:46px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.08em;color:#c2c5bb}
.f-index a:hover{color:var(--green)}
.f-section{max-width:1500px;margin:auto;padding:110px 10vw;border-top:1px solid var(--line)}
.f-section h2{font:500 clamp(40px,4.8vw,62px)/1.12 var(--serif);letter-spacing:-.045em;margin:20px 0}
.f-section h2 em,.f-join h2 em{font-style:normal;color:var(--green)}
.f-section h3{font:500 20px var(--serif);margin:0 0 10px}
.f-section p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}

/* economy */
.market-band{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;margin-top:14px;padding:34px 30px;border:1px solid #71826466;background:#141a13;align-items:center}
.market-link p{margin-bottom:20px!important}

/* events */

/* split layouts */
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.rule-list{list-style:none;margin:0;padding:0}
.rule-list li{padding:24px 0;border-top:1px solid var(--line)}
.rule-list li:last-child{border-bottom:1px solid var(--line)}
.rule-list h3{color:var(--green)}

/* progression */
.rank-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}
.rank{padding:32px;min-height:210px;background:linear-gradient(140deg,#1b211a,#141813);border:1px solid #ffffff10}
.rank h3{margin-top:18px}
.rank-sun{background:linear-gradient(140deg,#201f16,#141813)}
.rank-divider{position:relative;width:70px;display:flex;align-items:center;justify-content:center}
.rank-divider:before{content:"";position:absolute;top:12%;bottom:12%;left:50%;width:1px;background:var(--line)}
.rank-divider span{position:relative;background:var(--bg);padding:8px 0;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#8c9486;writing-mode:vertical-rl}
.stars-source{margin-top:14px;padding:26px 30px;border:1px solid #71826466;background:#141a13;display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.stars-source h3{margin:0}
.stars-source ul{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0}
.stars-source li{font-size:11px;letter-spacing:.08em;color:#d7dfc1;border:1px solid #d7dfc144;padding:8px 13px}
.stars-source li:before{content:"✦ ";color:var(--green)}

/* TLE OS */
.split-os{gap:80px}
.os-window{border:1px solid #71826499;background:#0f130e;box-shadow:0 0 70px #b8d4a414}
.os-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#141a13}
.os-bar i{width:9px;height:9px;border-radius:50%;background:#3b4636}
.os-bar span{margin-left:auto;font-size:9px;letter-spacing:.2em;color:#8d9984}
.os-body{display:grid;grid-template-columns:150px 1fr;min-height:300px}
.os-dock{list-style:none;margin:0;padding:16px 0;border-right:1px solid var(--line)}
.os-dock li{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:11px;color:#a5a99d;letter-spacing:.04em}
.os-dock li span{width:22px;text-align:center;color:var(--green);font-weight:700}
.os-dock li.active{background:#b8d4a412;color:var(--text)}
.os-pane{padding:24px;position:relative}
.os-line{height:9px;background:#2a3326;margin-bottom:14px}
.w90{width:90%}.w70{width:70%}.w50{width:50%}
.os-like{display:inline-block;margin-top:10px;font-size:10px;letter-spacing:.1em;color:var(--green);border:1px solid #78856d99;padding:7px 11px}
.os-cursor{position:absolute;left:24px;bottom:22px;font:600 13px var(--sans);color:var(--green)}
.os-cursor b{display:inline-block;width:8px;height:14px;background:var(--green);margin-left:6px;vertical-align:-2px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.os-note{padding:10px 16px!important;font-size:10px!important;letter-spacing:.08em;color:#6f7869!important;border-top:1px solid var(--line)}
.os-features{list-style:none;margin:30px 0 0;padding:0}
.os-features li{padding:18px 0;border-top:1px solid var(--line)}
.os-features li:last-child{border-bottom:1px solid var(--line)}
.os-features h3{font-size:17px;color:var(--green)}

/* interfaces */
.ui-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}
.ui-item{padding:30px 26px;border-right:1px solid var(--line);background:linear-gradient(180deg,#161b15,#12150f)}
.ui-item:last-child{border-right:0}

/* cta */
.f-join{border-top:1px solid var(--line)}
.f-join h2{font:500 clamp(42px,5vw,65px)/1.12 var(--serif);letter-spacing:-.045em}
.f-cta{justify-content:center}

@media(max-width:1000px){
  .ui-grid{grid-template-columns:1fr 1fr}
  .ui-item:nth-child(2){border-right:0}
  .ui-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  .f-hero{padding:75px 7vw 40px}
  .f-hero h1{font-size:54px}
  .f-hero .moon{top:40px;right:7vw;width:56px;height:56px}
  .f-section{padding:80px 7vw}
  .market-band,.split,.split-os{grid-template-columns:1fr;gap:34px}
  .rank-pair{grid-template-columns:1fr}
  .rank-divider{width:auto;height:50px}
  .rank-divider:before{top:50%;bottom:auto;left:8%;right:8%;width:auto;height:1px}
  .rank-divider span{writing-mode:horizontal-tb;padding:0 14px}
  .os-body{grid-template-columns:1fr}
  .os-dock{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line);padding:6px 0}
  .os-pane{min-height:200px}
  .ui-grid{grid-template-columns:1fr}
  .ui-item{border-right:0;border-bottom:1px solid var(--line)}
  .ui-item:last-child{border-bottom:0}
  .f-index{gap:8px 18px}
}
@media(prefers-reduced-motion:reduce){
  .os-cursor b{animation:none!important}
}


/* ===== The Mint: currency showcase ===== */
.mint{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mint-line{position:absolute;left:16.6%;right:16.6%;top:118px;height:1px;z-index:0;
  background:linear-gradient(90deg,#b8d4a455,#d7dfc155,#d6c48f55)}
.mint-line:after{content:"";position:absolute;top:-1px;left:0;width:18%;height:3px;border-radius:3px;
  background:linear-gradient(90deg,transparent,#fff8,transparent);filter:blur(1px);animation:pulse-line 6s ease-in-out infinite}
@keyframes pulse-line{0%{left:-6%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:90%;opacity:0}}

.coin{--c:#b8d4a4;--mx:50%;--my:0%;position:relative;z-index:1;overflow:hidden;padding:34px 30px 30px;text-align:center;
  background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--c) 16%,transparent),transparent 62%),linear-gradient(160deg,#1b211a,#12150f);
  border:1px solid color-mix(in srgb,var(--c) 22%,transparent);transition:border-color .3s,transform .3s,box-shadow .3s}
.coin:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(360px circle at var(--mx) var(--my),color-mix(in srgb,var(--c) 18%,transparent),transparent 60%)}
.coin:hover{border-color:color-mix(in srgb,var(--c) 55%,transparent);transform:translateY(-4px);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--c) 40%,transparent)}
.coin:hover:before{opacity:1}
.coin-stars{--c:#d7dfc1}
.coin-sun{--c:#d6b56a}
.coin>*{position:relative}
.coin h3{font:500 32px var(--serif);letter-spacing:.02em;margin:6px 0 12px}
.coin-role{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.coin p{max-width:290px;margin:0 auto}
.coin-uses{list-style:none;margin:24px 0 0;padding:20px 0 0;border-top:1px solid color-mix(in srgb,var(--c) 18%,transparent);display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.coin-uses li{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d1d3c9;border:1px solid color-mix(in srgb,var(--c) 30%,transparent);padding:7px 11px}

/* emblem */
.emblem{position:relative;width:170px;height:170px;margin:0 auto 24px;display:grid;place-items:center}
.core{position:relative;z-index:2;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font:48px/1 var(--serif)}
.core span{position:relative;z-index:2}
.orbit{position:absolute;inset:0;border-radius:50%;border:1px dashed color-mix(in srgb,var(--c) 38%,transparent);animation:spin 28s linear infinite}
.orbit:before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid color-mix(in srgb,var(--c) 18%,transparent)}
.orbit i{position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--c);box-shadow:0 0 14px 3px color-mix(in srgb,var(--c) 70%,transparent)}
@keyframes spin{to{transform:rotate(360deg)}}

/* money: a minted coin */
.coin-money .core{background:radial-gradient(circle at 34% 28%,#eef6e2,#b8d4a4 38%,#6d8a5d 78%,#4b6342);
  box-shadow:inset 0 0 0 5px #00000014,inset 0 0 0 9px #ffffff30,inset 0 -10px 18px #0000002e,0 0 50px #b8d4a440;color:#1f3019;text-shadow:0 1px 0 #ffffff66,0 -1px 0 #00000022}
.coin-money .core:after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 40%,#ffffff66 50%,transparent 60% 100%);animation:spin 7s linear infinite;mix-blend-mode:soft-light}

/* stars: radiant, with twinkling points */
.coin-stars .core{background:radial-gradient(circle at 50% 45%,#f4f8e6,#c5d2ae 30%,#4a5c52 72%,#1c2a26);box-shadow:0 0 60px #d7dfc155,inset 0 0 20px #ffffff40;color:#1c2a26}
.coin-stars .rays,.coin-sun .rays{position:absolute;inset:-26px;border-radius:50%;animation:spin 40s linear infinite reverse;
  -webkit-mask:radial-gradient(circle,#000 38%,transparent 70%);mask:radial-gradient(circle,#000 38%,transparent 70%)}
.coin-stars .rays{background:repeating-conic-gradient(from 0deg,#e5efd038 0 3deg,transparent 3deg 22.5deg)}
.coin-stars u{position:absolute;width:3px;height:3px;border-radius:50%;background:#eef4dc;box-shadow:0 0 8px 2px #d7dfc199;animation:twinkle 3.4s ease-in-out infinite}
.coin-stars u:nth-of-type(1){top:6%;left:14%}
.coin-stars u:nth-of-type(2){top:20%;right:6%;animation-delay:.7s}
.coin-stars u:nth-of-type(3){bottom:8%;left:24%;animation-delay:1.4s}
.coin-stars u:nth-of-type(4){bottom:22%;right:10%;animation-delay:2.1s}
.coin-stars u:nth-of-type(5){top:46%;left:-2%;animation-delay:2.7s}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.4)}}

/* sunstones: a warm gem with turning light */
.coin-sun{background:radial-gradient(ellipse at 50% 0,#d6b56a24,transparent 62%),linear-gradient(160deg,#1f1e15,#12150f)}
.coin-sun .core{background:radial-gradient(circle at 38% 32%,#fff3cf,#e0bd6f 40%,#9a6f31 82%);color:#4a3210;box-shadow:0 0 60px #d6b56a55,0 0 120px #d6b56a22,inset 0 -8px 16px #00000030;animation:glow 5s ease-in-out infinite alternate}
.coin-sun .rays{background:repeating-conic-gradient(from 0deg,#e9c47c3d 0 5deg,transparent 5deg 15deg);animation-duration:55s}
@keyframes glow{from{box-shadow:0 0 44px #d6b56a44,0 0 90px #d6b56a18,inset 0 -8px 16px #00000030}to{box-shadow:0 0 70px #d6b56a77,0 0 150px #d6b56a2c,inset 0 -8px 16px #00000030}}

@media(max-width:1000px){.mint{grid-template-columns:1fr}.mint-line{display:none}.coin{display:grid;grid-template-columns:150px 1fr;column-gap:26px;text-align:left;align-items:center;padding:28px}
  .coin .emblem{grid-row:1/5;width:140px;height:140px;margin:0}.coin .core{width:88px;height:88px;font-size:40px}.coin p{margin:0}.coin-uses{justify-content:flex-start}}
@media(max-width:600px){.coin{grid-template-columns:1fr;text-align:center}.coin .emblem{grid-row:auto;margin:0 auto 20px}.coin-uses{justify-content:center}}
@media(prefers-reduced-motion:reduce){.orbit,.rays,.core,.core:after,.coin-stars u,.mint-line:after{animation:none!important}.coin:hover{transform:none}}


/* ===== Celestial events showcase ===== */
.sky-showcase{border:1px solid #ffffff14}
.sky-stage{position:relative;height:clamp(500px,68vh,660px);overflow:hidden;background:#0c0e0b;isolation:isolate}
.sky-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sky-stage:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,#10120fd9 0,#10120f66 38%,transparent 62%),linear-gradient(0deg,#10120f 0,#10120f00 42%)}
.sky-mtn{position:absolute;left:0;right:0;bottom:0;height:34%;z-index:1;pointer-events:none}
.sky-mtn i{position:absolute;bottom:-2px;display:block;clip-path:polygon(0 100%,0 55%,14% 30%,26% 58%,44% 12%,60% 56%,76% 26%,90% 58%,100% 38%,100% 100%)}
.sky-mtn i:nth-child(1){left:-6%;width:112%;height:100%;background:#0e130e;opacity:.92}
.sky-mtn i:nth-child(2){left:0;width:100%;height:62%;background:#10120f;clip-path:polygon(0 100%,0 40%,22% 18%,40% 62%,62% 8%,80% 52%,100% 24%,100% 100%)}
.sky-copy{position:absolute;z-index:3;left:clamp(24px,4vw,52px);bottom:clamp(28px,5vw,56px);max-width:500px;transition:opacity .22s,transform .22s}
.sky-copy.out{opacity:0;transform:translateY(10px)}
.sky-title{font:500 clamp(40px,5.4vw,76px)/1.04 var(--serif)!important;letter-spacing:-.035em;margin:0 0 16px!important;text-shadow:0 0 50px #000a}
.sky-text{font-size:14px!important;line-height:1.85;color:#d3d8c9!important;max-width:420px}
.sky-note{margin-top:14px!important;font-size:10px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--green)!important}
.sky-note:empty,.sky-note[hidden]{display:none}
.sky-tag[hidden]{display:none}

.sky-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff14;background:#12150f}
.sky-tab{--c:#cfe3cf;position:relative;display:flex;align-items:center;gap:12px;padding:20px 22px;background:none;border:0;border-right:1px solid #ffffff0f;color:#8f978a;font:600 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer;transition:color .25s,background .25s}
.sky-tab:last-child{border-right:0}
.sky-tab[data-event=lunar]{--c:#b6c8cf}.sky-tab[data-event=meteor]{--c:#f0e2bd}.sky-tab[data-event=alignment]{--c:#b39bdc}.sky-tab[data-event=eclipse]{--c:#9a82cc}
.sky-glyph{font-size:18px;color:var(--c);opacity:.55;transition:opacity .25s,text-shadow .25s}
.sky-tab:hover{color:#e6eadc;background:#ffffff06}
.sky-tab[aria-selected=true]{color:#f0eee5;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 11%,transparent),transparent)}
.sky-tab[aria-selected=true] .sky-glyph{opacity:1;text-shadow:0 0 18px var(--c)}
.sky-tab:focus-visible{outline:1px solid var(--green);outline-offset:-3px}
.sky-bar{position:absolute;left:0;right:0;top:0;height:2px;background:var(--c);transform:scaleX(0);transform-origin:left;pointer-events:none}
.sky-tab[aria-selected=true] .sky-bar{transform:scaleX(1)}
.sky-tabs.auto .sky-tab[aria-selected=true] .sky-bar{animation:skybar 9s linear forwards}
.sky-tabs.paused .sky-bar{animation-play-state:paused}
@keyframes skybar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(max-width:1000px){.sky-tab{padding:18px 14px;font-size:10px;gap:9px}}
@media(max-width:760px){
  .sky-stage{height:540px}
  .sky-stage:after{background:linear-gradient(0deg,#10120ff2 0,#10120f99 36%,#10120f00 66%)}
  .sky-copy{right:22px;left:22px;bottom:26px}
  .sky-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .sky-tabs::-webkit-scrollbar{display:none}
  .sky-tab{flex:0 0 auto;min-width:168px;scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){.sky-tabs.auto .sky-tab[aria-selected=true] .sky-bar{animation:none}.sky-copy{transition:none}}