.fabricator-hero{position:relative;display:grid;grid-template-columns:1fr 1.2fr;min-height:430px;border:1px solid #494060;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 77% 53%,#282547 0,transparent 55%),linear-gradient(120deg,#141429,#070c18);box-shadow:inset 0 1px #d7c1ff18;margin:26px 0}
.forge-copy{position:relative;z-index:1;padding:50px 0 45px 46px}.forge-copy .eyebrow{color:#c2b5e2;font-size:10px;letter-spacing:3px}.forge-copy h2{font-family:Georgia,serif;font-size:clamp(36px,4.4vw,64px);font-weight:400;line-height:1.06;letter-spacing:-2px;color:#fff1de;margin:23px 0}.forge-copy>p:not(.eyebrow){max-width:340px;color:#a8aec3;line-height:1.8;font-size:14px}.forge-status{display:inline-flex;align-items:center;gap:9px;letter-spacing:2px;font-size:9px;color:#9edccf;margin-top:20px}.forge-status i{width:5px;height:5px;border-radius:50%;background:#94e3cc;box-shadow:0 0 12px #7fffe3}.forge-visual{position:relative;min-width:0;display:grid;align-items:center}.forge-coordinate{position:absolute;bottom:25px;right:30px;font:9px monospace;letter-spacing:2px;color:#9c96b5}
#pack-foundry{height:430px;width:100%}.fabricator-stage{position:relative;isolation:isolate;overflow:hidden;min-width:0;background:radial-gradient(ellipse at 50% 75%,#9684ef1a,transparent 62%)}.fabricator-stage:after{content:'';position:absolute;bottom:12%;left:23%;right:23%;height:10%;background:var(--forge-color);opacity:.14;filter:blur(30px);border-radius:50%;z-index:-1}.fabricator-stage canvas{position:absolute;inset:0;max-width:100%;height:100%;display:block}.fabricator-fallback{position:absolute;inset:0;display:grid;place-items:center;perspective:600px}.has-webgl>.fabricator-fallback{display:none}.forge-crystal{font-size:100px;color:#eae1ff;text-shadow:0 0 22px var(--forge-color),0 0 70px var(--forge-color);transform:rotate(-15deg);position:absolute;top:30%;left:calc(50% - 42px)}.forge-orbit{position:absolute;width:230px;height:230px;border:6px double #c0a272;border-radius:50%;transform:rotateX(50deg) rotateY(-35deg);box-shadow:0 0 25px #ba94ff33}.forge-orbit.second{transform:rotateX(-25deg) rotateY(65deg);width:260px;height:260px;border-color:#997ac1}.forge-plinth{position:absolute;bottom:16%;width:270px;height:70px;background:linear-gradient(#625173,#0b132b);border:4px ridge #8d7791;clip-path:polygon(12% 0,88% 0,100% 25%,100% 72%,88% 100%,12% 100%,0 72%,0 25%)}
.pack-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.pack-choice{min-width:0;position:relative;padding:26px;border:1px solid color-mix(in srgb,var(--forge-color) 32%,#182031);border-radius:18px;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--forge-color) 10%,transparent),transparent 65%),#0d1323;text-align:center;overflow:hidden}.pack-index{display:block;text-align:left;font:10px monospace;letter-spacing:2px;color:#999eb3}.pack-emblem{display:block;position:relative;width:88px;height:104px;margin:26px auto 18px;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--forge-color) 35%,transparent))}.pack-emblem i{position:absolute;inset:0;background:linear-gradient(130deg,#fff1cc,var(--forge-color) 35%,#39405c 68%,var(--forge-color));clip-path:polygon(50% 0,93% 23%,93% 75%,50% 100%,7% 75%,7% 23%)}.pack-emblem i:after{content:'';position:absolute;inset:4px;background:linear-gradient(135deg,#28384c,#0b1021 66%);clip-path:inherit}.pack-emblem b{position:absolute;inset:0;display:grid;place-items:center;font:42px Georgia,serif;color:var(--forge-color)}.pack-choice h3{font:28px Georgia,serif;color:#f4eee4;margin:12px 0}.pack-count{text-transform:uppercase;letter-spacing:3px;color:var(--forge-color);font-size:11px}.pack-guarantee{font-size:13px;color:#b7bfd0;min-height:42px;line-height:1.6}.pack-price{font-size:26px;color:#f9e5be;margin:22px 0}.pack-price small{display:block;color:#aab4c8;font-size:10px;font-weight:400;letter-spacing:1px;margin-top:6px}.pack-choice>.secondary{width:100%;padding:14px;background:color-mix(in srgb,var(--forge-color) 12%,#101626);border-color:color-mix(in srgb,var(--forge-color) 65%,#192038);color:#f0e8fa}.pack-choice details{margin-top:18px;text-align:left}.pack-choice summary{font-size:12px;text-align:center;cursor:pointer;color:#b5bfd3}.pack-rules{color:#9fa9bc;font-size:13px;line-height:1.9;max-width:900px}.pack-probabilities{font-size:12px;text-align:left;line-height:1.7}.odds-scroll{max-width:100%;overflow:auto;border:1px solid #31394f;border-radius:10px;margin:18px 0}.pack-probabilities table{width:100%;border-collapse:collapse;font-size:11px}.pack-probabilities th,.pack-probabilities td{padding:12px 9px;white-space:nowrap;text-align:right;border-bottom:1px solid #283148}.pack-probabilities th:first-child{text-align:left}.pack-probabilities thead{background:#1b2237;color:#ded3ee}.pack-probabilities tbody{color:#c6d0e3}.pack-history{border-top:1px solid #2d344b;margin-top:32px;padding-top:20px}.pack-history>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px;border-bottom:1px solid #222b40;font-size:13px}.pack-review{max-width:780px;margin:auto}.pack-review>.pack-emblem{float:right;width:64px;height:78px;margin:0 0 16px 16px}.pack-review>h2{font:30px Georgia,serif}#details:has(#pack-cinematic),#details:has(.pack-review){width:min(1040px,94vw);max-width:1040px}#pack-cinematic{text-align:center;min-width:0}#pack-cinematic h2{font:clamp(25px,3.2vw,42px) Georgia,serif;color:#f2e6d8}#pack-cinematic>p{line-height:1.7}#pack-opening{height:400px;width:100%}.pack-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:28px 0}.pack-results>div{min-width:0;animation:relic-arrive .65s both;animation-delay:var(--reveal-delay)}.pack-results .skin-product{height:calc(100% - 30px);text-align:left}.pack-results .skin-product-info{padding:12px}.pack-results .skin-product h3{font-size:15px}.pack-results .skin-product p{font-size:12px}.pack-results .skin-art{min-height:0}.pack-result-index{display:block;font:10px monospace;letter-spacing:2px;margin-top:12px;color:#9b8eac}@keyframes relic-arrive{from{opacity:0;transform:perspective(700px) translateY(25px) rotateY(-50deg) scale(.9)}to{opacity:1;transform:none}}
@media(max-width:700px){.fabricator-hero{grid-template-columns:1fr;min-height:0}.forge-copy{padding:28px 25px 0}.forge-copy h2{font-size:40px;margin:16px 0}.forge-copy h2 br{display:none}.forge-copy>p:not(.eyebrow){max-width:none;font-size:13px}.forge-status{margin-top:8px}.forge-visual{margin-top:-12px}#pack-foundry{height:300px}.forge-coordinate{bottom:12px;font-size:8px}.pack-offers{grid-template-columns:1fr}.pack-choice{padding:22px}.pack-emblem{margin-top:14px}.pack-guarantee{min-height:0}.pack-choice .pack-probabilities{margin-top:12px}.pack-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pack-results>div:only-child{grid-column:1/-1;max-width:250px;justify-self:center}.pack-results .skin-product-info{padding:10px}#pack-opening{height:280px}.pack-probabilities table{font-size:10px}.pack-probabilities th,.pack-probabilities td{padding:9px 6px}.pack-history>div{align-items:flex-start}.pack-review>h2{font-size:24px}.pack-results .skin-art-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){.pack-results>div{animation:none}}
.pack-results>div:only-child{grid-column:1/-1;max-width:280px;width:100%;justify-self:center}
.pack-choice .pack-probabilities table thead{display:none}.pack-choice .pack-probabilities table tbody{display:block}.pack-choice .pack-probabilities table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pack-choice .pack-probabilities table th{grid-column:1/-1}.pack-choice .pack-probabilities table td{white-space:normal;padding:9px 2px;text-align:center;font-size:12px}.pack-choice .pack-probabilities table td:before{content:attr(data-rarity);display:block;font-size:10px;color:#aeb8cc;margin-bottom:4px}
@media(max-width:700px){.pack-review .pack-probabilities table thead{display:none}.pack-review .pack-probabilities table tbody{display:block}.pack-review .pack-probabilities table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pack-review .pack-probabilities table th{grid-column:1/-1}.pack-review .pack-probabilities table td{white-space:normal;padding:9px 2px;text-align:center;font-size:12px}.pack-review .pack-probabilities table td:before{content:attr(data-rarity);display:block;font-size:10px;color:#aeb8cc;margin-bottom:4px}}

.motionless .pack-results>div{animation:none}