/* One layout contract for all four moon sections. */
main.moon-section{width:100%;max-width:1228px;margin:0 auto;padding:40px 24px 80px;box-sizing:border-box;color:#f5eff8;line-height:1.7}
.moon-section .moon-section-heading{height:132px;padding:0;margin:0;box-sizing:border-box;text-align:left;max-width:none}
.moon-section .moon-section-heading>span{display:block;font:700 11px/18px system-ui;letter-spacing:.16em;color:#ad8bcb}
.moon-section .moon-section-heading h1{font:800 40px/1.25 system-ui;letter-spacing:-.045em;margin:10px 0 12px;color:#f5eff8;padding:0}
.moon-section .moon-section-heading p{font:400 14px/1.7 system-ui;letter-spacing:0;color:#b8a9c5;margin:0;padding:0}
.moon-section .moon-section-tabs{display:grid;grid-template-columns:repeat(4,max-content);gap:30px;justify-content:start;margin:0 0 30px;padding:0;border:0;border-bottom:1px solid #a988c133;background:none;border-radius:0}
.moon-section .moon-section-tabs a{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:50px;padding:0 2px;background:none;border:0;border-radius:0;color:#ab9bbb;text-decoration:none;white-space:nowrap;font:600 14px/1.5 system-ui;letter-spacing:-.02em}
.moon-section .moon-section-tabs a[aria-current=page]{color:#f2e5fa}
.moon-section .moon-section-tabs a[aria-current=page]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#c69ce6;border-radius:3px 3px 0 0}
.moon-section .moon-section-tabs a:hover{color:#f2e5fa}.moon-section .moon-section-tabs a:focus-visible{outline:2px solid #c69ce6;outline-offset:-3px}
.moon-section .moon-wallet-account{padding:18px 22px;border:1px solid #a988c133;border-radius:14px;margin:0 0 24px;background:#21182c}
.moon-section .moon-wallet-account small{display:block;color:#baaac9;margin-top:10px}
.moon-section .moon-shop-balance{box-sizing:border-box;width:100%;max-width:none;min-width:0;display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:16px 20px;margin:0 0 28px;border:1px solid #a988c133;border-radius:14px;background:#21182c}
.moon-section .moon-shop-balance>span{font-size:12px;color:#baaac9}.moon-section .moon-shop-balance strong{font-size:24px;line-height:1.4;text-align:right;grid-column:2;grid-row:1/3}.moon-section .moon-shop-balance small{max-width:none;font-size:12px;color:#baaac9;grid-column:1}.moon-section .moon-shop-balance button{justify-self:start;border:0;padding:0;background:none;color:#d9bbea;text-decoration:underline;font-size:12px;cursor:pointer}.moon-section .moon-shop-balance a{font-size:13px;color:#d9bbea}.moon-section .moon-shop-balance:has([data-moon-login]:not([hidden])) strong{font-size:16px}.moon-section .moon-shop-balance:has([data-moon-login]:not([hidden])) button{display:none}
.moon-section #exchange.moon-exchange{margin:0;padding:0;border:0;border-radius:0;background:none}
.moon-section .moon-title{margin:0 0 18px}.moon-section .moon-title h2{font-size:22px;line-height:1.4;letter-spacing:-.03em}.moon-section [data-shop-status]{font-size:12px;line-height:1.7;color:#ae9ebb}
.moon-section .guide-jumps{margin:0 0 28px}.moon-section .guide-section h2{font-size:22px;line-height:1.4}.moon-section .collection-grid{margin-top:18px}
@media(max-width:650px){main.moon-section{padding:28px 18px 60px}.moon-section .moon-section-heading{height:136px}.moon-section .moon-section-heading h1{font-size:30px;margin:10px 0 12px}.moon-section .moon-section-heading p{font-size:13px;max-width:100%}.moon-section .moon-section-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:24px}.moon-section .moon-section-tabs a{height:48px;font-size:clamp(11px,3.2vw,13px);letter-spacing:-.045em;padding:0}.moon-section .moon-shop-balance{padding:14px 16px;gap:6px 10px}.moon-section .moon-shop-balance strong{font-size:22px}.moon-section .moon-shop-balance small{font-size:11px}.moon-section .moon-title h2{font-size:20px}}

body:has(main.moon-section){background:#130f1a}main.moon-section{background:transparent;font-size:15px}.moon-section h2{font-size:22px;line-height:1.4;letter-spacing:-.03em}