.card-forge-preview{aspect-ratio:2/3;font-synthesis:none;flex:none;width:min(100%,400px);height:auto;font-family:Inter,Arial,sans-serif;overflow:visible}.card-forge-preview-scaled{aspect-ratio:auto;position:relative;overflow:hidden}.card-forge-canvas{transform-origin:0 0;width:400px;height:600px;position:absolute;top:0;left:0}.card-forge-canvas>.card-forge-preview{width:400px;max-width:none;height:600px}.card-forge-preview *{box-sizing:border-box}.card-forge-preview .brand-lockup,.card-forge-preview .metrics .metric-icon+span{align-items:center;display:flex}.card-forge-preview .collectible{aspect-ratio:auto;width:100%;height:100%;max-height:none}.card-forge-foil-control{color:inherit;grid-template-columns:1fr auto;align-items:center;gap:10px 16px;font-size:12px;font-weight:600;display:grid}.card-forge-foil-control input{accent-color:#27dfff;grid-column:1/-1;width:100%}.card-forge-foil-control output{color:#27dfff;font-variant-numeric:tabular-nums}.card-forge-preview .collectible{--primary:#9d4dff;--secondary:#00d9ff;--accent:#f8cf75;--glow:#ff2bd6;--foil-opacity:.7;aspect-ratio:2/3;isolation:isolate;color:#f5f7ff;background:linear-gradient(115deg, transparent 0 7%, rgba(255,255,255,.95) 9%, transparent 12% 29%, rgba(255,255,255,.75) 33%, transparent 36% 58%, rgba(255,255,255,.8) 63%, transparent 67% 86%, rgba(255,255,255,.9) 91%, transparent 94%), repeating-linear-gradient(135deg, color-mix(in srgb, var(--primary) 80%, #fff) 0 13px, #f5c87b 13px 25px, color-mix(in srgb, var(--secondary) 82%, #fff) 25px 38px, #a951cf 38px 50px);height:min(100%,700px);box-shadow:0 28px 70px rgba(0,0,0,.72), 0 0 36px color-mix(in srgb, var(--primary) var(--foil-strength), transparent), 0 0 4px #fff, inset 0 0 5px #fff, inset 0 0 0 3px rgba(72,34,12,.8);border:2px solid rgba(255,255,255,.88);border-radius:28px;padding:10px;position:relative;overflow:hidden}.card-forge-preview .collectible:before{content:"";z-index:-1;opacity:var(--foil-opacity);mix-blend-mode:overlay;background:linear-gradient(125deg,transparent 12%,rgba(255,255,255,.8) 18%,transparent 27% 72%,rgba(255,255,255,.5) 78%,transparent 87%);position:absolute;inset:0}.card-forge-preview .collectible:after{content:"";z-index:5;pointer-events:none;border:1px solid #fff1bc;border-radius:23px;position:absolute;inset:5px;box-shadow:inset 0 0 0 2px #7d4d1e,inset 0 0 0 4px #171322,0 0 8px rgba(255,225,145,.8)}.card-forge-preview .collectible.border-circuit{border-color:color-mix(in srgb, var(--accent) 75%, white);background:linear-gradient(90deg, transparent 0 12px, color-mix(in srgb, var(--primary) 85%, white) 12px 14px, transparent 14px 30px), linear-gradient(0deg, transparent 0 8px, color-mix(in srgb, var(--secondary) 80%, white) 8px 10px, transparent 10px 26px), radial-gradient(circle at 14px 9px, var(--accent) 0 2px, transparent 2.5px), #080d16;box-shadow:0 28px 70px rgba(0,0,0,.72), 0 0 28px color-mix(in srgb, var(--primary) var(--foil-strength), transparent), 0 0 4px color-mix(in srgb, var(--accent) 85%, white), inset 0 0 7px color-mix(in srgb, var(--secondary) 48%, white), inset 0 0 0 3px #080d16;background-size:30px 26px}.card-forge-preview .collectible.border-circuit:after{border-color:color-mix(in srgb, var(--accent) 70%, white);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--primary) 65%, #080d16), inset 0 0 0 4px #080d16, 0 0 9px color-mix(in srgb, var(--secondary) 48%, transparent)}.card-forge-preview .collectible.border-weave{border-color:color-mix(in srgb, var(--accent) 72%, white);background:repeating-linear-gradient(45deg, transparent 0 4px, color-mix(in srgb, var(--primary) 75%, transparent) 4px 7px, transparent 7px 12px), repeating-linear-gradient(-45deg, transparent 0 4px, color-mix(in srgb, var(--secondary) 68%, transparent) 4px 7px, transparent 7px 12px), #0a0d14;box-shadow:0 28px 70px rgba(0,0,0,.72), 0 0 28px color-mix(in srgb, var(--primary) var(--foil-strength), transparent), 0 0 4px color-mix(in srgb, var(--accent) 72%, white), inset 0 0 8px color-mix(in srgb, var(--secondary) 42%, white), inset 0 0 0 3px #080b12}.card-forge-preview .collectible.border-weave:after{border-color:color-mix(in srgb, var(--accent) 72%, white);box-shadow:inset 0 0 0 2px #080b15, inset 0 0 0 4px color-mix(in srgb, var(--primary) 38%, #080b15), 0 0 8px color-mix(in srgb, var(--secondary) 48%, transparent)}.card-forge-preview .outer-frame{background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--secondary) 10%, transparent), transparent 44%), repeating-radial-gradient(circle at 50% 34%, transparent 0 28px, rgba(88,140,240,.05) 29px 30px), #050b16;border:2px solid #e6b95e;border-radius:19px;grid-template-rows:62px minmax(0,1fr) 258px;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #0b1020,inset 0 0 0 4px #be873d,inset 0 0 0 7px #070b13,inset 0 0 0 8px #5c4327,inset 0 0 35px #000}.card-forge-preview .outer-frame:before,.card-forge-preview .outer-frame:after{content:"";z-index:4;pointer-events:none;border-radius:14px;position:absolute}.card-forge-preview .outer-frame:before{clip-path:polygon(0 0,28% 0,31% 2%,69% 2%,72% 0,100% 0,100% 100%,72% 100%,69% 98%,31% 98%,28% 100%,0 100%);border:1px solid #d9a94e;inset:7px;box-shadow:inset 0 0 0 2px #111725,inset 0 0 0 3px #705129}.card-forge-preview .outer-frame:after{border:1px solid #303950;inset:11px;box-shadow:inset 0 0 0 1px rgba(224,169,75,.5)}.card-forge-preview .card-noise{z-index:2;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}.card-forge-preview .corner{z-index:4;border-color:var(--accent);opacity:1;filter:drop-shadow(0 0 3px rgba(255,208,106,.7));width:58px;height:58px;position:absolute}.card-forge-preview .corner-tl{clip-path:polygon(0 0,100% 0,100% 12%,40% 12%,12% 40%,12% 100%,0 100%);border-top:3px double;border-left:3px double;top:8px;left:8px}.card-forge-preview .corner-tr{clip-path:polygon(0 0,100% 0,100% 100%,88% 100%,88% 40%,60% 12%,0 12%);border-top:3px double;border-right:3px double;top:8px;right:8px}.card-forge-preview .corner-bl{clip-path:polygon(0 0,12% 0,12% 60%,40% 88%,100% 88%,100% 100%,0 100%);border-bottom:3px double;border-left:3px double;bottom:8px;left:8px}.card-forge-preview .corner-br{clip-path:polygon(88% 0,100% 0,100% 100%,0 100%,0 88%,60% 88%,88% 60%);border-bottom:3px double;border-right:3px double;bottom:8px;right:8px}.card-forge-preview .card-header{z-index:3;background:linear-gradient(90deg,rgba(6,10,18,.98),rgba(8,12,20,.78) 28% 72%,rgba(6,10,18,.98)),linear-gradient(#080d17,#050a12);border-bottom:1px solid rgba(207,155,69,.42);justify-content:center;align-items:center;display:flex;position:relative}.card-forge-preview .card-header:before,.card-forge-preview .card-header:after{content:"";z-index:0;background:linear-gradient(rgba(26,26,31,.6),rgba(5,9,16,.2));border-top:2px solid #c99a4e;border-bottom:1px solid #634b2d;width:25%;height:18px;position:absolute;top:19px}.card-forge-preview .card-header:before{clip-path:polygon(0 0,100% 0,88% 100%,0 100%);left:8%}.card-forge-preview .card-header:after{clip-path:polygon(0 0,100% 0,100% 100%,12% 100%);right:8%}.card-forge-preview .brand-lockup{z-index:2;min-width:58%;height:56px;color:var(--accent);clip-path:polygon(8% 0,92% 0,100% 30%,100% 70%,92% 100%,8% 100%,0 70%,0 30%);filter:drop-shadow(0 5px 6px rgba(0,0,0,.72));background:linear-gradient(90deg,#805c2d,#f0c66e 18%,#9a6e32 50%,#f0c66e 82%,#805c2d);justify-content:center;gap:11px;padding:0 42px;position:relative;transform:translateY(18px)}.card-forge-preview .brand-lockup:before{content:"";z-index:0;clip-path:polygon(8% 0,92% 0,100% 30%,100% 70%,92% 100%,8% 100%,0 70%,0 30%);background:linear-gradient(115deg,transparent 0 8%,rgba(255,255,255,.05) 8.5% 9%,transparent 10%),linear-gradient(#0c121d,#060a11);position:absolute;inset:2px}.card-forge-preview .brand-lockup svg,.card-forge-preview .brand-lockup strong{z-index:1;position:relative}.card-forge-preview .brand-lockup strong{letter-spacing:.2em;text-shadow:0 1px #fff4c8, 0 0 18px color-mix(in srgb, var(--accent) 38%, transparent);font:700 19px/1 Orbitron,sans-serif}.card-forge-preview .serial{z-index:3;width:64px;height:36px;color:var(--primary);text-shadow:0 0 12px var(--primary);background:linear-gradient(135deg,#090e19,#060a12);border:1px solid #8b6a3d;border-top-color:#bf9149;border-bottom:2px solid #d2a552;border-radius:3px;justify-content:center;align-items:center;font:600 11px/1 Orbitron,sans-serif;display:flex;position:absolute;bottom:-6px;left:20px}.card-forge-preview .mini-emblem{z-index:3;width:53px;height:53px;color:var(--secondary);box-shadow:0 0 0 2px #16131a, 0 0 0 3px #6d512d, inset 0 0 14px color-mix(in srgb, var(--primary) 34%, transparent), 0 4px 14px rgba(0,0,0,.75);background:radial-gradient(circle,#11172a 0 48%,#050a12 50% 61%,#9c733a 63% 66%,#050a12 68%);border:2px solid #d7a94f;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-14px;right:16px;overflow:hidden}.card-forge-preview .mini-emblem img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;transform:scale(1.18)}.card-forge-preview .portrait-stage{background:linear-gradient(110deg, transparent 49.6%, color-mix(in srgb, var(--accent) 15%, transparent) 50%, transparent 50.4%), linear-gradient(20deg, transparent 49.6%, color-mix(in srgb, var(--secondary) 12%, transparent) 50%, transparent 50.4%);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.card-forge-preview .background-nebula .portrait-stage{background:radial-gradient(circle at 22% 38%, color-mix(in srgb, var(--glow) 36%, transparent), transparent 30%), radial-gradient(circle at 78% 62%, color-mix(in srgb, var(--secondary) 28%, transparent), transparent 34%), #07101f}.card-forge-preview .background-grid .portrait-stage{background:linear-gradient(color-mix(in srgb, var(--secondary) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 13%, transparent) 1px, transparent 1px), radial-gradient(circle, #0c1830, #040913 72%);background-size:24px 24px,24px 24px,auto}.card-forge-preview .background-custom .portrait-stage{background:radial-gradient(circle at 50% 42%,#101a2d,#040913 74%)}.card-forge-preview .custom-background-image{z-index:0;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-forge-preview .portrait-stage:after{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--secondary) 45%, transparent), transparent 65%);filter:blur(6px);border-radius:50%;height:13%;position:absolute;inset:auto 7% 2%}.card-forge-preview .bottom-stack{z-index:3;clip-path:polygon(3% 0,97% 0,100% 4%,100% 96%,97% 100%,3% 100%,0 96%,0 4%);background:#050a12;border-left:1px solid #7d5c35;border-right:1px solid #7d5c35;grid-template-rows:72px 66px 55px 42px 23px;margin:0 8px 7px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #101827}.card-forge-preview .energy-ring{z-index:2;aspect-ratio:1;isolation:isolate;background:conic-gradient(from 25deg, var(--accent), var(--primary), var(--secondary), var(--accent), var(--primary), var(--accent));width:52%;box-shadow:0 0 24px color-mix(in srgb, var(--primary) 36%, transparent), 0 0 12px color-mix(in srgb, var(--secondary) 32%, transparent), inset 0 0 0 2px #090e18;border-radius:50%;place-items:center;padding:8px;display:grid;position:relative}.card-forge-preview .energy-ring:before{content:"";z-index:3;pointer-events:none;border:2px solid color-mix(in srgb, var(--accent) 72%, white);box-shadow:inset 0 0 0 3px #080d17, inset 0 0 12px color-mix(in srgb, var(--primary) 48%, transparent), 0 0 8px color-mix(in srgb, var(--secondary) 45%, transparent);border-radius:50%;position:absolute;inset:3px}.card-forge-preview .avatar-frame-image{z-index:4;pointer-events:none;object-fit:contain;width:72%;height:auto;max-height:96%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-forge-preview .avatar-core{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 48%), #050a14;border-radius:50%;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 32px #000}.card-forge-preview .avatar-core img{object-fit:cover;width:100%;height:100%}.card-forge-preview .avatar-placeholder{color:var(--primary);text-shadow:0 0 18px var(--primary);place-items:center;gap:9px;display:grid}.card-forge-preview .avatar-placeholder span{color:#667491;letter-spacing:.22em;font:600 8px/1 Orbitron,sans-serif}.card-forge-preview .identity-panel{z-index:3;text-align:center;clip-path:polygon(8% 0,92% 0,100% 30%,100% 70%,92% 100%,8% 100%,0 70%,0 30%);background:linear-gradient(90deg,#805c2d,#f0c66e 18%,#9a6e32 50%,#f0c66e 82%,#805c2d);align-content:center;display:grid;position:relative;box-shadow:0 -9px 25px rgba(0,0,0,.9)}.card-forge-preview .identity-panel:before{content:"";z-index:0;clip-path:polygon(8% 0,92% 0,100% 30%,100% 70%,92% 100%,8% 100%,0 70%,0 30%);background:linear-gradient(115deg,transparent 0 8%,rgba(255,255,255,.05) 8.5% 9%,transparent 10%),linear-gradient(#0a101d,#060a13);position:absolute;inset:2px}.card-forge-preview .identity-panel .title,.card-forge-preview .identity-panel .subtitle{z-index:1;position:relative}.card-forge-preview .title{color:var(--accent);letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #fff, 0 0 18px color-mix(in srgb, var(--accent) 36%, transparent);font:800 clamp(16px,3vh,29px)/1.1 Orbitron,sans-serif;overflow:hidden}.card-forge-preview .subtitle{color:color-mix(in srgb, var(--primary) 70%, #fff);letter-spacing:.25em;margin-top:8px;font:600 8px/1 Orbitron,sans-serif}.card-forge-preview .subtitle:before,.card-forge-preview .subtitle:after{content:"◆ · ·";color:color-mix(in srgb, var(--primary) 70%, var(--secondary));letter-spacing:.2em;vertical-align:middle;margin:0 10px;font-size:5px;display:inline-block}.card-forge-preview .subtitle:after{content:"· · ◆"}.card-forge-preview .attributes{z-index:3;background:linear-gradient(#080d17,#050a12);border-top:1px solid #36415a;border-bottom:1px solid #b1813e;grid-template-columns:1.04fr .94fr 1.12fr;gap:6px;padding:6px 8px 7px;display:grid}.card-forge-preview .attribute{align-content:start;gap:5px;min-width:0;padding:0;display:grid}.card-forge-preview .attribute>span{color:#bbb2b0;letter-spacing:.16em;text-align:center;padding-left:8px;font-size:6.5px}.card-forge-preview .attribute strong{min-width:0;min-height:39px;color:var(--secondary);border:1px solid color-mix(in srgb, currentColor 70%, #20283a);background:linear-gradient(135deg, color-mix(in srgb, currentColor 8%, #080c15), #060a12);text-overflow:ellipsis;border-radius:5px;align-items:center;gap:4px;padding:5px 7px;font:600 9px/1.15 Orbitron,sans-serif;display:flex;overflow:hidden;box-shadow:inset 0 0 12px rgba(0,0,0,.65)}.card-forge-preview .attribute strong b{font:inherit;text-overflow:ellipsis;overflow:hidden}.card-forge-preview .attribute-icon{width:27px;height:27px;color:inherit;background:color-mix(in srgb, currentColor 12%, #07101b);box-shadow:0 0 10px color-mix(in srgb, currentColor 45%, transparent);border:1px solid;border-radius:50%;flex:none;place-items:center;display:grid}.card-forge-preview .attribute .rarity-special{color:color-mix(in srgb, var(--primary) 70%, white)}.card-forge-preview .attribute .rarity-rare{color:#62a8ff}.card-forge-preview .attribute .rarity-common{color:#aeb8c8}.card-forge-preview .attribute .rarity-legendary{color:#ffd36a}.card-forge-preview .attribute .availability-active{color:#65e5a0}.card-forge-preview .attribute .availability-limited{color:#ffb85c}.card-forge-preview .attribute .availability-retired{color:#ff6f76}.card-forge-preview .attribute .availability-unavailable{color:#9ca5b5}.card-forge-preview .attribute.unlock strong{font:500 7px/1.2 Inter,sans-serif}.card-forge-preview .attribute .unlock-founder{color:#8aeaff}.card-forge-preview .attribute .unlock-invite{color:#ffd36a}.card-forge-preview .attribute .unlock-public{color:#65e5a0}.card-forge-preview .attribute .unlock-member{color:#7af}.card-forge-preview .attribute.unlock strong b{white-space:normal}.card-forge-preview .metrics{z-index:3;clip-path:polygon(2% 0,98% 0,100% 18%,100% 82%,98% 100%,2% 100%,0 82%,0 18%);background:linear-gradient(rgba(11,17,27,.98),rgba(5,10,17,.98));border-top:1px solid #8f6938;border-bottom:1px solid #8f6938;grid-template-columns:1fr 1fr;margin:5px 0 0;display:grid}.card-forge-preview .metrics>div{background:linear-gradient(110deg,transparent 84%,rgba(191,143,66,.08) 85%);border-right:1px solid #5e4a32;justify-content:center;align-items:center;gap:8px;display:flex}.card-forge-preview .metrics>div:last-child{border-right:0}.card-forge-preview .metrics .metric-icon+span{align-items:baseline;gap:10px}.card-forge-preview .metrics small{color:#958879;letter-spacing:.08em;font-size:7px}.card-forge-preview .metrics strong{color:#cbd0df;font:600 13px/1 Orbitron,sans-serif}.card-forge-preview .metric-icon{color:#b78948;filter:drop-shadow(0 0 5px rgba(229,171,80,.3));display:grid}.card-forge-preview .quote{z-index:3;color:color-mix(in srgb, var(--primary) 70%, white);background:radial-gradient(circle at 70% 50%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 28%), linear-gradient(90deg, #070c15, #0b1020, #070c15);text-overflow:ellipsis;white-space:nowrap;clip-path:polygon(5% 0,70% 0,74% 15%,96% 15%,100% 40%,97% 100%,3% 100%,0 66%);justify-content:center;align-items:center;gap:7px;margin:6px 5px 3px;font-size:11px;font-style:italic;display:flex;overflow:hidden}.card-forge-preview .quote-mark{color:#55536f;font:700 22px/1 Georgia,serif}.card-forge-preview .collectible footer{z-index:3;color:#9c825e;letter-spacing:.35em;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);background:#070b12;border-top:1px solid #9e743c;border-left:1px solid #6f512d;border-right:1px solid #6f512d;justify-content:center;align-items:center;margin:0 22%;font:500 6px/1 Orbitron,sans-serif;display:flex;transform:translateY(-7px)}.card-forge-preview .collectible footer:before,.card-forge-preview .collectible footer:after{content:"·";color:#5f482d;margin:0 8px}.card-forge-preview .card-foil-shine{z-index:5;pointer-events:none;opacity:calc(var(--foil-opacity) * .68);mix-blend-mode:screen;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.12) 47%,rgba(255,255,255,.78) 50%,rgba(125,237,255,.26) 53%,transparent 59%);animation:4.8s ease-in-out infinite card-foil-sweep;position:absolute;inset:-35% -60%;transform:translate(-42%)skew(-12deg)}.card-forge-preview .card-sparkles{z-index:6;pointer-events:none;position:absolute;inset:8% 12%}.card-forge-preview .card-sparkles .sparkle{color:var(--secondary);text-shadow:0 0 7px var(--secondary), 0 0 16px var(--primary);font:700 18px/1 Arial,sans-serif;animation:2.6s ease-in-out infinite card-sparkle;position:absolute}.card-forge-preview .card-sparkles .sparkle-one{top:15%;left:16%}.card-forge-preview .card-sparkles .sparkle-two{font-size:13px;animation-delay:-1.1s;top:26%;right:13%}.card-forge-preview .card-sparkles .sparkle-three{animation-delay:-.6s;bottom:18%;right:19%}.card-forge-preview .card-sparkles .sparkle-four{font-size:12px;animation-delay:-1.8s;bottom:31%;left:10%}.card-forge-preview .card-sparkles .sparkle-five{font-size:11px;animation-delay:-.3s;top:8%;right:31%}.card-forge-preview .effect-pulse .energy-ring{animation:2.4s ease-in-out infinite card-energy-pulse}@keyframes card-foil-sweep{0%,12%{transform:translate(-48%)skew(-12deg)}75%,to{transform:translate(48%)skew(-12deg)}}@keyframes card-sparkle{0%,to{opacity:.22;transform:scale(.62)rotate(-18deg)}45%{opacity:1;transform:scale(1.12)rotate(12deg)}}@keyframes card-energy-pulse{0%,to{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--primary) 34%, transparent))}50%{filter:drop-shadow(0 0 15px color-mix(in srgb, var(--secondary) 78%, transparent))}}@media (prefers-reduced-motion:reduce){.card-forge-preview .card-foil-shine,.card-forge-preview .card-sparkles .sparkle,.card-forge-preview .effect-pulse .energy-ring{animation:none}.card-forge-preview .card-foil-shine{opacity:calc(var(--foil-opacity) * .24)}}