/* Season 0 XP block on the homepage: same layout as the "Be early" section, mirrored, in World blue */
.xp-section{background:#133e83;background-image:radial-gradient(ellipse at 85% 45%,#2f6bd1,transparent 56%)}
.xp-section .eyebrow b{color:#ffe369}
.xp-section .orbit-ring{border-color:#ffffff30}
.xp-section .pass{transform:rotate(9deg);background:#baff38;box-shadow:-10px 14px 0 #0d2a5e}
.xp-section .pass-top span{color:#6346d7}
.xp-section .pass-gem{background:#6346d7;color:#fff;transform:rotate(-10deg);box-shadow:7px 7px 0 #2d6b1c;font-size:58px}
.xp-section .chip-one{left:auto;right:-5px;top:10%;transform:rotate(7deg)}
.xp-section .chip-two{right:auto;left:-10px;bottom:22%;transform:rotate(-6deg);background:#ffe369}
.xp-section .chip-three{left:6%;top:auto;bottom:4%;transform:rotate(3deg);background:#79ebff}
.xp-section .early-copy>p{color:#e3ecff}
.xp-clock{display:inline-flex;align-items:center;gap:14px;padding:10px 18px;border:3px solid #31265d;border-radius:14px;background:#ffe369;color:#31265d;box-shadow:4px 5px 0 #0d2a5e;font-weight:1000;font-size:13px}
.xp-clock b{font:26px/1 Launch,sans-serif;font-variant-numeric:tabular-nums}
.xp-clock.live{background:#baff38}
.xp-section .quest-path li>span{width:auto;min-width:52px;padding:0 8px;background:#0f2f6b;border-color:#79ebff;color:#baff38}
.xp-section .quest-path small{color:#d3e0ff}
.xp-section .availability{color:#d3e0ff}
#xp-detail{max-width:640px;max-height:calc(100dvh - 40px)}
.xp-table h3{font:20px/1 Launch,sans-serif;color:#baff38;margin:20px 0 6px}
.xp-table p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:8px 0;border-bottom:1px solid #ffffff14;font-size:13px;line-height:1.4}
.xp-table p span{flex:none;color:#ffe369;font-weight:1000;text-align:right}
@media(max-width:760px){
 .xp-section .early-art{order:-1}
 .xp-section .chip-two{left:0}
 .chip-three{left:6%;font-size:16px}
 .xp-clock b{font-size:22px}
 .xp-table p{flex-direction:column;gap:2px}
 .xp-table p span{text-align:left}
}
.xp-section .star-one{right:auto;left:14%;top:8%}
/* NFT collections block (replaces "Be early", same layout) */
.nft-section .pass{background:#ff9fd6}
.nft-gem{display:grid;place-items:center;background:#79ebff;overflow:hidden;padding:0}
.nft-gem img{width:120%;max-width:none;margin-top:12%}
.nft-section .chip-three{left:10%;bottom:-2%;transform:rotate(4deg);background:#ffe369}
.nft-section .chip-two{bottom:18%}
@media(max-width:760px){.nft-section .chip-three{left:4%;bottom:0;font-size:16px}}
/* Creator fees + calculator (replaces the BTC/ETH market radar, same layout) */
.creator-fees .market-intro p b{color:#ffe369}
.fee-note{margin:0 0 25px;padding:14px 16px;border-radius:12px;background:#ffe36914;border:2px dashed #ffe36980;color:#fff4bf;font-size:13px;line-height:1.6;max-width:520px}
.fee-note b{color:#ffe369}
.fee-calc{transform:rotate(1.2deg)}
.fee-calc header span{font-weight:900}
.calc-body{padding:10px 25px 4px}
.calc-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 14px;padding:13px 0;border-bottom:1px solid #ffffff15}
.calc-row b{font-size:14px}
.calc-row small{display:block;font-size:11px;color:#a7c4e8}
.calc-row output{font:22px/1 Launch,sans-serif;color:#baff38;font-variant-numeric:tabular-nums}
.calc-row input{grid-column:1/-1;width:100%;accent-color:#baff38;height:22px;cursor:pointer}
.calc-seg{display:flex;gap:6px}
.calc-seg button{border:2px solid #429af3;border-radius:10px;background:#1d59ab;color:#fff;font-weight:1000;font-size:13px;padding:6px 10px}
.calc-seg button[aria-checked=true]{background:#baff38;border-color:#baff38;color:#163626}
.calc-total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:18px 25px 10px}
.calc-total span,.calc-total small{font-size:13px;color:#d0e4ff;font-weight:900}
.calc-total strong{font:44px/1 Launch,sans-serif;color:#ffe369;text-shadow:0 3px 0 #8a6a12;font-variant-numeric:tabular-nums}
.calc-bars{display:flex;gap:3px;height:14px;margin:0 25px;border-radius:7px;overflow:hidden;background:#ffffff12}
.calc-bars i{flex:0 1 0;min-width:0;transition:flex-grow .25s}
#b-coin,.k-coin{background:#baff38}#b-mint,.k-mint{background:#ff68bc}#b-resale,.k-resale{background:#79ebff}
.calc-legend{list-style:none;margin:0;padding:12px 25px 4px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#d0e4ff}
.calc-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.calc-legend b{color:#fff;margin-left:4px}
@media(max-width:760px){.calc-body,.calc-total,.calc-legend{padding-left:17px;padding-right:17px}.calc-bars{margin:0 17px}.calc-total strong{font-size:36px}.calc-seg button{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.calc-bars i{transition:none}}
.calc-once{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 25px 4px;padding:12px 16px;border-radius:12px;background:#ff68bc1f;border:2px solid #ff68bc66}
.calc-once span{font-size:13px;color:#ffd1ea;font-weight:900}
.calc-once strong{font:28px/1 Launch,sans-serif;color:#ff9fd6;font-variant-numeric:tabular-nums}
@media(max-width:760px){.calc-once{margin:14px 17px 4px}}