.detail-backdrop{position:fixed;inset:0;background:#03040a99;backdrop-filter:blur(4px);z-index:10}.detail-drawer{position:fixed;z-index:11;right:0;top:0;width:min(430px,100%);height:100vh;background:linear-gradient(160deg,#171a2b,#0b0d16 70%);border-left:1px solid #38405d;box-shadow:-20px 0 70px #020208;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);overflow-y:auto;padding:42px 30px}.detail-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;right:22px;top:18px;border:1px solid var(--line);background:#0d101b;color:var(--muted);font-size:25px;width:35px;height:35px;line-height:25px;cursor:pointer}.drawer-art{height:230px;margin:28px 0 25px;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,#59469b 0,#222541 35%,#0d101a 72%);border:1px solid #4c4a80;position:relative;overflow:hidden}.drawer-art.green{background:radial-gradient(circle at 50% 48%,#367f76 0,#183a42 35%,#0e111b 70%)}.drawer-art.gold{background:radial-gradient(circle at 50% 48%,#92713f 0,#45352c 35%,#0e111b 70%)}.drawer-art:before{content:"";position:absolute;width:190px;height:190px;border:1px solid #ffffff25;border-radius:50%;transform:rotate(24deg) scaleX(.7)}.drawer-art span{font-size:78px;filter:drop-shadow(0 0 18px #c5b7ff);z-index:1}.detail-badge{font-size:9px;color:var(--gold);letter-spacing:.12em}.drawer-copy h2{font-size:32px;letter-spacing:-.05em;margin:12px 0 6px}.detail-set{color:var(--muted);font-size:12px}.detail-purpose{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0;padding:18px 0}.detail-purpose span,.detail-stats dt,.immutable-panel span{color:var(--cyan);font-size:9px;letter-spacing:.16em;font-weight:800}.detail-purpose p{color:#d9d7df;line-height:1.6;font-size:13px;margin:10px 0 0}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}.detail-stats div{background:#101320;border:1px solid var(--line);padding:15px}.detail-stats dd{font-size:24px;font-weight:800;margin:10px 0 0}.immutable-panel{background:#0e1b20;border:1px solid #275c62;padding:17px}.immutable-panel strong{display:block;color:var(--text);font-size:14px;margin:11px 0 5px}.immutable-panel small{color:var(--muted);font-size:10px}@media(max-width:560px){.detail-drawer{padding:38px 22px}.drawer-art{height:190px}}
.card-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.card-facts div{background:#101320;border:1px solid var(--line);padding:9px}.card-facts dt,.comp-table>strong{color:var(--cyan);font-size:8px;letter-spacing:.12em;font-weight:800}.card-facts dd{font-size:10px;color:#d9d7df;margin:5px 0 0}.comp-table{display:grid;gap:6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:10px 0}.comp-table span{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.comp-table b{color:var(--text)}.demo-warning{display:block;color:var(--gold);font-size:9px;margin-top:10px}
.card-grid.wheel .card-tile{overflow:visible!important}.card-grid.wheel .card-tile.expanded{z-index:12}.card-grid.wheel .inline-detail{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translateX(-50%);width:230px;margin:0;padding:14px;background:#111a29;border:1px solid var(--cyan);box-shadow:0 12px 28px #020208aa;z-index:20;animation:inlineReveal .2s ease-out}.card-grid.wheel .inline-detail:after{content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--cyan)}.card-grid.wheel .inline-detail .card-facts{margin:10px 0}.card-grid.wheel .inline-detail .comp-table{margin:8px 0}.card-grid.wheel .inline-detail .demo-warning{font-size:8px}@keyframes inlineReveal{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.card-grid.wheel .card-scan-callout{display:none!important}.card-grid.wheel .inline-detail{top:calc(100% + 14px);bottom:auto}.card-grid.wheel .inline-detail:after{top:-12px;bottom:auto;border-top:0;border-bottom:12px solid var(--cyan)}
.card-scan-callout{display:none!important}
.detail-drawer{left:50%;right:auto;top:50%;width:min(430px,calc(100% - 32px));height:min(760px,calc(100vh - 32px));padding:30px 26px;border:1px solid var(--cyan);transform:translate(-50%,-46%) scale(.96);border-radius:4px;box-shadow:0 24px 90px #020208dd}.detail-drawer.open{transform:translate(-50%,-50%) scale(1)}.detail-drawer.contextual{left:50%;top:50%}
.drawer-comps{display:grid;gap:7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:18px 0}.drawer-comps strong{color:var(--cyan);font-size:9px;letter-spacing:.13em}.drawer-comps span{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.drawer-comps b{color:var(--text)}.drawer-comps small{color:var(--gold);font-size:9px;margin-top:3px}
.card-expansion{position:relative;margin:18px 0 28px;padding:18px;background:#111a29;border:1px solid var(--cyan);box-shadow:0 14px 34px #020208aa}.card-expansion[hidden]{display:none}.expansion-close{position:absolute;right:10px;top:8px;background:none;border:1px solid var(--line);color:var(--muted);font-size:20px;cursor:pointer}.expansion-card{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.expansion-card img{width:180px;height:245px;object-fit:contain;background:#080b12}.expansion-card h3{font-size:24px;margin:8px 0}.expansion-card p{color:var(--muted);font-size:11px}.expansion-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.expansion-facts span{padding:8px 10px;border:1px solid var(--line);font-size:8px;color:var(--cyan)}.expansion-facts b{display:block;color:var(--text);font-size:10px;margin-top:4px}.expansion-comps{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:10px;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:10px;color:var(--muted)}.expansion-comps strong{color:var(--cyan);font-size:8px;letter-spacing:.12em}.expansion-comps b{color:var(--text)}.expansion-comps small{color:var(--gold);font-size:8px}@media(max-width:560px){.expansion-card{grid-template-columns:110px 1fr;gap:12px}.expansion-card img{width:110px;height:180px}.expansion-comps{grid-template-columns:1fr 1fr}.expansion-comps strong,.expansion-comps small{grid-column:1/-1}}
.card-expansion.compact{width:min(900px,calc(100% - 32px));margin-left:auto;margin-right:auto;padding:18px 20px}.card-expansion.compact .expansion-card{grid-template-columns:320px 1fr;gap:24px}.card-expansion.compact .expansion-card img{width:320px;height:440px}.card-expansion.compact .expansion-card h3{font-size:24px}.card-expansion.compact .expansion-facts{gap:8px;margin-top:14px}.card-expansion.compact .expansion-facts span{padding:8px 10px}.card-expansion.compact .expansion-comps{margin-top:16px;padding-top:12px;gap:10px}
.detail-drawer[data-retired="true"],.detail-backdrop[data-retired="true"]{display:none!important}
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700&family=Rajdhani:wght@500;600;700&display=swap');
.card-expansion.compact .expansion-card p,.card-expansion.compact .expansion-comps,.card-expansion.compact .expansion-facts b,.comps-table{font-family:'Rajdhani','Segoe UI',sans-serif;font-size:15px;line-height:1.45}.card-expansion.compact .expansion-card h3,.card-expansion.compact .expansion-facts span,.card-expansion.compact .expansion-comps strong,.comps-table .comps-head{font-family:'Orbitron','Rajdhani','Segoe UI',sans-serif}.card-expansion.compact .expansion-card h3{letter-spacing:.02em}.card-expansion.compact .expansion-card p{font-size:15px}.card-expansion.compact .expansion-facts span{font-size:10px;letter-spacing:.08em}.card-expansion.compact .expansion-facts b{font-size:14px}.card-expansion.compact .expansion-comps{display:block;font-size:15px}.card-expansion.compact .expansion-comps strong{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:10px}.comps-table{display:grid;border:1px solid var(--line);font-size:14px}.comps-table>span{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px 12px;border-top:1px solid var(--line);color:var(--muted)}.comps-table>span:first-child{border-top:0}.comps-table b{color:var(--text);font-weight:600}.comps-table .comps-head{background:#0d1320;color:var(--cyan);font-size:10px;letter-spacing:.1em}.card-expansion.compact .expansion-comps small{display:block;font-size:12px;margin-top:10px}
@media(max-width:560px){.card-expansion.compact{width:calc(100% - 20px)}.card-expansion.compact .expansion-card{grid-template-columns:120px 1fr}.card-expansion.compact .expansion-card img{width:120px;height:175px}}
