:root{--exp-gold:var(--color-gold-amber);--exp-dim:#5b5b6a}.exp-page,.exp-card{--gold:var(--exp-gold);--dim:var(--exp-dim)}.exp-page{z-index:2;width:100%;position:relative}.exp-title{font-family:var(--font-display,sans-serif);letter-spacing:-.03em;color:var(--color-text-hi);margin-bottom:6px;font-size:clamp(30px,3.6vw,48px);font-weight:700;line-height:1}.exp-sub{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-family:var(--font-mono,monospace);margin-bottom:40px}.exp-sub b{color:var(--color-purple-glow)}.exp-hand{perspective:1400px;flex-wrap:wrap;justify-content:center;gap:28px;padding:24px 0;display:flex;overflow:visible}.exp-card{cursor:pointer;width:260px;height:380px;color:inherit;text-align:left;font:inherit;background:linear-gradient(160deg,#181828 0%,#12121a 100%);border:1px solid #f0d08c40;border-radius:18px;padding:0;transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s,border-color .5s,filter .4s;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073,0 0 40px #8b5cf626,inset 0 0 40px #8b5cf60f}.exp-card:before{content:"";pointer-events:none;border:1px solid #f0d08c26;border-radius:12px;position:absolute;inset:8px}.exp-card:after{content:"";pointer-events:none;opacity:.5;background:repeating-linear-gradient(45deg,#a78bfa0a 0 6px,#0000 6px 12px);position:absolute;inset:0}.exp-card:hover{border-color:#f0d08c8c;transform:translateY(-14px)rotateX(4deg);box-shadow:0 50px 120px #0000008c,0 0 60px #8b5cf659}@media (min-width:1200px){.exp-card:not(.hero){transform:rotate(var(--rot,0deg))}.exp-card:not(.hero):hover{transform:translateY(-14px) rotateX(4deg) rotate(var(--rot,0deg))}}.exp-card.now{background:linear-gradient(160deg,#231a44 0%,#12121a 100%);border-color:#8b5cf699;box-shadow:0 30px 80px #00000080,0 0 50px #8b5cf666,inset 0 0 60px #a78bfa1a}.exp-card.now .exp-corner,.exp-card.now .exp-face-at{color:var(--color-purple-glow)}.exp-card.now .exp-face-tag{color:var(--color-purple-glow);border-color:#8b5cf666}.exp-corner{font-family:var(--font-serif,"Playfair Display", Georgia, serif);color:var(--gold);text-align:center;z-index:2;line-height:1;position:absolute}.exp-corner .rank{letter-spacing:-.02em;font-size:34px;font-weight:700}.exp-corner .suit{margin-top:2px;font-size:22px}.exp-corner-tl{top:14px;left:16px}.exp-corner-br{bottom:14px;right:16px;transform:rotate(180deg)}.exp-badge{font-family:var(--font-mono,monospace);letter-spacing:.25em;color:var(--color-purple-glow);z-index:3;background:#8b5cf626;border:1px solid #8b5cf666;border-radius:4px;padding:2px 8px;font-size:9px;position:absolute;top:14px;right:16px}.exp-face{z-index:1;place-items:center;padding:60px 24px;display:grid;position:absolute;inset:0}.exp-face-central{text-align:center}.exp-face-yr{font-family:var(--font-mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--color-purple-glow);margin-bottom:16px;font-size:11px}.exp-face-role{font-family:var(--font-serif,"Playfair Display", Georgia, serif);color:var(--color-text-hi);letter-spacing:-.01em;margin-bottom:10px;font-size:22px;font-style:italic;line-height:1.15}.exp-face-at{color:var(--gold);letter-spacing:.06em;font-size:14px}.exp-face-stat{font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-lo);flex-direction:column;gap:6px;margin-top:22px;font-size:10.5px;display:flex}.exp-face-stat span{display:block}.exp-face-stat b{color:var(--color-purple-glow)}.exp-face-tags{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:16px;display:flex}.exp-face-tag{font-family:var(--font-mono,monospace);letter-spacing:.15em;color:var(--gold);border:1px solid #f0d08c33;border-radius:999px;padding:2px 7px;font-size:9px}body.exp-hero-open{overflow:hidden}body.exp-hero-open .exp-hand .exp-card:not(.hero){filter:blur(6px)brightness(.35);pointer-events:none;transform:none!important}.exp-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:150;opacity:0;pointer-events:none;background:radial-gradient(#0a0a0f8c,#04040acc);transition:opacity .5s;position:fixed;inset:0}body.exp-hero-open .exp-backdrop{opacity:1;pointer-events:auto}.exp-card.hero{z-index:210;width:260px;height:380px;transition:all .6s cubic-bezier(.2,.7,.3,1);top:50%;left:50%;overflow:visible;box-shadow:0 60px 160px #000000b3,0 0 60px #0006;position:fixed!important;transform:translate(-50%,-50%)scale(2)!important}.exp-card.hero:hover{transform:translate(-50%,-50%)scale(2)!important}.exp-card.hero.now{box-shadow:0 60px 160px #000000b3,0 0 90px #8b5cf666,inset 0 0 60px #8b5cf61f}.exp-card.hero:not(.now){background:linear-gradient(160deg,#181828 0%,#12121a 100%);border-color:#f0d08c59;box-shadow:0 60px 160px #000000b3,0 30px 60px #00000080}.exp-card.hero:not(.now) .exp-corner,.exp-card.hero:not(.now) .exp-face-at{color:var(--gold)}.exp-card.hero:not(.now) .exp-face-tag{color:var(--gold);border-color:#f0d08c59}.exp-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform-origin:0;pointer-events:none;width:340px;color:var(--color-text-hi);text-align:left;font-family:var(--font-display,sans-serif);background:linear-gradient(#181828f2,#0f0f1af2);border:1px solid #f0d08c33;border-radius:14px;padding:22px 24px;transition:all .5s cubic-bezier(.2,.7,.3,1) .1s;position:absolute;top:0;bottom:0;left:calc(100% + 32px);overflow-y:auto;transform:translate(-20px)scale(.5)}.exp-card.hero .exp-detail{opacity:1;pointer-events:auto;transform:translate(0)scale(.5)}.exp-detail::-webkit-scrollbar{width:6px}.exp-detail::-webkit-scrollbar-thumb{background:#8b5cf640;border-radius:3px}.exp-detail::-webkit-scrollbar-track{background:0 0}.exp-detail .close{color:var(--color-text-lo);font-family:var(--font-mono,monospace);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:4px 10px;font-size:10px;transition:all .2s;position:absolute;top:14px;right:14px}.exp-detail .close:hover{color:var(--color-purple-glow);border-color:#8b5cf666}.exp-detail h3{font-family:var(--font-serif,"Playfair Display", Georgia, serif);color:var(--color-text-hi);letter-spacing:-.01em;margin-bottom:6px;padding-right:60px;font-size:22px;font-style:italic;line-height:1.15}.exp-detail .co{color:var(--gold);font-size:12px;font-family:var(--font-mono,monospace);letter-spacing:.06em;margin-bottom:16px}.exp-card.hero.now .exp-detail .co{color:var(--color-purple-glow)}.exp-detail p{color:var(--color-text-lo);margin-bottom:12px;font-size:12.5px;line-height:1.7}.exp-detail h4{font-family:var(--font-mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid #ffffff14;margin-top:16px;margin-bottom:8px;padding-bottom:4px;font-size:9.5px}.exp-detail ul{margin:0;padding:0;list-style:none}.exp-detail ul li{color:var(--color-text-lo);margin:6px 0;padding-left:16px;font-size:12px;line-height:1.6;position:relative}.exp-detail ul li:before{content:"→";color:var(--color-purple-glow);position:absolute;left:0}.exp-detail .metrics-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.exp-detail .metrics-grid .m{background:#8b5cf60f;border:1px solid #8b5cf626;border-radius:6px;padding:6px 10px}.exp-detail .metrics-grid .m .k{font-family:var(--font-mono,monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:2px;font-size:8.5px;display:block}.exp-detail .metrics-grid .m .v{font-family:var(--font-display,sans-serif);color:var(--color-text-hi);font-size:15px;font-weight:600}.exp-detail .metrics-grid .m .v.p{color:var(--color-purple-glow)}.exp-detail .stack{flex-wrap:wrap;gap:5px;display:flex}.exp-detail .stack .tag{font-family:var(--font-mono,monospace);letter-spacing:.15em;color:var(--gold);border:1px solid #f0d08c33;border-radius:999px;padding:2px 7px;font-size:9.5px}@media (max-width:1199px) and (min-width:768px){.exp-card.hero,.exp-card.hero:hover{top:50%!important;left:calc(50% - 170px)!important;transform:translate(-50%,-50%)scale(1.3)!important}.exp-detail{width:300px}.exp-card.hero .exp-detail{transform:translate(0)scale(.769231)!important}}@media (max-width:767px){.exp-card.hero,.exp-card.hero:hover{transform-origin:top;top:24px!important;left:50%!important;transform:translate(-50%)scale(1.05)!important}.exp-detail{transform-origin:top;width:min(92vw,380px);max-height:calc(100dvh - 479px);top:calc(100% + 20px);bottom:auto;left:50%;transform:translate(-50%)translateY(-10px)scale(.952381)}.exp-card.hero .exp-detail{transform:translate(-50%)translateY(0)scale(.952381)!important}}.exp-foot{font-family:var(--font-mono,monospace);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-lo);text-align:center;margin-top:56px;font-size:10.5px}.exp-foot a{color:var(--color-purple-glow);text-decoration:none}.exp-hint{font-family:var(--font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);text-align:center;margin-top:16px;font-size:10px;transition:opacity .3s;animation:2.5s ease-in-out infinite expHintPulse}body.exp-hero-open .exp-hint{opacity:0}@keyframes expHintPulse{0%,to{opacity:.4}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.exp-card,.exp-detail,.exp-backdrop,.exp-hint{transition:none!important;animation:none!important}}