.pecard{--k: 1;position:relative;width:100%;border-radius:calc(16px * var(--k));overflow:hidden;color:#F5FAFE;background:linear-gradient(180deg,#0F131A 0%,#0A0E15 42%,#010102 100%);box-shadow:inset 0 0 0 1px #1C2733;font-family:-apple-system,"SF Pro Text","SF Pro","Helvetica Neue",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.pecard .face{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(ellipse 65% 55% at var(--mx, 35%) 10%,rgba(255,255,255,.05),rgba(255,255,255,0) 72%),linear-gradient(110deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) calc(var(--mx, 35%) - 26%),rgba(255,255,255,.02) calc(var(--mx, 35%) - 9.1%),rgba(255,255,255,.032) var(--mx, 35%),rgba(255,255,255,.02) calc(var(--mx, 35%) + 9.1%),rgba(255,255,255,0) calc(var(--mx, 35%) + 26%),rgba(255,255,255,0) 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.95) 33%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.12) 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.95) 33%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.12) 100%)}.pecard::before,.pecard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pecard::before{padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 35%,rgba(255,255,255,0) 70%)}.pecard::after{padding:1.2px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) calc(var(--mx, 35%) - 32%),rgba(255,255,255,.2) calc(var(--mx, 35%) - 11.2%),rgba(255,255,255,.38) var(--mx, 35%),rgba(255,255,255,.2) calc(var(--mx, 35%) + 11.2%),rgba(255,255,255,0) calc(var(--mx, 35%) + 32%),rgba(255,255,255,0) 100%)}.pecard>.in{position:relative;z-index:1;padding:calc(16px * var(--k))}.pecard .hd{display:flex;align-items:flex-start;gap:calc(10px * var(--k))}.pecard .ttl{flex:1;font-size:calc(20px * var(--k));font-weight:600;line-height:1.2;color:#F5FAFE}.pecard .rt{display:flex;flex-direction:column;align-items:flex-end;gap:calc(6px * var(--k))}.pecard .flip{display:inline-flex;align-items:center;gap:calc(5px * var(--k));height:calc(36px * var(--k));padding:0 calc(11px * var(--k));border:0;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,#fff 42%,#1A1D22) 0%,#1A1D22 55%,#1A1D22 100%);color:#F5FAFE;font:600 calc(13.5px * var(--k))/1 -apple-system,"SF Pro Text",sans-serif}.pecard .flip .dots{display:inline-flex;gap:calc(3.5px * var(--k))}.pecard .flip .dots i{display:block;width:calc(4.5px * var(--k));height:calc(4.5px * var(--k));border-radius:50%;background:rgba(147,165,179,.35)}.pecard .flip .dots i.on{background:#67DEFE}.pecard .ro{display:flex;align-items:baseline;gap:calc(3px * var(--k))}.pecard .ro .v{font-size:calc(32px * var(--k));font-weight:600;letter-spacing:calc(-.5px * var(--k));font-variant-numeric:tabular-nums;line-height:1.19;background:linear-gradient(180deg,color-mix(in srgb,#fff 22%,#F5FAFE) 0%,#F5FAFE 55%,color-mix(in srgb,#000 20%,#F5FAFE) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.pecard .ro .u{font-size:calc(14px * var(--k));font-weight:500;color:#93A5B3}.pecard .claim{margin-top:calc(6px * var(--k));font-size:calc(15.5px * var(--k));font-weight:600;font-variant-numeric:tabular-nums;color:#93A5B3}.pecard .claim.on{color:#8EE6FC}.pecard .plotwrap{margin-top:calc(8px * var(--k));height:calc(172px * var(--k));transition:transform .25s ease-in-out;transform-style:preserve-3d}.pecard .plotwrap.flipping{will-change:transform}.pecard .plot{position:relative;width:100%;height:100%}.pecard .plot canvas{position:absolute;inset:0;width:100%;height:100%}.pecard .tape{position:relative;margin-top:calc(6px * var(--k));height:calc(66px * var(--k));border-radius:calc(13px * var(--k));overflow:hidden;background:rgba(18,26,36,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);touch-action:pan-y;cursor:ew-resize}.pecard .tape canvas{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 87%,transparent 100%)}.pecard .tape .lens{position:absolute;left:50%;top:calc(2px * var(--k));bottom:calc(2px * var(--k));width:calc(38px * var(--k));transform:translateX(-50%);border-radius:calc(11px * var(--k));background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 45%,rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(2.5px) brightness(1.2) saturate(1.15);backdrop-filter:blur(2.5px) brightness(1.2) saturate(1.15);pointer-events:none}.pecard .tape .core{position:absolute;left:50%;top:calc(5px * var(--k));bottom:calc(5px * var(--k));width:calc(1.5px * var(--k));transform:translateX(-50%);background:rgba(255,255,255,.92);box-shadow:0 0 calc(4px * var(--k)) rgba(142,230,252,.9);pointer-events:none}.pecard .foot{margin-top:calc(7px * var(--k));display:flex;justify-content:space-between;align-items:baseline;font-variant-numeric:tabular-nums}.pecard .foot .a,.pecard .foot .b{font-size:calc(10.5px * var(--k));color:#93A5B3}.pecard .foot .m{font-size:calc(11px * var(--k));color:#BFD0DB}.pecard .micro{margin-top:calc(10px * var(--k));font-size:calc(10.5px * var(--k));line-height:1.35;color:#93A5B3}.pecard .tt{flex:1;display:flex;flex-direction:column;gap:calc(3px * var(--k))}.pecard .tt .ttl{flex:none}.pecard .sub{font-size:calc(15.5px * var(--k));color:#93A5B3;font-variant-numeric:tabular-nums}.pecard .ro{align-self:flex-start}.pecard .claim{margin-top:calc(10px * var(--k))}.pecard .plotwrap{margin-top:calc(10px * var(--k))}