.booster-hero{grid-template-columns:var(--hero-columns);align-items:center;gap:var(--space-7-5);padding-block:var(--space-3);padding-inline:var(--space-10-5);background:var(--surface-hero);border-bottom:var(--border-width) solid var(--color-border-soft);display:grid}.win7 .hero-copy h1{color:var(--color-text-heading);font-size:var(--font-size-hero);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title);margin-bottom:var(--space-2-25)}.hero-copy>p{font-size:var(--font-size-md);margin-bottom:var(--space-6)}.booster-details{gap:var(--space-2-5);margin-bottom:var(--space-4-25);align-items:center;display:flex}.booster-details strong{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-0-75);display:block}.booster-details span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.hero-fineprint{align-items:center;gap:var(--space-1-5);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-3) 0 var(--space-1-75);display:flex}.hero-links{margin-top:var(--space-3)}.pack-stage{min-height:var(--pack-stage-height);justify-content:center;align-items:center;display:flex}.pack-stage>.booster-pack{animation:pack-float var(--pack-float-duration) var(--ease-loop) infinite}@keyframes pack-float{0%,to{translate:0}50%{translate:0 calc(-1 * var(--pack-float-distance))}}.collection-preview{padding-top:var(--space-3);padding-inline:var(--space-7-5);padding-bottom:var(--space-7)}.win7 .open-button{min-height:var(--control-height-prominent);min-width:var(--pack-action-width)}.booster-reminder{margin-top:var(--space-4)}.booster-reminder small{margin-top:var(--space-1-5);color:var(--color-text-muted);font-size:var(--font-size-xs);display:block}.pack-rules-icon{margin-bottom:var(--space-3)}.pull-rates-table{width:100%;margin:var(--space-4-5) 0}.pull-rates-table th:last-child,.pull-rates-table td:last-child{text-align:right}.rarity-label{align-items:center;gap:var(--space-2);display:flex}.rarity-label i{width:var(--rarity-swatch-size);height:var(--rarity-swatch-size);background:var(--card-color);border-radius:50%}@container (max-width:800px){.booster-hero{padding-inline:var(--space-6-25);gap:var(--space-2-5);grid-template-columns:var(--hero-columns-compact)}.pack-stage{min-height:var(--pack-stage-height-compact)}}@container (max-width:520px){.booster-hero{padding-inline:var(--space-4-5);gap:var(--space-5);flex-direction:column;align-items:stretch;display:flex}.hero-copy>p{font-size:var(--font-size-base);margin-bottom:var(--space-4-5)}.pack-stage{min-height:var(--pack-stage-height-mobile)}.hero-copy .primary-button{width:100%}.collection-preview{padding-inline:var(--space-3-25);padding-bottom:var(--space-4-5)}}
.opening-results{padding:var(--space-7-5);text-align:center}.opening-results>p{color:var(--color-text-muted)}.reveal-grid{margin:var(--space-6-25) 0}.results-actions{justify-content:center;align-items:center;gap:var(--space-4-5);display:flex}.collection-note{justify-content:center;align-items:center;gap:var(--space-1-5);font-size:var(--font-size-sm);margin-top:var(--space-4-5);display:flex}.opening-sequence{flex-direction:column;min-height:100%;display:flex}.opening-stage{padding:var(--space-3);flex:1;place-items:center;display:grid;overflow:hidden}.opening-action{align-items:center;gap:var(--space-4);width:min(100%, var(--opening-width));animation:opening-arrive var(--opening-return-duration) var(--ease-enter);flex-direction:column;display:flex}.opening-action[data-direction=horizontal]{width:min(100%, var(--pack-width))}.opening-slot{width:100%}.opening-object{-webkit-user-select:none;user-select:none;width:100%;position:relative}.opening-object .booster-pack{width:100%;height:auto;aspect-ratio:var(--pack-ratio);transform:none}.opening-object .aesthetic-card{box-shadow:var(--shadow-pack)}.opening-object[data-direction=up]{transform:translateY(var(--swipe-y,0));transition:transform var(--opening-return-duration) var(--ease-enter)}.opening-object[data-dragging]{transition:none}.opening-gesture{cursor:grab;touch-action:none;border-radius:var(--radius-control);position:absolute;inset:0}.opening-object[data-dragging] .opening-gesture{cursor:grabbing}.opening-object[data-direction=horizontal] .opening-gesture{bottom:auto;top:calc(var(--pack-seal-height) - var(--control-height-prominent) / 2);height:var(--control-height-prominent);cursor:ew-resize}.opening-object[data-direction=horizontal] .opening-gesture:before,.opening-object[data-direction=horizontal] .opening-gesture:after{content:"";border-top:var(--opening-tear-width) dashed var(--color-on-chrome);pointer-events:none;width:100%;position:absolute;top:50%;left:0}.opening-object[data-direction=horizontal] .opening-gesture:after{transform:scaleX(var(--swipe-progress,0));transform-origin:0;box-shadow:var(--shadow-chrome-text);border-top-style:solid}.opening-object[data-reverse] .opening-gesture:after{transform-origin:100%}.opening-object[data-exiting]{pointer-events:none;animation:opening-card-away var(--opening-exit-duration) var(--ease-exit) forwards}.opening-object[data-exiting][data-direction=horizontal]{animation-name:opening-wrapper-away}.opening-object[data-exiting] .booster-pack{overflow:visible}.opening-object[data-exiting] .booster-pack:after{display:none}.opening-object[data-exiting] .pack-seal:not(.bottom){animation:opening-seal-away var(--opening-exit-duration) var(--ease-enter) forwards}.opening-object[data-exiting] .opening-gesture{visibility:hidden}.opening-back{margin-top:var(--space-4);align-self:center}@container (max-width:520px){.opening-results{padding:var(--space-5) var(--space-3-25)}.results-actions{gap:var(--space-2-25);flex-direction:column}}@keyframes opening-arrive{0%{opacity:0;transform:translateY(var(--opening-enter-distance))}to{opacity:1;transform:translateY(0)}}@keyframes opening-card-away{0%{transform:translateY(var(--swipe-y,0))}to{opacity:0;transform:translateY(var(--opening-exit-distance)) rotate(calc(-1 * var(--pack-tilt)))}}@keyframes opening-wrapper-away{to{opacity:0;transform:translateY(var(--opening-enter-distance)) rotate(var(--pack-tilt))}}@keyframes opening-seal-away{to{transform:translate(var(--space-10), calc(-1 * var(--space-10))) rotate(var(--pack-tilt))}}
.profile-content{padding:var(--space-6) var(--space-7)}.profile-heading{align-items:center;gap:var(--space-3-25);margin-bottom:var(--space-6);display:flex}.win7 .profile-heading h1{margin:0}.win7 .empty-favorite{min-width:0;min-height:var(--favorite-min-height);justify-content:center;align-items:center;gap:var(--space-2-25);color:var(--color-text-muted);font-size:var(--font-size-xs);position:relative}.empty-favorite>.vista-icon{opacity:var(--empty-favorite-icon-opacity)}.empty-favorite>small{bottom:var(--space-1-75);right:var(--space-2);position:absolute}.favorite-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-2-25) 0 0}.collection-heading{border-top:var(--border-width) solid var(--color-border-soft);margin-top:var(--space-6-25);padding-top:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3-75);margin-bottom:var(--space-4-25);display:flex}.collection-heading h2{margin-bottom:var(--space-0-75)}.collection-heading p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.collection-filters{gap:var(--space-2);align-items:center;display:flex}.win7 .search-field{min-width:0;width:var(--collection-search-width)}.win7 .empty-collection{text-align:center;padding:var(--space-8-75) var(--space-3-75);align-items:center}.empty-collection>.vista-icon{margin-bottom:var(--space-3)}.empty-collection h3{margin-bottom:var(--space-1-75)}.empty-collection p{color:var(--color-text-muted)}.win7 .share-button{margin-left:auto}@container (max-width:800px){.collection-heading{flex-direction:column;align-items:flex-start}}@container (max-width:520px){.profile-content{padding:var(--space-5) var(--space-3-25)}.profile-heading{gap:var(--space-2);flex-wrap:wrap}.win7 .share-button{font-size:var(--font-size-xs)}.win7 .empty-favorite{min-height:var(--favorite-min-height-mobile)}.empty-favorite>span{font-size:var(--font-size-2xs)}.collection-filters{width:100%}.win7 .search-field{flex:1}.win7 .collection-filters select{max-width:var(--collection-filter-width-mobile)}}
.account-content{padding:var(--space-8) var(--space-6) var(--space-10)}.account-form-wrap{max-width:var(--account-form-width);margin:auto}.account-panel>.vista-icon{margin-bottom:var(--space-3)}.account-panel>p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.account-form-wrap form{margin:var(--space-4) 0}.win7 .account-form-wrap input{width:100%;min-width:0}.account-form-wrap small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.account-form-wrap .primary-button{margin-top:var(--space-0-75)}.account-panel>.account-note{align-items:center;gap:var(--space-1-25);margin:var(--space-4-5) 0 0;font-size:var(--font-size-xs);display:flex}.account-check{margin-top:var(--space-4)}.google-sign-in img{width:auto;height:var(--icon-section);display:block}@container (max-width:520px){.account-content{padding:var(--space-6) var(--space-4-5)}}