@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--blue:#00d9e7;--muted:#94aabd;--pack-ratio:.56;--pack-height:300px;--rip:0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 15%,#10253733,transparent 55%),#080e15;color:#f1f6fc;font:14px/1.5 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #83edf6;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.opening-page{width:100%;max-width:1240px;margin:0 auto;padding:24px 40px 32px}.topline{margin-bottom:20px;font-size:12px;color:#a2bbcd}.back:hover{color:#00e2ed}.showcase{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:38px;align-items:stretch}.showcase[hidden]{display:none}.showcase .arena{height:auto;min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:18px;isolation:isolate;overflow:hidden}.purchase-panel{min-width:0;padding-top:4px}.heading{margin:0}.pack-heading-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px 14px;flex-wrap:wrap}.heading h1{font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:0;overflow-wrap:anywhere}.unit-price{margin:0;color:#b0c9dc;font-size:13px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.pack-category{display:inline-flex;align-items:center;min-height:25px;padding:3px 12px;margin-top:10px;border-radius:999px;background:#263c4c;color:#d4e6f3;font-size:11px;font-weight:650;line-height:1.4}
.controls{margin:21px 0 0;width:100%;min-width:0;padding:0;border:0;background:none;text-align:left}.quantity-label{font-size:12px;color:#adc5d7;font-weight:650;margin:0 0 9px}.quantities{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}.quantities button{flex:none;width:40px;height:39px;min-width:0;padding:0;border:1px solid #2d475b;border-radius:7px;background:#0c1a25;color:#90a9bd;font-size:12px;font-weight:750}.quantities button:hover{border-color:#528196;color:#dffaff}.quantities button.selected{border-color:#00e2ed;background:#0a3441;color:#02e3ec;box-shadow:inset 0 0 0 1px #00d9e71a}.open{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:11px 14px;border:1px solid #30e5ed;border-radius:8px;background:#00d9e7;color:#03202c;font-size:14px;font-weight:800;line-height:1.5;text-align:center;overflow-wrap:anywhere;white-space:normal}.open:hover:not(:disabled){background:#64edf4}.phase-label{margin:0 0 14px;font-size:12px;color:#b4cedf;letter-spacing:0;line-height:1.7;text-transform:none}.phase-label:empty{display:none}.controls.is-busy .phase-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.odds-table-panel{min-width:0}.purchase-panel>.odds-table-panel{margin-top:24px;padding-top:15px;border-top:1px solid #314a5c}.odds-title{font-size:17px;line-height:1.4;letter-spacing:-.35px;font-weight:700;margin:0 0 17px}.purchase-panel .odds-title{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.odds-table-scroll{width:100%;max-width:100%;overflow-x:auto}.odds-table-panel table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:12px}.odds-table-panel caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.odds-table-panel th,.odds-table-panel td{padding:10px 0;border-bottom:1px solid #223a4b;font-weight:550;vertical-align:middle}.odds-table-panel thead th{color:#89a7bd;font-size:11px;padding:0 0 9px}.odds-table-panel th:first-child{width:43%;padding-right:6px}.odds-table-panel th:nth-child(2){width:18%}.odds-table-panel td,.odds-table-panel thead th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.odds-table-panel td{color:#e1ecf5;padding-left:6px;white-space:nowrap}.odds-table-panel .odds-value-range{white-space:normal;font-size:11px;line-height:1.7;overflow-wrap:normal}.odds-value-range>span{padding:0 2px;color:#90aabd}.odds-table-panel .odds-loading{white-space:normal;text-align:left;font-size:12px;color:#9ab3c7;line-height:1.7;padding:14px 0}.rarity-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 7px;border:1px solid color-mix(in srgb,var(--rarity-color) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--rarity-color) 10%,transparent);color:var(--rarity-color);font-size:10px;font-weight:650;line-height:1.4}.rarity-dot{display:block;flex:none;width:6px;height:6px;background:var(--rarity-color);border-radius:50%}.odds-table-panel .rarity-badge{padding:0;border:0;border-radius:0;background:none;font-size:11px;font-weight:550;white-space:normal;line-height:1.5;color:#d6e7f3}.odds-table-panel .rarity-dot{width:7px;height:7px}
.pack-details{display:grid;grid-template-columns:1fr;gap:28px;margin:25px 0 0}.grails-panel{min-width:0}.grails-panel h2{font-size:21px;font-weight:750;line-height:1.4;letter-spacing:-.6px;margin:0 0 14px}.grail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grail-card{position:relative;min-width:0;border:1px solid #294252;border-radius:13px;padding:16px 16px 15px;background:radial-gradient(ellipse at 50% 47%,#12313c44,transparent 65%),#08131d;text-align:center;overflow:hidden;transition:border-color .2s,transform .2s}.grail-card:hover{border-color:color-mix(in srgb,var(--grail) 60%,#294252);transform:translateY(-2px)}.grail-art{height:190px;max-width:100%;position:relative;display:flex;align-items:center;justify-content:center;margin:0 0 15px;isolation:isolate}.grail-art::after{content:'';position:absolute;left:50%;bottom:-4px;width:72%;height:7px;transform:translateX(-50%);border:1px solid #31849588;border-radius:50%;background:#14a9b511;box-shadow:0 0 9px #24c5d029;z-index:-1}.grail-art img{display:block;height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 5px 8px #0006)}.grail-card h3{font-size:13px;line-height:1.5;font-weight:700;color:#eaf3fc;margin:0 0 7px;overflow-wrap:anywhere}.grail-card .rarity-badge{font-size:10px}.empty-grails{grid-column:1/-1;font-size:12px;color:#8faabd;margin:0;padding:12px 0}.grail-grid:has(>.grail-card:only-child){grid-template-columns:minmax(0,360px);justify-content:center}
/* The shell, foil and shimmer share the selected image's intrinsic ratio. */
.display{position:absolute;inset:0;width:100%;height:100%;margin:0;max-width:none}.pack-shell{position:absolute;left:50%;top:50%;height:var(--pack-height);width:calc(var(--pack-height)*var(--pack-ratio));transform:translate(-50%,-50%) rotate(-3deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);isolation:isolate}.pack-shell .pack.artwork,.pack-shell .tear-strip,.pack-shell .foil-piece{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:var(--pack-image) center/100% 100% no-repeat;animation:none;box-shadow:none;filter:none}.pack-shell .pack.artwork{mask-image:var(--pack-image);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:var(--pack-image);-webkit-mask-size:100% 100%;overflow:hidden}.pack-shell .pack.artwork::after{content:'';position:absolute;inset:0;pointer-events:none;transform:translateX(-130%);background:linear-gradient(110deg,transparent 28%,#ffffff42 48%,transparent 67%);animation:foil 5s ease-in-out infinite;mix-blend-mode:screen}.pack-shell .tear-strip,.pack-shell .foil-piece{opacity:0;pointer-events:none}.pack-shell.ripping .pack.artwork{clip-path:inset(9% 0 0)}.pack-shell.ripping .pack.artwork::after{opacity:0;animation:none}.pack-shell.ripping .tear-strip{opacity:1;clip-path:polygon(calc(var(--rip)*100%) 0,100% 0,100% 9%,calc(var(--rip)*100%) 9%)}.pack-shell.ripping .foil-piece{opacity:var(--rip);clip-path:inset(0 0 91%);transform:translate(calc(var(--rip)*35px),calc(var(--rip)*-70px)) rotate(calc(var(--rip)*18deg));transform-origin:right 9%}.rip-target{position:absolute;left:-8px;right:-8px;top:-5px;width:calc(100% + 16px);height:54px;padding:0;z-index:8;touch-action:none;cursor:ew-resize;user-select:none}.rip-helper{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:230px;padding:5px 10px;border:1px solid #388095;border-radius:999px;background:#082330;color:#d3f9ff;font-size:10px;font-weight:650;line-height:1.5;pointer-events:none}.rip-helper-arrow{display:inline-block;color:#00e2ed;font-size:15px;line-height:1;animation:rip-hint-slide 1.6s ease-in-out infinite}.skip-opening{position:absolute;right:16px;bottom:15px;z-index:9;min-height:34px;padding:7px 11px;border:1px solid #355c71;border-radius:7px;background:#0a1e2ae8;color:#c0dce9;font:600 10px/1.4 Manrope,Arial,sans-serif}.skip-opening:hover{border-color:#6ce8ee;color:#dfffff}.pack-shell.unsealed .pack.artwork{animation:none}.pack-shell.unsealed .foil-piece{animation:foil-away .6s ease-in both}.arena.is-revealing .display{visibility:hidden}.reveal-stage[hidden]{display:none}
.showcase:not(.opening-focus) .arena{--pack-height:clamp(300px,28vw,350px)}.showcase:not(.opening-focus) .pack-shell{top:49%;transform:translate(-50%,-50%)}.showcase:not(.opening-focus) .side-card{display:none}.showcase:not(.opening-focus) .stage-platform{top:88%;height:12px;width:calc(var(--pack-height)*var(--pack-ratio)*1.7)}.showcase:not(.opening-focus) .stage-reflection{top:89%;opacity:.11}.showcase:not(.opening-focus) .stage-orbits{opacity:.45}.showcase:not(.opening-focus) .stage-spark{opacity:.35}.arena.zoomed .pack-shell{top:50%}.showcase.opening-focus .arena{width:100%}.skip-reveal-motion .spotlight-card,.skip-reveal-motion .spotlight-card::after{animation:none!important}
.results{display:none;text-align:center;margin:24px auto;max-width:1000px;scroll-margin-top:24px}.results.visible{display:block}.results h2{font-size:25px;letter-spacing:-.8px}.result-grid{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:22px 0}.result-card{width:170px;min-height:205px;border:1px solid var(--tone);border-radius:10px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--tone) 18%,#132332),#0b1824 75%);padding:12px 8px;animation:appear .45s both}.result-card .revealed-art{display:block;width:100%;height:190px;object-fit:contain;margin:10px 0}.result-card strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.text-button{background:none;border:1px solid #3d6075;border-radius:7px;padding:11px 19px;color:#b6dcf0}.spotlight-card{animation:card-flip .65s cubic-bezier(.2,.75,.2,1) both}.spotlight-card.rare{animation:rare-arrive 1s cubic-bezier(.16,1,.3,1) both}
@keyframes foil{0%,65%{transform:translateX(-130%)}95%,100%{transform:translateX(130%)}}@keyframes wrapper-away{from{opacity:1;translate:0 0}to{opacity:0;translate:0 55px}}@keyframes foil-away{from{opacity:1}to{opacity:0;translate:35px -45px}}@keyframes card-flip{from{transform:rotateY(-100deg) translateY(18px);opacity:0}to{transform:none;opacity:1}}@keyframes rare-arrive{0%{transform:scale(.75) rotateY(-85deg);opacity:0}60%{transform:scale(1.04);opacity:1}100%{transform:scale(1)}}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes rip-hint-slide{0%,100%{translate:0 0}50%{translate:4px 0}}
@media(max-width:1000px) and (min-width:761px){.opening-page{padding-left:28px;padding-right:28px}.showcase{grid-template-columns:minmax(0,1.1fr) minmax(290px,1fr);gap:25px}.heading h1{font-size:28px}.unit-price{font-size:12px}.grail-art{height:180px}.grail-card{padding:14px 12px}.grail-card h3{font-size:12px}}
@media(max-width:760px){.opening-page{padding:18px 16px 26px}.topline{font-size:11px;margin-bottom:16px}.showcase{display:flex;flex-direction:column;gap:22px}.showcase .arena{height:320px;min-height:0;width:100%;border-radius:13px;flex:none}.showcase:not(.opening-focus) .arena{--pack-height:245px}.purchase-panel{padding-top:0}.heading h1{font-size:27px}.unit-price{font-size:12px}.pack-category{margin-top:8px;font-size:10px;min-height:23px}.controls{margin-top:18px}.quantities{gap:7px}.quantities button{width:40px;height:39px}.open{font-size:13px;min-height:46px}.purchase-panel>.odds-table-panel{margin-top:21px;padding-top:14px}.odds-table-panel table{font-size:12px}.pack-details{grid-template-columns:1fr;gap:25px;margin-top:24px}.grails-panel h2{font-size:19px}.grail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grail-card{padding:12px 9px}.grail-grid>.grail-card:last-child:nth-child(2n+3){grid-column:1/-1;width:calc((100% - 10px)/2);justify-self:center}.grail-art{height:170px;margin-bottom:13px}.grail-card h3{font-size:11px}.grail-card .rarity-badge{font-size:9px}.rip-target{height:47px}.rip-helper{font-size:9px;padding:5px 9px;gap:7px}.skip-opening{right:12px;bottom:12px;font-size:10px}.result-card{width:calc(50% - 7px);max-width:180px}.result-card .revealed-art{height:170px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pack-shell .pack.artwork::after{opacity:0}.pack-shell.unsealed .pack.artwork,.pack-shell.unsealed .foil-piece{opacity:0}}

.grail-card .grail-value{margin:8px 0 0;color:#e4f5ff;font-size:14px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.5}
/* A single compact rail keeps every grail visible without orphan rows. */
.grails-panel{border:1px solid #294252;border-radius:16px;padding:22px;background:linear-gradient(135deg,#0a1824a0,#071019)}.grails-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.grails-panel .grails-heading h2{font-size:24px;margin:0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.grails-heading .grail-count{font-size:13px;font-weight:500;letter-spacing:0;color:#a6bed1;border-left:1px solid #315267;padding-left:18px}.grail-carousel-controls{display:flex;gap:8px;flex:none}.grail-carousel-controls button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #3b586f;border-radius:50%;background:#0a1724;color:#e7f6ff;cursor:pointer}.grail-carousel-controls svg,.grail-expand svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.grail-carousel-controls button:disabled{opacity:.35;cursor:default}.grail-grid,.grail-grid:has(>.grail-card:only-child){display:flex;justify-content:flex-start;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0;scrollbar-width:none;padding:2px 0 4px;position:relative}.grail-grid::-webkit-scrollbar{display:none}.grail-grid>.grail-card,.grail-grid>.grail-card:last-child:nth-child(2n+3){flex:0 0 calc((100% - 56px)/5);width:auto;min-width:0;max-width:230px;scroll-snap-align:start;padding:8px;text-align:left;display:flex;flex-direction:column;background:linear-gradient(145deg,#102130,#0b1520);border:1px solid #304d63;border-radius:12px;transform:none}.grail-card:hover{transform:none}.grail-art{height:auto;aspect-ratio:5/7;width:100%;margin:0;position:relative;border-radius:8px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--grail) 12%,transparent),transparent 72%);padding:12px 7px;box-sizing:border-box}.grail-art::after{display:none}.grail-art img{height:100%;width:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 9px #0007)}.grail-expand{position:absolute;top:0;right:0;width:30px;height:30px;border:1px solid #3b586f;background:#091825e8;color:#e7f6ff;border-radius:7px;display:grid;place-items:center;cursor:pointer}.grail-expand:hover{border-color:#00e2ed}.grail-copy{padding:9px 3px 3px;display:flex;flex:1;flex-direction:column}.grail-card h3{font-size:13px;line-height:1.35;text-align:left;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em;overflow-wrap:anywhere}.grail-subtitle{font-size:11px;color:#a6bed1;line-height:1.5;min-height:3em;margin:4px 0 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.grail-footer{border-top:1px solid #294252;padding-top:9px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.grail-card .grail-footer .rarity-badge{font-size:10px;border:0;background:transparent;padding:0;white-space:nowrap;min-height:0}.grail-card .grail-value{font-size:15px;margin:0;line-height:1.4;white-space:nowrap}.grail-gallery-caption{font-size:11px;color:#97b2c7;margin:14px 0 0}.grail-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px}.grail-pagination button{padding:8px;background:transparent;border:0;cursor:pointer}.grail-pagination button:after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#36516a}.grail-pagination button[aria-pressed=true]:after{background:#00dfe9}.grail-position{font-size:11px;color:#a6bed1}.empty-grails{flex:1}.grail-preview{color:#edf7ff;border:1px solid #3d647d;border-radius:14px;background:#08131e;padding:25px;width:min(460px,calc(100% - 32px));max-height:92svh;overflow:auto;box-sizing:border-box}.grail-preview::backdrop{background:#02070fe8;backdrop-filter:blur(6px)}.grail-preview>img{display:block;width:100%;height:min(56svh,520px);object-fit:contain;margin:10px auto 18px}.grail-preview h2{font-size:18px;line-height:1.5;margin:0 0 14px;overflow-wrap:anywhere}.grail-preview-close{position:absolute;right:10px;top:6px;color:#edf7ff;background:transparent;border:0;font-size:28px;cursor:pointer;width:36px;height:36px}#grail-preview-details{display:flex;align-items:center;justify-content:space-between;gap:14px}.grail-grid:focus-visible,.grails-panel button:focus-visible,.grail-preview button:focus-visible{outline:2px solid #00dfe9;outline-offset:3px}
@media(max-width:1100px) and (min-width:761px){.grail-grid>.grail-card,.grail-grid>.grail-card:last-child:nth-child(2n+3){flex-basis:calc((100% - 42px)/4)}.grail-card h3{font-size:14px}}
@media(max-width:760px){.grails-panel{padding:16px 14px;border-radius:13px}.grails-panel .grails-heading h2{font-size:20px;gap:10px}.grails-heading .grail-count{font-size:11px;padding-left:10px}.grails-heading{gap:10px;margin-bottom:14px}.grail-carousel-controls{gap:5px}.grail-carousel-controls button{width:30px;height:30px}.grail-grid,.grail-grid:has(>.grail-card:only-child){gap:12px}.grail-grid>.grail-card,.grail-grid>.grail-card:last-child:nth-child(2n+3){flex-basis:58%;max-width:210px;width:auto;padding:8px;grid-column:auto;justify-self:auto}.grail-art{height:auto;margin:0;padding:10px 6px}.grail-card h3{font-size:14px}.grail-subtitle{font-size:11px}.grail-card .grail-footer .rarity-badge{font-size:10px}.grail-card .grail-value{font-size:15px}.grail-gallery-caption{font-size:10px;margin-top:8px}.grails-heading h2{max-width:calc(100% - 80px)}.grails-panel .grails-heading h2{font-size:18px}.grail-preview{padding:22px}.grail-preview h2{font-size:16px}.grail-footer{gap:8px}.grail-copy{padding-left:4px;padding-right:4px}}

.grail-label-mobile{display:none}@media(max-width:760px){.grail-label-mobile{display:inline}.grail-label-desktop{display:none}}

/* Batch skip also suppresses the card details and action entrance effects. */
.skip-reveal-motion .reveal-stage,.skip-reveal-motion .reveal-stage *,.skip-reveal-motion .reveal-stage *::before,.skip-reveal-motion .reveal-stage *::after{animation:none!important;transition:none!important}

/* Do not expose partially decoded wrapper/mask layers on cold navigation. */
.pack-shell:not([data-art-ready="true"]){visibility:hidden}
/* Idle artwork centers through layout, independent of decoded image dimensions
   and percentage-transform interpolation during first navigation. */
.showcase:not(.opening-focus) .display{display:grid;place-items:center}
.showcase:not(.opening-focus) .pack-shell{position:relative;left:auto;top:auto;margin:0;transform:none;transition:none}