*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.left-1{left:.25rem}.right-1\.5{right:.375rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.z-10{z-index:10}.z-20{z-index:20}.col-span-2{grid-column:span 2/span 2}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.min-h-36{min-height:9rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[150px\]{max-width:150px}.max-w-\[430px\]{max-width:430px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-flame{--tw-border-opacity:1;border-color:rgb(239 90 60/var(--tw-border-opacity,1))}.border-line{--tw-border-opacity:1;border-color:rgb(217 222 227/var(--tw-border-opacity,1))}.bg-flame{--tw-bg-opacity:1;background-color:rgb(239 90 60/var(--tw-bg-opacity,1))}.bg-ink{--tw-bg-opacity:1;background-color:rgb(21 23 26/var(--tw-bg-opacity,1))}.bg-mint{--tw-bg-opacity:1;background-color:rgb(47 191 131/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-road{--tw-bg-opacity:1;background-color:rgb(245 247 248/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-32{padding-bottom:8rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-tight{line-height:1.25}.text-flame{--tw-text-opacity:1;color:rgb(239 90 60/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(21 23 26/var(--tw-text-opacity,1))}.text-mint{--tw-text-opacity:1;color:rgb(47 191 131/var(--tw-text-opacity,1))}.text-steel{--tw-text-opacity:1;color:rgb(82 97 107/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-soft{--tw-shadow:0 10px 30px #15171a14;--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f1c16;--steel:#6b6457;--muted:#9a917c;--road:#f6edd7;--paper:#fffdf5;--line:#e3d7ba;--mint:#5f9b5a;--flame:#cf4436;--sun:#e6b829;--sky:#e98aa8;--giro:#e98aa8;--vuelta:#cf4436;--champ-blue:#42a5d5;--champ-green:#43a756;background:#f6edd7}*{box-sizing:border-box}body{color:var(--ink);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(90deg,#1f1c1608 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#fffdf5 0%,#f6edd7 42%,#efe1c2 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}input,select,textarea{outline:none}input:focus,select:focus,textarea:focus,button:focus-visible{box-shadow:0 0 0 3px #cf44362e;border-color:var(--flame)!important}.card-surface{background:linear-gradient(#fffffffa,#fffdf8f5);border:1px solid #13181c1a;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 10px 28px #12211914,inset 0 1px #ffffffd9}.card-surface:before{content:"";pointer-events:none;border-top:3px solid #cf443652;position:absolute;inset:0}.card-surface:hover{border-color:#cf443657}.card-surface button,.card-surface select,.card-surface input,.card-surface textarea{z-index:1;position:relative}.tap{min-width:44px;min-height:44px;transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s,color .12s}.tap:active{transform:translateY(1px)scale(.99)}main{box-shadow:0 0 0 1px #13181c0f,0 28px 80px #13181c1f}header{background:linear-gradient(135deg,#fffdf8fa,#fff8e6f5)!important}header h1{letter-spacing:0}nav{box-shadow:0 -14px 34px #13181c1f}nav button{border-top:3px solid #0000}nav button.text-mint{border-top-color:var(--flame);background:linear-gradient(#d84c3f1f,#0000)}.bg-ink{background-color:var(--ink)!important}.bg-mint{background-color:var(--mint)!important}.text-mint{color:var(--mint)!important}.text-flame{color:var(--flame)!important}.text-steel{color:var(--steel)!important}.border-line{border-color:var(--line)!important}.bg-road{background-color:var(--road)!important}.rounded-md{border-radius:8px}.shadow-soft{box-shadow:0 16px 42px #1221191f}.rider-card{background:linear-gradient(135deg,#fffdf8fa,#fff8e6f5),repeating-linear-gradient(45deg,#13181c06 0 8px,#0000 8px 16px)}.race-chip{background:#fffdf8;border-color:#13181c1c;box-shadow:0 5px 14px #13181c0f}.primary-action{box-shadow:0 8px 18px #13181c2e;background:linear-gradient(135deg, var(--ink), #25313a)!important}.mint-action{box-shadow:0 8px 18px #23a86f33;background:linear-gradient(135deg, var(--mint), #17875a)!important}.cost-pill{box-shadow:inset 0 -1px #13181c14}.app-header{background:#fffdf8eb!important}.brand-tile{background:linear-gradient(135deg, var(--sun), #b58d18);color:var(--ink)}.booster-hero{background:radial-gradient(circle at 50% 12%,#e8c84a38,#0000 28%),linear-gradient(#fffdf8fa,#fff8e6f2);border:1px solid #13181c1a;border-radius:8px;min-height:430px;position:relative;overflow:hidden;box-shadow:0 18px 46px #14181721}.booster-hero:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 31%,#e8c84a33 31% 34%,#0000 34% 55%,#e98aa82e 55% 58%,#0000 58% 74%,#d84c3f29 74% 76%,#0000 76%),repeating-linear-gradient(0deg,#13181c09 0 1px,#0000 1px 14px);position:absolute;inset:0}.booster-hero.empty{flex-direction:column;justify-content:space-between;min-height:330px;display:flex}.booster-copy{z-index:1;text-align:center;padding:22px 20px 0;position:relative}.odds-button{z-index:2;border:1px solid var(--line);min-height:44px;color:var(--steel);background:#fffdf8e0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:13px;right:13px}.pack-stage{z-index:1;perspective:900px;width:224px;height:276px;margin:22px auto 0;position:relative}.booster-pack{background:linear-gradient(90deg, #fff6, transparent 14%, transparent 86%, #13181c1f), linear-gradient(135deg, #fffdf8 0%, #f3d85b 22%, var(--sun) 43%, var(--giro) 44%, #df6f95 66%, var(--vuelta) 67%, #f4c36a 100%);border-radius:14px 14px 10px 10px;position:absolute;inset:0;overflow:hidden;transform:rotateX(6deg)rotate(-2deg);box-shadow:0 22px 42px #14181740,inset 0 0 0 1px #ffffff61,inset 0 -18px 26px #14181726}.booster-pack:before,.booster-pack:after{content:"";background:repeating-linear-gradient(90deg,#13181c2e 0 3px,#0000 3px 8px),#fffdf86b;height:24px;position:absolute;left:0;right:0}.booster-pack:before{border-bottom:1px solid #13181c1f;top:0}.booster-pack:after{border-top:1px solid #13181c1a;bottom:0}.booster-pack span{white-space:pre-line;text-align:center;color:var(--ink);text-transform:uppercase;text-shadow:0 1px 9px #fffdf8b8;font-size:27px;font-weight:950;line-height:.96;position:absolute;inset:66px 24px auto}.booster-pack.mini{width:118px;height:148px;margin:0 auto;position:relative}.booster-pack.mini span{font-size:18px;inset:42px 14px auto}.pack-shadow{filter:blur(10px);background:#1418172e;border-radius:50%;height:26px;position:absolute;bottom:-10px;left:26px;right:26px;transform:rotate(-2deg)}.empty-pack-preview{z-index:1;padding:22px 0 28px;position:relative}.open-action{z-index:1;justify-content:center;margin-top:14px;display:flex;position:relative}.odds-panel{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 16px 0;display:grid;position:relative}.odds-panel span{border:1px solid var(--line);color:var(--steel);background:#fffdf8e6;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:900}.home-race-strip{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 9px 24px #14181717}.race-overview-card{cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}.race-overview-card:hover{border-color:#d84c3f52;box-shadow:0 14px 34px #1418171f}.race-overview-card:active{transform:translateY(1px)}.card-scroll{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.card-scroll .road-card{flex:0 0 126px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.road-card{--rarity-color:var(--mint);border:1px solid color-mix(in srgb, var(--rarity-color) 72%, var(--ink));background:linear-gradient(180deg, #ffffffd6, transparent 28%), linear-gradient(160deg, var(--paper) 0%, #f6f2e8 56%, color-mix(in srgb, var(--rarity-color) 18%, #fffdf8) 100%);min-height:232px;box-shadow:0 14px 28px #14181726, inset 0 0 0 4px #ffffff94, inset 0 0 0 6px color-mix(in srgb, var(--rarity-color) 32%, transparent);border-radius:8px;padding:10px;position:relative;overflow:hidden}.road-card.compact{min-height:168px}.road-card:before{content:"";pointer-events:none;border:1px solid #13181c14;border-radius:5px;position:absolute;inset:6px}.road-card.rarity-starter{--rarity-color:#c9c2ad}.road-card.rarity-limited{--rarity-color:var(--mint)}.road-card.rarity-rare{--rarity-color:var(--giro)}.road-card.rarity-super_rare{--rarity-color:var(--sun)}.road-card.rarity-unique{--rarity-color:#fffdf8;background:linear-gradient(90deg, var(--champ-blue) 0 18%, #f2d458 18% 36%, var(--ink) 36% 54%, var(--champ-green) 54% 72%, #d84545 72% 90%, transparent 90%) top / 100% 10px no-repeat, linear-gradient(160deg, #fffdf8 0%, #f7f2e7 100%);border-color:#13181c3d;box-shadow:0 16px 32px #14181729,inset 0 0 0 4px #fffc,inset 0 0 0 6px #13181c14}.road-card-top,.road-card-meta{z-index:1;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.road-card-top span{background:color-mix(in srgb, var(--rarity-color) 20%, white);color:color-mix(in srgb, var(--rarity-color) 72%, var(--ink));text-transform:uppercase;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:950}.road-card.rarity-unique .road-card-top span{color:var(--ink);background:#fffdf8;box-shadow:inset 0 0 0 1px #13181c24}.road-card-top strong{color:var(--steel);font-size:11px;font-weight:900}.rider-silhouette{background:radial-gradient(circle at 50% 24%, #fffc, transparent 22%), linear-gradient(160deg, color-mix(in srgb, var(--rarity-color) 34%, #f0ead9), #f6f2e8);border:1px solid #13181c14;border-radius:7px;height:98px;margin:12px 0 10px;position:relative;overflow:hidden}.rider-silhouette:before{content:"";background:linear-gradient(180deg, #f8f0d8 0 18%, var(--rarity-color) 19% 63%, #26312e 64%);border-radius:44% 44% 18% 18%;width:58px;height:68px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #14181733}.rider-silhouette:after{content:"";background:linear-gradient(140deg,#0000 0 40%,#13181c1f 40% 42%,#0000 42%),linear-gradient(#0000,#13181c1f);height:30px;position:absolute;bottom:0;left:0;right:0}.road-card h3{z-index:1;min-height:40px;margin:0;font-size:17px;font-weight:950;line-height:1.08;position:relative}.road-card.compact h3{min-height:32px;font-size:13px}.road-card-meta{margin-top:11px}.road-card-meta span{color:var(--steel);font-size:11px;font-weight:850}.road-card-meta b{background:var(--ink);color:#fff;text-align:center;border-radius:6px;min-width:34px;padding:6px 7px;font-size:12px;font-weight:950}.pack-reveal{z-index:40;overscroll-behavior:contain;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 18%,#e8c84a3d,#0000 32%),radial-gradient(circle at 50% 80%,#e98aa82e,#0000 34%),#14181794;place-items:center;padding:14px;display:grid;position:fixed;inset:0;overflow:hidden}.pack-reveal-inner{overscroll-behavior:contain;border:1px solid var(--line);background:radial-gradient(circle at 50% 0%, #e8c84a33, transparent 34%), var(--paper);border-radius:8px;width:min(100vw - 28px,396px);max-height:min(760px,100dvh - 28px);padding:18px;position:relative;overflow:hidden auto;box-shadow:0 24px 70px #14181747}.pack-reveal-inner:before{content:"";pointer-events:none;opacity:.55;background:linear-gradient(112deg,#0000 0 32%,#ffffff73 45%,#0000 58%),repeating-linear-gradient(0deg,#13181c09 0 1px,#0000 1px 14px);position:absolute;inset:0}.pack-reveal-inner.has-rare-pull:after{content:"";pointer-events:none;opacity:.45;background:conic-gradient(from 90deg,#42a5d529,#f2d4582e,#43a75629,#d8454529,#42a5d529);animation:5s linear infinite rareAura;position:absolute;inset:-35%}.reveal-title-row,.pack-opening-stage,.reveal-status,.single-card-reveal,.reveal-summary,.reveal-card-fan,.reveal-progress,.pack-reveal-inner>.mt-4{z-index:1;position:relative}.reveal-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pack-opening-stage{perspective:900px;place-items:center;min-height:clamp(260px,44dvh,342px);padding:14px 0 4px;transition:min-height .32s,opacity .32s,transform .32s;display:grid}.reveal-revealing .pack-opening-stage,.reveal-complete .pack-opening-stage{opacity:0;height:0;min-height:0;overflow:hidden;transform:translateY(-16px)scale(.94)}.opening-pack-wrap{width:clamp(184px,58vw,226px);height:clamp(232px,72vw,286px);position:relative}.opening-pack{background:linear-gradient(90deg, #ffffff61, transparent 14%, transparent 86%, #13181c21), linear-gradient(135deg, #fffdf8 0%, #f3d85b 22%, var(--sun) 43%, var(--giro) 44%, #df6f95 66%, var(--vuelta) 67%, #f4c36a 100%);border-radius:15px 15px 10px 10px;animation:1.38s cubic-bezier(.2,.8,.2,1) forwards packGrip;position:absolute;inset:0;overflow:hidden;transform:rotateX(6deg)rotate(-2deg);box-shadow:0 24px 48px #1418174d,inset 0 0 0 1px #ffffff61,inset 0 -18px 26px #14181726}.opening-pack:after{content:"";background:repeating-linear-gradient(90deg,#13181c2e 0 3px,#0000 3px 8px),#fffdf86b;border-top:1px solid #13181c1f;height:24px;position:absolute;bottom:0;left:0;right:0}.opening-pack span{white-space:pre-line;text-align:center;color:var(--ink);text-transform:uppercase;text-shadow:0 1px 9px #fffdf8b8;font-size:28px;font-weight:950;line-height:.96;position:absolute;inset:76px 24px auto}.opening-pack-top{z-index:3;transform-origin:14%;background:repeating-linear-gradient(90deg,#13181c2e 0 3px,#0000 3px 8px),#fffdf89e;border-bottom:1px solid #13181c1f;height:34px;animation:1.28s cubic-bezier(.18,.78,.18,1) forwards ripPackTop;position:absolute;top:0;left:-2px;right:-2px}.opening-pack-tear{z-index:4;opacity:0;filter:drop-shadow(0 2px 1px #1418171f);background:linear-gradient(135deg,#0000 0 8%,#fffdf8fa 8% 16%,#0000 16% 24%,#fffdf8eb 24% 34%,#0000 34% 44%,#fffdf8fa 44% 56%,#0000 56% 66%,#fffdf8eb 66% 76%,#0000 76%);height:12px;animation:1.28s forwards showTear;position:absolute;top:30px;left:7px;right:7px}.opening-card-stack{z-index:1;width:182px;height:236px;animation:1.35s cubic-bezier(.2,.8,.2,1) forwards stackFromPack;position:absolute;top:40px;left:22px;transform:translateY(38px)rotate(-2deg)}.opening-card-stack span{background:linear-gradient(135deg,#fffffff5,#f7f2e7f5),repeating-linear-gradient(45deg,#13181c0a 0 6px,#0000 6px 12px);border:1px solid #13181c24;border-radius:10px;position:absolute;inset:0;box-shadow:0 12px 24px #1418172e}.opening-card-stack span:nth-child(2){transform:translate(5px,5px)rotate(2deg)}.opening-card-stack span:nth-child(3){transform:translate(10px,10px)rotate(4deg)}.opening-pack-shadow{filter:blur(10px);background:#14181733;border-radius:50%;height:24px;position:absolute;bottom:-8px;left:25px;right:25px}.reveal-status{text-align:center;color:var(--steel);margin:-2px 0 4px;font-size:13px;font-weight:900}.single-card-reveal{width:min(100%,260px);margin:18px auto 0;animation:.62s cubic-bezier(.18,.82,.25,1) both cardDeal}.single-card-reveal .road-card{min-height:clamp(286px,48dvh,330px)}.reveal-card-button{text-align:left;cursor:pointer;touch-action:pan-y;width:100%;transform:translate3d(var(--drag-x,0), var(--drag-y,0), 0) rotate(var(--drag-rotate,0));-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;transition:transform .18s;display:block}.single-card-reveal.is-dragging .reveal-card-button{cursor:grabbing;transition:none}.reveal-card-button:focus-visible{border-radius:8px}.single-card-reveal.rare-hit .road-card{animation:1.4s ease-in-out infinite rareCardPulse}.single-card-reveal.rare-hit .road-card:after{opacity:.8;animation:1.3s ease-in-out infinite cardShine}.reveal-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.reveal-card-header span,.reveal-card-header strong,.reveal-progress span{border-radius:999px}.reveal-card-header span{background:var(--ink);color:#fff;text-transform:uppercase;padding:7px 10px;font-size:11px;font-weight:950}.reveal-card-header strong{border:1px solid var(--line);color:var(--steel);background:#fffdf8f0;padding:6px 10px;font-size:12px;font-weight:950}.reveal-card-note{text-align:center;color:var(--steel);margin-top:10px;font-size:13px;font-weight:900}.single-card-reveal.rare-hit .reveal-card-note{color:var(--flame)}.reveal-gesture-cue{justify-content:center;gap:6px;margin-top:9px;display:flex}.reveal-gesture-cue span{background:#13181c21;border-radius:999px;width:18px;height:3px}.reveal-gesture-cue span:nth-child(2){background:#6fa66aa6;width:28px}.reveal-next-button{border:1px solid var(--line);background:var(--ink);color:#fff;border-radius:8px;width:min(100%,240px);margin:12px auto 0;padding:0 18px;font-size:13px;font-weight:950;display:block;box-shadow:0 10px 22px #1418172e}.reveal-summary{text-align:center;margin-top:14px}.reveal-card-fan{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.reveal-card-fan .road-card{min-height:178px}.reveal-progress{justify-content:center;gap:7px;margin-top:14px;display:flex}.reveal-progress span{background:#13181c1f;width:24px;height:5px;transition:background-color .22s,transform .22s}.reveal-progress span.revealed{background:var(--mint);transform:translateY(-1px)}.reveal-progress span.rare.revealed{background:var(--flame);box-shadow:0 0 12px #d84c3f61}.road-card:after{content:"";pointer-events:none;border-radius:inherit;opacity:.16;background:linear-gradient(115deg,#0000 0 38%,#ffffffa6 48%,#0000 58%);position:absolute;inset:0;transform:translate(-38%)}@keyframes packGrip{0%{transform:translateY(12px)rotateX(4deg)rotate(-1deg)}44%{transform:translateY(0)rotateX(7deg)rotate(-4deg)}70%{transform:translateY(2px)rotateX(8deg)rotate(2deg)}to{transform:translateY(8px)rotateX(7deg)rotate(-5deg)}}@keyframes ripPackTop{0%,22%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0)rotate(0)}48%{clip-path:polygon(0 0,100% 0,96% 62%,80% 100%,58% 65%,36% 100%,18% 64%,0 100%);transform:translate(18px,-8px)rotate(9deg)}to{opacity:0;clip-path:polygon(0 0,100% 0,96% 62%,80% 100%,58% 65%,36% 100%,18% 64%,0 100%);transform:translate(132px,-44px)rotate(26deg)}}@keyframes showTear{0%,28%{opacity:0;transform:scaleX(.42)}48%,to{opacity:1;transform:scaleX(1)}}@keyframes stackFromPack{0%,40%{opacity:0;transform:translateY(76px)rotate(-2deg)scale(.94)}72%{opacity:1;transform:translateY(-18px)rotate(2deg)scale(1.02)}to{opacity:0;transform:translateY(-72px)rotate(4deg)scale(.98)}}@keyframes cardDeal{0%{opacity:0;filter:blur(5px);transform:translateY(44px)rotateX(72deg)rotate(-4deg)scale(.86)}62%{opacity:1;filter:blur();transform:translateY(-4px)rotateX(0)rotate(1deg)scale(1.03)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)rotate(0)scale(1)}}@keyframes rareCardPulse{0%,to{box-shadow:0 16px 32px #14181729,0 0 #d84c3f00}50%{box-shadow:0 20px 40px #14181733,0 0 28px #d84c3f52}}@keyframes cardShine{0%{opacity:0;transform:translate(-58%)}35%{opacity:.75}to{opacity:0;transform:translate(58%)}}@keyframes rareAura{to{transform:rotate(360deg)}}@media (max-width:430px){main{max-width:none;box-shadow:none}}@media (prefers-reduced-motion:reduce){.opening-pack,.opening-pack-top,.opening-pack-tear,.opening-card-stack,.single-card-reveal,.single-card-reveal.rare-hit .road-card,.single-card-reveal.rare-hit .road-card:after,.pack-reveal-inner.has-rare-pull:after{animation:none!important}}.disabled\:opacity-50:disabled{opacity:.5}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:w-5>svg{width:1.25rem}