:root{--bg:#080710;--bg2:#0e0b18;--panel:#12101d;--panel2:#181426;--line:#28223b;--text:#f6f3ff;--muted:#9891ad;--purple:#8d68ff;--purple2:#6841e6;--lav:#c4b3ff;--gold:#f2bd55;--green:#4cdaa1;--red:#ff6d82;font-family:"DM Sans",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;overflow-x:hidden}button,input,select{font:inherit}button,a{transition:.2s ease}button{color:inherit}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}.ambient{position:fixed;z-index:-1;border-radius:999px;filter:blur(120px);opacity:.18;pointer-events:none}.ambient-one{width:480px;height:480px;background:#6a2fff;top:-220px;right:-80px}.ambient-two{width:380px;height:380px;background:#34206d;top:600px;left:-230px}
.site-header{height:78px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100% - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,7,16,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:.05em;white-space:nowrap}.brand>span:last-child span{color:var(--purple)}.brand-gem{width:33px;height:33px;display:grid;place-items:center;transform:rotate(45deg);background:linear-gradient(135deg,var(--purple),#4e25c6);border:1px solid #b9a5ff;border-radius:8px;box-shadow:0 0 22px rgba(141,104,255,.3)}.brand-gem span{transform:rotate(-45deg);font:700 10px "Space Grotesk";color:white}.desktop-nav{display:flex;gap:19px;margin-left:20px;flex-wrap:nowrap}.desktop-nav a{font-size:14px;color:var(--muted);padding:29px 0;position:relative;white-space:nowrap}.desktop-nav a:hover,.desktop-nav .active{color:var(--text)}.desktop-nav .active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--purple)}.header-actions{display:flex;gap:10px;margin-left:auto}.ghost-btn,.discord-btn,.primary-btn,.load-more{border:0;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:600}.ghost-btn{background:#151121;color:#c7c0d8;border:1px solid var(--line)}.ghost-btn:hover{border-color:#5d4d82;color:white}.btn-icon{color:var(--purple);margin-right:6px}.discord-btn,.primary-btn{background:linear-gradient(135deg,var(--purple),var(--purple2));color:white;box-shadow:0 8px 24px rgba(104,65,230,.22)}.discord-btn:hover,.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:8px 11px}
.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center;min-height:620px;padding-block:64px}.live-pill{display:inline-flex;gap:9px;align-items:center;padding:8px 12px;border:1px solid rgba(141,104,255,.3);border-radius:999px;background:rgba(141,104,255,.08);color:var(--lav);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.live-pill span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.live-pill time{color:inherit}.live-pill em{font-style:normal;font-weight:500;opacity:.6}h1,h2,h3{font-family:"Space Grotesk",sans-serif}h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.05em;margin:24px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#b9a3ff,var(--purple),#6841e6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.7;color:#aaa3ba;max-width:640px}.hero-search{height:60px;margin-top:30px;display:flex;align-items:center;gap:12px;background:#11101a;border:1px solid #332a4d;border-radius:14px;padding:0 16px;box-shadow:0 18px 55px rgba(0,0,0,.22)}.hero-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px rgba(141,104,255,.1)}.hero-search>span{font-size:26px;color:var(--purple);transform:rotate(-20deg)}.hero-search input{width:100%;border:0;outline:0;background:transparent;color:white;font-size:15px}.hero-search input::placeholder{color:#6f687d}.hero-search kbd{background:#272231;color:#91899f;border:1px solid #3a3345;border-radius:6px;padding:3px 8px}.hero-stats{display:flex;gap:32px;margin-top:27px}.hero-stats div{display:grid;gap:2px}.hero-stats strong{font:600 18px "Space Grotesk"}.hero-stats span{color:var(--muted);font-size:12px}
.hero-showcase{position:relative;min-height:470px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(141,104,255,.14);border-radius:50%;inset:40px}.orbit-a:before,.orbit-b:before{content:"";position:absolute;width:8px;height:8px;background:var(--purple);border-radius:50%;box-shadow:0 0 20px var(--purple)}.orbit-a:before{top:20px;right:80px}.orbit-b{inset:90px}.orbit-b:before{bottom:-4px;left:70px}.feature-card{position:relative;width:350px;background:linear-gradient(160deg,rgba(35,26,58,.98),rgba(14,11,24,.98));border:1px solid rgba(163,135,255,.34);border-radius:24px;padding:20px;box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 60px rgba(106,65,230,.12);overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,rgba(141,104,255,.22),transparent 42%);pointer-events:none}.feature-label{position:relative;color:var(--lav);font-size:10px;letter-spacing:.13em;font-weight:700}.feature-label span{color:var(--purple)}.feature-card>img{position:relative;display:block;width:230px;height:230px;object-fit:contain;margin:18px auto;filter:drop-shadow(0 24px 26px rgba(0,0,0,.55))}.feature-info{position:relative;display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.feature-info span,.feature-value small{font-size:9px;color:var(--purple);letter-spacing:.13em;font-weight:700}.feature-info h2{font-size:20px;margin:5px 0 0}.feature-value{text-align:right}.feature-value strong{display:block;font:700 35px "Space Grotesk";color:var(--gold)}
.ticker{border-block:1px solid rgba(255,255,255,.07);background:#0b0913;overflow:hidden}.ticker-track{display:flex;width:max-content;animation:ticker 35s linear infinite}.ticker-item{display:flex;align-items:center;gap:10px;padding:13px 27px;border-right:1px solid rgba(255,255,255,.06);font-size:12px;color:#b1aabd}.ticker-item img{width:28px;height:28px;object-fit:contain}.ticker-item strong{color:white}.ticker-item span{color:var(--gold)}@keyframes ticker{to{transform:translateX(-50%)}}
.values{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.kicker{display:block;color:var(--purple);font-size:11px;letter-spacing:.15em;font-weight:700;margin-bottom:10px}.section-heading h2,.guide h2,.calculator h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.04em;margin:0}.section-heading p,.guide-copy p,.calculator>p{color:var(--muted);margin:10px 0 0}.section-heading p a{color:var(--lav);border-bottom:1px solid rgba(196,179,255,.32)}.section-heading p a:hover{color:white;border-color:white}.result-total{text-align:right}.result-total strong{font:700 38px "Space Grotesk";display:block}.result-total span{color:var(--muted);font-size:12px}.filter-bar{display:grid;grid-template-columns:minmax(190px,1fr) auto 216px;gap:12px;align-items:center;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.search-field{display:flex;align-items:center;gap:9px;background:#0c0a14;border:1px solid #282238;border-radius:10px;padding:0 13px;height:43px}.search-field:focus-within{border-color:var(--purple)}.search-field span{color:var(--purple);font-size:20px}.search-field input{border:0;outline:0;background:transparent;color:white;width:100%}.rarity-tabs{display:flex;gap:4px}.rarity-tabs button,.event-row button{background:transparent;border:0;border-radius:8px;padding:10px 12px;color:var(--muted);cursor:pointer;font-size:13px}.rarity-tabs button:hover,.event-row button:hover{color:white}.rarity-tabs button.active{background:#28203e;color:#c7b9ff}.filter-bar select,.calculator select{height:43px;background:#0c0a14;border:1px solid #282238;border-radius:10px;color:#d7d2df;padding:0 12px;outline:0}.filter-rows{display:grid;gap:7px;padding:14px 2px 22px}.filter-rows .event-row{padding:0}.row-label{align-self:center;min-width:40px;color:#6f6878;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.event-row{display:flex;gap:4px;flex-wrap:wrap;padding:13px 2px 23px}.event-row button{padding:7px 11px;font-size:12px}.event-row button.active{color:white;background:rgba(141,104,255,.11)}
.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.item-card{position:relative;min-width:0;background:linear-gradient(160deg,#151120,#0e0c16);border:1px solid #252033;border-radius:16px;padding:14px;cursor:pointer;overflow:hidden}.item-card:hover{transform:translateY(-4px);border-color:#57467e;box-shadow:0 18px 40px rgba(0,0,0,.3)}.item-card:after{content:"";position:absolute;inset:auto -30% -60% 30%;height:150px;background:radial-gradient(circle,rgba(141,104,255,.1),transparent 66%);pointer-events:none}.item-top{display:flex;justify-content:space-between;align-items:center}.rarity{font-size:9px;letter-spacing:.13em;font-weight:700;color:#a88cff}.demand{font-size:10px;color:var(--muted)}.demand b{color:var(--green);font-weight:600}.item-visual{height:150px;display:grid;place-items:center;margin:6px 0}.item-visual img{width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 15px 15px rgba(0,0,0,.5));transition:.2s}.item-card:hover img{transform:scale(1.06)}.item-card h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 4px}.item-event{font-size:11px;color:var(--muted);text-transform:capitalize}.item-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.06);margin-top:13px;padding-top:12px}.item-bottom small{display:block;font-size:8px;color:#716a7c;letter-spacing:.12em}.item-bottom strong{font:700 24px "Space Grotesk";color:var(--gold)}.trend{font-size:10px;padding:5px 7px;border-radius:7px;background:rgba(76,218,161,.08);color:var(--green)}.load-more{display:block;margin:30px auto 0;background:var(--panel);color:#c7c1d2;border:1px solid var(--line);padding:13px 20px}.load-more:hover{border-color:var(--purple);color:white}.load-more[hidden]{display:none}
.guide{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:100px;border-top:1px solid rgba(255,255,255,.07)}.guide-copy p{line-height:1.7;max-width:500px}.primary-btn{margin-top:26px}.guide-list{display:grid}.guide-list>div{position:relative;padding:25px 0 25px 58px;border-bottom:1px solid var(--line)}.guide-list>div:first-child{border-top:1px solid var(--line)}.guide-list>div>span{position:absolute;left:0;top:28px;color:var(--purple);font:600 12px "Space Grotesk"}.guide-list h3{margin:0 0 6px;font-size:17px}.guide-list p{margin:0;color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);padding:34px 0;background:#07060c}.footer-inner{display:flex;align-items:center;gap:32px}.footer-inner p{color:var(--muted);font-size:12px;margin-left:auto}.footer-inner>span{color:#716a7e;font-size:11px}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,1,5,.78);backdrop-filter:blur(8px)}.calculator{position:relative;width:min(720px,100%);background:linear-gradient(145deg,#171222,#0d0b14);border:1px solid #3b3054;border-radius:22px;padding:34px;box-shadow:0 40px 100px rgba(0,0,0,.7)}.modal-close{position:absolute;right:18px;top:15px;background:transparent;border:0;font-size:28px;color:var(--muted);cursor:pointer}.trade-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end;margin-top:28px}.trade-columns label{display:grid;gap:9px;color:#bfb8ca;font-size:12px}.trade-columns select{width:100%}.trade-price{font:700 34px "Space Grotesk";color:var(--gold)}.swap-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#2c2342;color:var(--purple);margin-bottom:22px}.trade-result{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#0c0a13;text-align:center}.trade-result small{display:block;color:var(--muted);letter-spacing:.14em}.trade-result strong{display:block;font:700 24px "Space Grotesk";margin:7px 0}.trade-result span{font-size:11px;color:#6f6878}
@media(max-width:1040px){.desktop-nav{display:none}.hero{grid-template-columns:1fr .85fr;gap:30px}.item-grid{grid-template-columns:repeat(3,1fr)}.filter-bar{grid-template-columns:1fr 190px}.rarity-tabs{grid-column:1/-1;grid-row:2;order:3}}
@media(max-width:760px){.site-header{height:68px;padding-inline:20px}.header-actions,.desktop-nav{display:none}.menu-btn{display:block}.wrap{width:min(100% - 28px,1180px)}.hero{grid-template-columns:1fr;padding-block:48px}.hero-showcase{min-height:440px}.feature-card{width:min(340px,88vw)}.hero-stats{gap:20px}.item-grid{grid-template-columns:repeat(2,1fr)}.guide{grid-template-columns:1fr;gap:30px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%;margin:0}.trade-columns{grid-template-columns:1fr}.swap-mark{margin:auto}.filter-bar{grid-template-columns:1fr}.filter-bar select{grid-row:auto}.rarity-tabs{grid-column:auto;grid-row:auto;overflow:auto;padding-bottom:3px}.section-heading{align-items:start}.result-total{display:none}}
@media(max-width:470px){h1{font-size:47px}.hero-copy>p{font-size:16px}.hero-stats{justify-content:space-between}.hero-stats div:last-child{display:none}.hero-showcase{min-height:400px}.feature-card>img{width:190px;height:190px}.feature-card{width:92vw}.item-grid{grid-template-columns:1fr 1fr;gap:8px}.item-card{padding:11px}.item-visual{height:120px}.item-visual img{width:105px;height:105px}.item-card h3{font-size:13px}.item-bottom strong{font-size:20px}.values{padding-block:70px}.calculator{padding:26px 20px}.ticker-track{animation-duration:25s}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* --- sub pages: /item/*, /events/* ------------------------------------- */
.subpage{padding-block:38px 90px;min-height:calc(100vh - 300px)}
.crumbs{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:30px;flex-wrap:wrap}.crumbs a{color:var(--lav)}.crumbs a:hover{color:white}.crumbs span{color:#5d5670}
.item-hero{display:grid;grid-template-columns:340px 1fr;gap:46px;align-items:start;padding-bottom:20px}
.item-hero-art{position:relative;display:grid;place-items:center;background:linear-gradient(160deg,rgba(35,26,58,.95),rgba(14,11,24,.98));border:1px solid rgba(163,135,255,.3);border-radius:24px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.item-hero-art:before{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle at 50% 32%,rgba(141,104,255,.2),transparent 46%);pointer-events:none}
.item-hero-art img{position:relative;width:100%;max-width:280px;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55))}
.item-hero-copy h1{font-size:clamp(34px,4.4vw,54px);line-height:1.02;letter-spacing:-.04em;margin:12px 0 18px}
.item-hero-copy>p{color:#aaa3ba;line-height:1.75;font-size:16px;margin:0}.item-hero-copy strong{color:var(--gold)}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:26px 0 0;padding:0}
.stat-grid div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 14px}
.stat-grid dt{font-size:9px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}
.stat-grid dd{margin:6px 0 0;font:600 18px "Space Grotesk",sans-serif;line-height:1.25;white-space:nowrap}
/* Only the demand cell carries long prose, and it is the only dd with a title
   attribute — dates must keep nowrap or they break at their hyphens. */
.stat-grid dd[title]{white-space:normal;font-size:16px}.stat-grid dd.gold{color:var(--gold);font-size:24px}
.delta,.range{margin:16px 0 0;font-size:13px;color:var(--muted)}.delta.up{color:var(--green)}.delta.down{color:var(--red)}
.value-table,.related,.page-note{padding-top:56px}
.value-table h2,.related h2,.page-note h2,.event-head h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;margin:0}
.value-table>p{color:var(--muted);margin:9px 0 20px;font-size:14px}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.value-table table{width:100%;border-collapse:collapse;min-width:520px}
.value-table th{text-align:left;font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:600}
.value-table td{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}
.value-table tr:last-child td{border-bottom:0}.value-table tbody tr:hover{background:rgba(141,104,255,.05)}
.value-table td a{display:flex;align-items:center;gap:11px}.value-table td a:hover span{color:var(--lav)}
.value-table td img{width:34px;height:34px;object-fit:contain;flex:none}
.c-rarity{color:var(--muted);text-transform:capitalize}.c-value{font:600 16px "Space Grotesk",sans-serif;color:var(--gold)}.c-note{color:var(--muted);font-size:13px}
.related .item-grid{margin-top:20px}.related .load-more{text-align:center;display:block;width:fit-content}
.page-note p{color:var(--muted);line-height:1.8;max-width:70ch;margin:14px 0 0;font-size:14px}
.event-head{max-width:74ch}.event-head>p{color:#aaa3ba;line-height:1.75;margin:14px 0 0}.event-head strong{color:var(--gold)}
.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding-top:36px}
.event-card{display:flex;align-items:center;gap:14px;background:linear-gradient(160deg,#151120,#0e0c16);border:1px solid #252033;border-radius:15px;padding:16px}
.event-card:hover{transform:translateY(-3px);border-color:#57467e}
.event-card img{width:64px;height:64px;object-fit:contain;flex:none}
.event-card h3{margin:0 0 4px;font-size:16px}.event-card span{font-size:12px;color:var(--muted)}
.all-items{padding-block:70px;border-top:1px solid rgba(255,255,255,.07)}
.all-items h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.03em;margin:0 0 20px}
.all-items-links{display:flex;flex-wrap:wrap;gap:6px}
.all-items-links a{font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:5px 9px}
.all-items-links a:hover{color:white;border-color:var(--purple)}
@media(max-width:860px){.item-hero{grid-template-columns:1fr;gap:26px}.item-hero-art{max-width:340px}.subpage{padding-block:26px 60px}.value-table,.related,.page-note{padding-top:42px}}
.dd{position:relative}.dd-native{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.dd-trigger{display:flex;align-items:center;gap:9px;width:100%;height:43px;padding:0 11px 0 12px;background:#0c0a14;border:1px solid #282238;border-radius:10px;color:#d7d2df;cursor:pointer;text-align:left}.dd-trigger:hover{border-color:#3b3054}.dd-trigger[aria-expanded=true]{border-color:var(--purple)}.dd-trigger:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.dd-trigger .dd-tick{display:none}.dd-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.dd-ico{flex:none;display:grid;place-items:center;width:19px;height:19px;color:var(--purple)}.dd-ico svg{width:100%;height:100%}.dd-ico img{width:100%;height:100%;object-fit:contain}.dd-caret{flex:none;width:15px;height:15px;color:var(--muted);transition:transform .2s ease}.dd-trigger[aria-expanded=true] .dd-caret{transform:rotate(180deg);color:var(--purple)}.dd-menu{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:100%;max-height:322px;display:flex;flex-direction:column;background:linear-gradient(145deg,#171222,#0d0b14);border:1px solid #3b3054;border-radius:13px;padding:6px;box-shadow:0 26px 64px rgba(0,0,0,.66)}.dd-menu[hidden]{display:none}.dd-search{flex:none;height:36px;margin:1px 1px 6px;padding:0 11px;background:#0c0a14;border:1px solid #282238;border-radius:9px;color:white;outline:0;font-size:13px}.dd-search:focus{border-color:var(--purple)}.dd-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:0}.dd-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#cfc9db;cursor:pointer}.dd-opt[hidden]{display:none}.dd-opt.active{background:rgba(141,104,255,.14);color:white}.dd-opt[aria-selected=true]{color:white}.dd-opt[aria-selected=true] .dd-tick{opacity:1}.dd-tick{flex:none;margin-left:2px;color:var(--purple);font-size:13px;opacity:0}.dd-val{flex:none;color:var(--gold);font:700 13px "Space Grotesk";font-variant-numeric:tabular-nums}.dd-empty{padding:13px 10px;color:var(--muted);font-size:13px}.dd-empty[hidden]{display:none}
@media(max-width:760px){.dd-menu{max-height:60vh}}
.event-grid-wrap{padding-top:48px}.event-grid-wrap .event-grid{padding-top:16px}.guide-note{max-width:74ch;padding-top:48px}.guide-note p{color:var(--muted);margin:11px 0 0;line-height:1.65}
.guide-note strong{color:#cfc7de}.guide-note a{color:var(--lav);text-decoration:underline;text-decoration-color:rgba(141,104,255,.45);text-underline-offset:2px}.guide-note a:hover{text-decoration-color:var(--lav)}
.glow-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 6px currentColor}
.glow-dot.glow-none{background:transparent;border:1px dashed var(--line);box-shadow:none}