.pe-shell{--pe-cash: #e0b341;--pe-chain: #3fbfa0;--pe-grad: linear-gradient(135deg, var(--pe-cash) 0%, var(--pe-chain) 100%);--pe-common: #8b94a7;--pe-uncommon: #63b36b;--pe-rare: #4aa3f0;--pe-epic: #b07bf4;--pe-legendary: #f0a44a;position:relative;max-width:1180px;margin:0 auto;padding:clamp(20px,5vw,56px) clamp(16px,4vw,32px) 96px;font-family:var(--font-body, system-ui, sans-serif);color:var(--ink, #d8d8d8)}.pe-glow{position:absolute;inset:-10% auto auto;left:max(-20%,calc((100% - 100vw)/2 + 12px));right:max(-20%,calc((100% - 100vw)/2 + 12px));height:380px;mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);background:radial-gradient(60% 80% at 20% 0%,color-mix(in srgb,var(--pe-cash) 15%,transparent),transparent 70%),radial-gradient(50% 70% at 84% 6%,color-mix(in srgb,var(--pe-chain) 14%,transparent),transparent 70%);filter:blur(20px);pointer-events:none;z-index:0;opacity:.85}.pe-shell>*:not(.pe-glow){position:relative;z-index:1}.pe-hero{margin-bottom:clamp(28px,5vw,52px)}.pe-kicker{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:var(--text-2xs, .6875rem);font-weight:var(--weight-semibold, 600);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim, #9aa1ad)}.pe-title{margin:0 0 14px;font-size:clamp(2rem,6vw,var(--text-2xl, 2.618rem));line-height:var(--leading-tight, 1.382);font-weight:var(--weight-bold, 700);color:var(--ink-bright, #fff);letter-spacing:-.02em}.pe-title em{font-style:normal;background:var(--pe-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.pe-sub{max-width:68ch;margin:0 0 20px;font-size:var(--text-base, 1rem);line-height:var(--leading-normal, 1.618);color:var(--ink-dim, #9aa1ad)}.pe-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.pe-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--stroke, rgba(255, 255, 255, .12));border-radius:var(--radius-pill, 999px);background:var(--surface-1, rgba(255, 255, 255, .03));color:var(--ink-bright, #fff);font-size:var(--text-ui, .875rem);font-weight:var(--weight-medium, 500);text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.pe-btn:hover{background:var(--surface-2, rgba(255, 255, 255, .06));border-color:var(--stroke-strong, rgba(255, 255, 255, .24));transform:translateY(-1px)}.pe-btn:active{transform:translateY(0)}.pe-btn:focus-visible{outline:2px solid var(--pe-chain);outline-offset:2px}.pe-btn-primary{background:var(--pe-grad);border-color:transparent;color:#10131a;font-weight:var(--weight-semibold, 600)}.pe-btn-primary:hover{background:var(--pe-grad);filter:brightness(1.06)}.pe-section{margin-top:clamp(36px,6vw,64px);scroll-margin-top:84px}.pe-section-head{margin-bottom:18px}.pe-h2{margin:0 0 8px;font-size:clamp(1.35rem,3.4vw,var(--text-xl, 1.618rem));font-weight:var(--weight-semibold, 600);color:var(--ink-bright, #fff);letter-spacing:-.01em}.pe-h3{margin:0 0 8px;font-size:var(--text-lg, 1.236rem);font-weight:var(--weight-semibold, 600);color:var(--ink-bright, #fff)}.pe-blurb{max-width:72ch;margin:0;font-size:var(--text-ui, .875rem);line-height:var(--leading-normal, 1.618);color:var(--ink-dim, #9aa1ad)}.pe-note{max-width:72ch;margin:0 0 14px;font-size:var(--text-md, .8125rem);line-height:var(--leading-normal, 1.618);color:var(--ink-dim, #9aa1ad)}.pe-muted{color:var(--ink-faint, #6e7583)}.pe-panel{padding:clamp(16px,3vw,24px);border:1px solid var(--stroke, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 14px);background:var(--surface-1, rgba(255, 255, 255, .03))}.pe-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.pe-cur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.pe-cur{position:relative;overflow:hidden;padding:clamp(18px,3vw,26px);border:1px solid var(--stroke, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 14px);background:var(--surface-1, rgba(255, 255, 255, .03));transition:border-color .18s ease,transform .18s ease}.pe-cur:before{content:"";position:absolute;inset:0 0 auto;height:3px}.pe-cur-game:before{background:var(--pe-cash)}.pe-cur-chain:before{background:var(--pe-chain)}.pe-cur:hover{transform:translateY(-2px);border-color:var(--stroke-strong, rgba(255, 255, 255, .22))}.pe-cur-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pe-cur-name{font-size:var(--text-lg, 1.236rem);font-weight:var(--weight-bold, 700);color:var(--ink-bright, #fff)}.pe-cur-sum{margin:0 0 12px;font-size:var(--text-ui, .875rem);line-height:var(--leading-normal, 1.618);color:var(--ink, #d8d8d8)}.pe-cur-foot{margin:0;font-size:var(--text-md, .8125rem);color:var(--ink-dim, #9aa1ad)}.pe-chip{padding:4px 10px;border-radius:var(--radius-pill, 999px);font-size:var(--text-2xs, .6875rem);font-weight:var(--weight-semibold, 600);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.pe-chip-game{background:color-mix(in srgb,var(--pe-cash) 18%,transparent);color:var(--pe-cash)}.pe-chip-chain{background:color-mix(in srgb,var(--pe-chain) 18%,transparent);color:var(--pe-chain)}.pe-tablewrap{overflow-x:auto;border-radius:var(--radius-md, 10px)}.pe-tablewrap:focus-visible{outline:2px solid var(--pe-chain);outline-offset:2px}.pe-table{width:100%;border-collapse:collapse;font-size:var(--text-md, .8125rem)}.pe-table th{padding:8px 12px;text-align:left;font-size:var(--text-2xs, .6875rem);font-weight:var(--weight-semibold, 600);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint, #6e7583);border-bottom:1px solid var(--stroke, rgba(255, 255, 255, .1));white-space:nowrap}.pe-table td{padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--stroke, rgba(255, 255, 255, .1)) 55%,transparent);color:var(--ink, #d8d8d8);vertical-align:middle}.pe-table tbody tr:last-child td{border-bottom:0}.pe-table tbody tr{transition:background .14s ease}.pe-table tbody tr:hover{background:var(--surface-1, rgba(255, 255, 255, .03))}.pe-r{text-align:right}.pe-cash{color:var(--pe-cash);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium, 500);white-space:nowrap}.pe-bank{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:clamp(16px,3vw,28px);align-items:center}@media(max-width:720px){.pe-bank{grid-template-columns:1fr}}.pe-bank-viz{display:grid;gap:10px}.pe-bank-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius-md, 10px);border:1px solid var(--stroke, rgba(255, 255, 255, .1))}.pe-bank-label{font-weight:var(--weight-medium, 500);color:var(--ink-bright, #fff);font-size:var(--text-ui, .875rem)}.pe-bank-fate{font-size:var(--text-2xs, .6875rem);font-weight:var(--weight-semibold, 600);letter-spacing:.06em;text-transform:uppercase}.pe-bank-risk{background:color-mix(in srgb,var(--danger, #e5484d) 10%,transparent);border-color:color-mix(in srgb,var(--danger, #e5484d) 32%,transparent)}.pe-bank-risk .pe-bank-fate{color:var(--danger, #e5484d)}.pe-bank-safe{background:color-mix(in srgb,var(--pe-chain) 10%,transparent);border-color:color-mix(in srgb,var(--pe-chain) 32%,transparent)}.pe-bank-safe .pe-bank-fate{color:var(--pe-chain)}.pe-fit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:18px}.pe-fit{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--stroke, rgba(255, 255, 255, .1));border-left:3px solid var(--pe-common);border-radius:var(--radius-md, 10px);background:var(--surface-1, rgba(255, 255, 255, .03));transition:transform .18s ease,border-color .18s ease,background .18s ease}.pe-fit:hover{transform:translateY(-2px);background:var(--surface-2, rgba(255, 255, 255, .06))}.pe-rar-common{border-left-color:var(--pe-common)}.pe-rar-uncommon{border-left-color:var(--pe-uncommon)}.pe-rar-rare{border-left-color:var(--pe-rare)}.pe-rar-epic{border-left-color:var(--pe-epic)}.pe-rar-legendary{border-left-color:var(--pe-legendary)}.pe-fit-swatch{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--sw, var(--surface-3, rgba(255, 255, 255, .08)));border:1px solid var(--stroke, rgba(255, 255, 255, .14))}.pe-fit-body{flex:1 1 auto;min-width:0}.pe-fit-name{margin:0 0 4px;font-size:var(--text-ui, .875rem);font-weight:var(--weight-semibold, 600);color:var(--ink-bright, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-fit-meta{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--text-2xs, .6875rem)}.pe-fit-slot{color:var(--ink-faint, #6e7583)}.pe-rarity{text-transform:capitalize;font-weight:var(--weight-semibold, 600)}.pe-rarity-common{color:var(--pe-common)}.pe-rarity-uncommon{color:var(--pe-uncommon)}.pe-rarity-rare{color:var(--pe-rare)}.pe-rarity-epic{color:var(--pe-epic)}.pe-rarity-legendary{color:var(--pe-legendary)}.pe-fit-price{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.pe-fit-amt{font-size:var(--text-lg, 1.236rem);font-weight:var(--weight-bold, 700);color:var(--pe-chain);font-variant-numeric:tabular-nums}.pe-fit-cur{font-size:var(--text-2xs, .6875rem);color:var(--ink-faint, #6e7583)}.pe-steps{margin:0 0 16px;padding-left:20px;display:grid;gap:8px;font-size:var(--text-ui, .875rem);line-height:var(--leading-normal, 1.618);color:var(--ink-dim, #9aa1ad)}.pe-steps strong{color:var(--ink-bright, #fff);font-weight:var(--weight-semibold, 600)}.pe-splitbar{display:flex;overflow:hidden;border-radius:var(--radius-pill, 999px);border:1px solid var(--stroke, rgba(255, 255, 255, .1))}.pe-splitbar-seg{width:var(--w, 50%);padding:8px 12px;font-size:var(--text-2xs, .6875rem);font-weight:var(--weight-semibold, 600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.pe-splitbar-rewards{background:color-mix(in srgb,var(--pe-chain) 24%,transparent);color:var(--pe-chain)}.pe-splitbar-treasury{background:color-mix(in srgb,var(--pe-cash) 24%,transparent);color:var(--pe-cash)}.pe-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.pe-stat{padding:16px;border:1px solid var(--stroke, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 10px);background:var(--surface-1, rgba(255, 255, 255, .03))}.pe-stat-value{font-size:var(--text-xl, 1.618rem);font-weight:var(--weight-bold, 700);color:var(--ink-bright, #fff);line-height:1.1;font-variant-numeric:tabular-nums}.pe-stat-label{margin-top:4px;font-size:var(--text-md, .8125rem);font-weight:var(--weight-medium, 500);color:var(--ink, #d8d8d8)}.pe-stat-hint{margin-top:2px;font-size:var(--text-2xs, .6875rem);color:var(--ink-faint, #6e7583)}.pe-odds{display:flex;align-items:center;gap:10px;min-width:160px}.pe-odds-bar{flex:1 1 auto;height:6px;border-radius:var(--radius-pill, 999px);background:var(--surface-3, rgba(255, 255, 255, .08));overflow:hidden}.pe-odds-fill{display:block;width:var(--w, 0%);height:100%;border-radius:inherit;background:var(--pe-grad)}.pe-odds-num{flex:0 0 auto;font-size:var(--text-2xs, .6875rem);color:var(--ink-dim, #9aa1ad);font-variant-numeric:tabular-nums}.pe-skel-wrap{display:grid;gap:16px;margin-top:clamp(36px,6vw,64px)}.pe-skel{height:var(--h, 120px);border-radius:var(--radius-lg, 14px);border:1px solid var(--stroke, rgba(255, 255, 255, .08));background:linear-gradient(90deg,var(--surface-1, rgba(255, 255, 255, .03)) 25%,var(--surface-2, rgba(255, 255, 255, .06)) 37%,var(--surface-1, rgba(255, 255, 255, .03)) 63%);background-size:400% 100%;animation:pe-shimmer 1.4s ease-in-out infinite}@keyframes pe-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.pe-skel{animation:none}.pe-btn,.pe-cur,.pe-fit{transition:none}}.pe-error{margin-top:clamp(36px,6vw,64px);padding:clamp(20px,4vw,32px);border:1px solid color-mix(in srgb,var(--danger, #e5484d) 34%,transparent);border-radius:var(--radius-lg, 14px);background:color-mix(in srgb,var(--danger, #e5484d) 7%,transparent)}.pe-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pe-fineprint{max-width:78ch;margin:clamp(40px,6vw,64px) 0 0;font-size:var(--text-md, .8125rem);line-height:var(--leading-normal, 1.618);color:var(--ink-faint, #6e7583)}.pe-fineprint a{color:var(--ink-dim, #9aa1ad);text-decoration:underline;text-underline-offset:2px}.pe-fineprint a:hover{color:var(--ink-bright, #fff)}.pe-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
