.foil-dialog.svelte-bb5qxb{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--clash-white);color:var(--clash-black);overflow-y:auto;overflow-x:hidden;font-family:IBM Plex Sans,sans-serif}.foil-dialog.svelte-bb5qxb:not([open]){display:none}.foil-dialog.svelte-bb5qxb::backdrop{background:var(--clash-black)}.pack-header.svelte-bb5qxb{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:8px 20px;padding:16px 24px;border-bottom:1px solid var(--clash-surface-muted)}.pack-header.svelte-bb5qxb strong:where(.svelte-bb5qxb){font:800 26px IBM Plex Sans Condensed,sans-serif;text-transform:uppercase}.pack-header.svelte-bb5qxb span:where(.svelte-bb5qxb){min-width:0;overflow-wrap:anywhere;font-size:13px;color:var(--clash-ink-muted)}.close.svelte-bb5qxb{grid-column:3;min-width:44px;width:44px;height:44px;font-size:30px;background:transparent;border:0;color:inherit;cursor:pointer}.pack-content.svelte-bb5qxb{max-width:1000px;margin:auto;padding:24px 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:20px}.pack-heading.svelte-bb5qxb{text-align:center;max-width:100%;overflow-wrap:anywhere}.pack-heading.svelte-bb5qxb h2:where(.svelte-bb5qxb){font:700 clamp(30px,5vw,44px)/1.1 "IBM Plex Sans Condensed",sans-serif;margin:0 0 8px;text-wrap:balance;text-transform:uppercase}.pack-heading.svelte-bb5qxb p:where(.svelte-bb5qxb){line-height:1.5;text-wrap:pretty;font-size:15px;margin:0;color:var(--clash-ink-muted)}.wrapper-stage.svelte-bb5qxb{width:280px;height:400px;position:relative;overflow:visible;perspective:700px}.pack-stack.svelte-bb5qxb{position:absolute;inset:0;width:280px;height:400px;transform-origin:top center;isolation:isolate}.packed.svelte-bb5qxb .pack-stack:where(.svelte-bb5qxb){transform:translateY(64px) scale(.72)}.stack-card.svelte-bb5qxb{position:absolute;inset:0;width:280px;height:400px;transform:translate(calc(var(--depth) * 1.5px),calc(var(--depth) * -1.5px));transition:transform .22s ease-out}.stack-card.departing.svelte-bb5qxb{animation:svelte-bb5qxb-slide-card-away .46s cubic-bezier(.3,0,.55,1) both;pointer-events:none}.unwrapping.svelte-bb5qxb .pack-stack:where(.svelte-bb5qxb){animation:svelte-bb5qxb-emerge 1.6s cubic-bezier(.2,.7,.2,1) calc(0ms - var(--tear-time)) both}.wrapper-sleeve.svelte-bb5qxb{position:absolute;inset:0;overflow:hidden;pointer-events:none}.wrapper-stage.svelte-bb5qxb .wrapper-body:where(.svelte-bb5qxb){isolation:isolate;background:var(--clash-white);position:absolute;width:100%;height:100%}.wrapper-body.svelte-bb5qxb img:where(.svelte-bb5qxb){mix-blend-mode:multiply;width:100%;height:100%;object-fit:fill;visibility:hidden}.wrapper-ready.svelte-bb5qxb .wrapper-body:where(.svelte-bb5qxb) img:where(.svelte-bb5qxb){visibility:visible}.wrapper-fallback.svelte-bb5qxb{position:absolute;inset:20px 28px;background:#ac632f;color:var(--clash-black);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:4px}.wrapper-fallback.svelte-bb5qxb strong:where(.svelte-bb5qxb){font:800 36px IBM Plex Sans Condensed,sans-serif;text-transform:uppercase}.wrapper-fallback.svelte-bb5qxb span:where(.svelte-bb5qxb){font-size:11px}.wrapper-ready.svelte-bb5qxb .wrapper-fallback:where(.svelte-bb5qxb){visibility:hidden}.pack-count.svelte-bb5qxb{position:absolute;top:292px;left:80px;width:120px;padding:5px 0;background:var(--clash-black);color:var(--clash-white);font-size:10px;text-align:center}.wrapper-top.svelte-bb5qxb{position:absolute;inset:0 0 auto;height:66px;transform-origin:90% 100%;mix-blend-mode:multiply}.foil-segment.svelte-bb5qxb{position:absolute;left:calc(30px + var(--segment) * 5px);top:20px;width:5.8px;height:46px;background-color:#ac632f;background-position:calc(-30px - var(--segment) * 5px) -20px;background-size:280px 400px;transform-origin:bottom right;clip-path:polygon(0 0,100% 0,100% 96%,75% 100%,50% 96%,25% 100%,0 96%)}.wrapper-ready.svelte-bb5qxb .foil-segment:where(.svelte-bb5qxb){background-image:url(../../../design/box-office-clash/foil-pack.webp)}.foil-lining.svelte-bb5qxb{position:absolute;inset:70% 0 0;opacity:0;background:linear-gradient(180deg,#4b413b,#faf6ed 35%,#a19b95 65%,#fff 85%,#554a41)}.wrapper-body.svelte-bb5qxb{clip-path:polygon(0 16%,7% 16.5%,14% 16%,21% 16.5%,28% 16%,35% 16.5%,42% 16%,49% 16.5%,56% 16%,63% 16.5%,70% 16%,77% 16.5%,84% 16%,91% 16.5%,100% 16%,100% 100%,0 100%);transform-origin:50% 80%}.unwrapping.svelte-bb5qxb .foil-segment:where(.svelte-bb5qxb){animation:svelte-bb5qxb-bend .16s linear calc(var(--segment) * 16ms - var(--tear-time)) both}.unwrapping.svelte-bb5qxb .foil-lining:where(.svelte-bb5qxb){animation:svelte-bb5qxb-lining .16s linear calc(var(--segment) * 16ms - var(--tear-time)) both}.unwrapping.svelte-bb5qxb .wrapper-top:where(.svelte-bb5qxb){animation:svelte-bb5qxb-carry-strip .65s cubic-bezier(.4,0,.65,1) calc(.85s - var(--tear-time)) both}.unwrapping.svelte-bb5qxb .wrapper-body:where(.svelte-bb5qxb){animation:svelte-bb5qxb-peel 1.6s cubic-bezier(.2,.7,.2,1) calc(0ms - var(--tear-time)) both}.wrapper-top.svelte-bb5qxb:after{content:"";position:absolute;left:28px;top:20px;width:18px;height:44px;border-radius:45%/12%;opacity:0;transform-origin:right center;background:linear-gradient(90deg,#65412a,#dca673 16%,#fff1d2 29%,#a5a19b 39%,#eeeae3 55%,#9a613a 78%,#482a18);box-shadow:inset -2px 0 2px #29170c,2px 1px 3px #1d1b1c55}.unwrapping.svelte-bb5qxb .wrapper-top:where(.svelte-bb5qxb):after{animation:svelte-bb5qxb-roll .85s linear calc(0ms - var(--tear-time)) both}.dragging.svelte-bb5qxb .wrapper-top:where(.svelte-bb5qxb):after{animation-play-state:paused}.dragging.svelte-bb5qxb :is(.foil-segment:where(.svelte-bb5qxb),.foil-lining:where(.svelte-bb5qxb),.wrapper-top:where(.svelte-bb5qxb),.wrapper-body:where(.svelte-bb5qxb),.pack-stack:where(.svelte-bb5qxb)){animation-play-state:paused}.tear-handle.svelte-bb5qxb{position:absolute;top:18px;left:28px;width:224px;height:52px;padding:0;border:0;background:transparent;color:var(--clash-white);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.tear-handle.svelte-bb5qxb span:where(.svelte-bb5qxb){background:var(--clash-black);border-radius:3px;padding:5px 10px;font-size:12px;pointer-events:none}.dragging.svelte-bb5qxb .tear-handle:where(.svelte-bb5qxb){cursor:grabbing}.dragging.svelte-bb5qxb .tear-handle:where(.svelte-bb5qxb) span:where(.svelte-bb5qxb){opacity:0}.tear-instruction.svelte-bb5qxb{margin:-4px 0 0;line-height:1.5;font-size:14px;color:var(--clash-ink-muted);text-align:center}.pack-actions.svelte-bb5qxb{width:min(100%,320px);display:grid;gap:6px}.pack-primary.svelte-bb5qxb{overflow-wrap:anywhere;min-width:0;min-height:50px;padding:12px 24px;display:flex;justify-content:center;gap:24px;align-items:center;border:0;border-radius:6px;color:var(--clash-white);background:var(--clash-red);font:600 18px IBM Plex Sans,sans-serif;cursor:pointer}.pack-primary.svelte-bb5qxb:hover{background:color-mix(in srgb,var(--clash-red) 85%,var(--clash-black))}.pack-primary.svelte-bb5qxb:is(:where(.svelte-bb5qxb):disabled,[aria-disabled=true]:where(.svelte-bb5qxb)){cursor:wait;background:var(--clash-surface-muted);color:var(--clash-ink-muted)}.pack-primary.svelte-bb5qxb:active:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb,var(--clash-red) 75%,var(--clash-black))}.close.svelte-bb5qxb:hover,.pack-secondary.svelte-bb5qxb:hover{background:var(--clash-surface-muted)}.pack-secondary.svelte-bb5qxb{min-height:44px;background:transparent;color:var(--clash-black);border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit}button.svelte-bb5qxb:focus-visible{outline:3px solid var(--ui-input-border-focus);outline-offset:4px}.preview-note.svelte-bb5qxb{margin:0;color:var(--clash-ink-muted);font-size:12px;text-align:center}.pack-grid.svelte-bb5qxb{display:grid;grid-template-columns:repeat(auto-fit,140px);width:100%;justify-content:center;gap:24px}figure.svelte-bb5qxb{margin:0}.mini-card.svelte-bb5qxb{display:block;padding:0;border:0;background:transparent;cursor:pointer;width:140px;height:200px}.pack-grid[hidden].svelte-bb5qxb,.pack-actions[hidden].svelte-bb5qxb{display:none}.inspection.svelte-bb5qxb{display:flex;flex-direction:column;align-items:center;gap:16px}.mini-card.svelte-bb5qxb>div:where(.svelte-bb5qxb){transition:transform .16s ease-out;pointer-events:none;transform:scale(.5);transform-origin:top left;width:280px;height:400px}@media(hover:hover)and (pointer:fine){.mini-card.svelte-bb5qxb:hover:not(:disabled)>div:where(.svelte-bb5qxb){transform:translateY(-4px) scale(.5)}}.mini-card.svelte-bb5qxb:active:not(:disabled)>div:where(.svelte-bb5qxb){transform:scale(.49)}.mini-card.svelte-bb5qxb:disabled{cursor:wait;opacity:.6}.reward-total.svelte-bb5qxb{margin:0;text-align:center;line-height:1.5}figcaption.svelte-bb5qxb{overflow-wrap:anywhere;margin-top:12px;line-height:1.5;font-size:14px;font-weight:600;text-align:center}figcaption.svelte-bb5qxb span:where(.svelte-bb5qxb){display:block;margin-top:4px;color:var(--clash-ink-muted);font-weight:400}@keyframes svelte-bb5qxb-bend{0%{transform:translate(0) rotateY(0);opacity:1}65%{transform:translate(5px) rotateY(-75deg);opacity:1}to{transform:translate(10px) rotateY(-160deg) scaleX(.1);opacity:0}}@keyframes svelte-bb5qxb-lining{0%{opacity:0}to{opacity:.95}}@keyframes svelte-bb5qxb-roll{0%{transform:translate(0) scaleX(.15);opacity:0}5%{opacity:1}to{transform:translate(208px) scaleX(1);opacity:1}}@keyframes svelte-bb5qxb-carry-strip{0%,40%{transform:translate(0);opacity:1}to{transform:translate(8px,12px);opacity:0}}@keyframes svelte-bb5qxb-peel{0%,12%{transform:rotate(0)}22%{transform:rotate(1deg) scaleX(.99)}36%{transform:rotate(-.6deg)}55%{transform:translateY(0)}to{transform:translateY(410px)}}@keyframes svelte-bb5qxb-emerge{0%,55%{transform:translateY(64px) scale(.72)}to{transform:translateY(0) scale(1)}}@keyframes svelte-bb5qxb-slide-card-away{0%{transform:translate(0) rotate(0);opacity:1}65%{opacity:1}to{transform:translate(330px,24px) rotate(12deg);opacity:0}}@media(max-width:850px){.pack-grid.svelte-bb5qxb{grid-template-columns:repeat(2,140px);gap:20px 12px}.pack-grid.svelte-bb5qxb figure:where(.svelte-bb5qxb):last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:140px}}@media(max-width:420px){.pack-header.svelte-bb5qxb{padding:8px 16px;grid-template-columns:minmax(0,1fr) 44px}.pack-header.svelte-bb5qxb strong:where(.svelte-bb5qxb){overflow-wrap:anywhere}.pack-header.svelte-bb5qxb>span:where(.svelte-bb5qxb){grid-column:1;grid-row:2}.close.svelte-bb5qxb{grid-column:2;grid-row:1 / 3}.pack-content.svelte-bb5qxb{padding-top:16px;gap:16px}.pack-grid.svelte-bb5qxb{column-gap:8px}}@media(forced-colors:active){.pack-primary.svelte-bb5qxb,.pack-secondary.svelte-bb5qxb,.close.svelte-bb5qxb,.tear-handle.svelte-bb5qxb{border:1px solid ButtonText}.wrapper-fallback.svelte-bb5qxb,.foil-segment.svelte-bb5qxb{background:Canvas;color:CanvasText;outline:1px solid CanvasText}}@media(prefers-reduced-motion:reduce){.stack-card.departing.svelte-bb5qxb,.unwrapping.svelte-bb5qxb .pack-stack:where(.svelte-bb5qxb),.unwrapping.svelte-bb5qxb .wrapper-top:where(.svelte-bb5qxb),.unwrapping.svelte-bb5qxb .wrapper-body:where(.svelte-bb5qxb),.unwrapping.svelte-bb5qxb .foil-segment:where(.svelte-bb5qxb),.unwrapping.svelte-bb5qxb .foil-lining:where(.svelte-bb5qxb),.unwrapping.svelte-bb5qxb .wrapper-top:where(.svelte-bb5qxb):after{animation:none}.stack-card.svelte-bb5qxb,.mini-card.svelte-bb5qxb>div:where(.svelte-bb5qxb){transition:none}}.toast-wrapper.svelte-w17ltc{position:fixed;top:1rem;right:1rem;overflow:hidden;animation:svelte-w17ltc-slideInRight .3s ease-out;width:min(22rem,calc(100vw - 2rem));max-height:calc((100dvh - 3rem - var(--clash-notification-bottom-clearance)) / 2);overflow-y:auto;overflow-wrap:anywhere;z-index:var(--clash-notification-layer);background:var(--clash-white);color:var(--clash-black);border:1px solid var(--clash-black);border-radius:6px;box-shadow:none}.toast-progress-track.svelte-w17ltc{height:3px;position:relative;background:var(--clash-surface-muted)}.toast-progress-fill.svelte-w17ltc{position:absolute;inset-block:0;left:0;width:100%;transform-origin:left;transition:transform 1s linear;background:var(--clash-red)}.toast-body.svelte-w17ltc{padding:1rem}.toast-title.svelte-w17ltc{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:var(--clash-black)}.toast-message.svelte-w17ltc{font-size:.875rem;margin:0 0 1rem;color:var(--clash-ink-muted);line-height:1.5}.toast-challenger.svelte-w17ltc{font-weight:500;color:var(--clash-black)}.toast-rating.svelte-w17ltc{color:var(--clash-ink-muted)}.toast-actions.svelte-w17ltc{display:flex;gap:.5rem;flex-wrap:wrap}.toast-btn.svelte-w17ltc{flex:1;padding:.625rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;transition:background-color .15s ease,color .15s ease;min-height:44px;min-width:0;overflow-wrap:anywhere}.toast-btn-accept.svelte-w17ltc{border:none;background:var(--clash-black);color:var(--clash-white)}.toast-btn-accept.svelte-w17ltc:hover{background:var(--clash-ink-muted)}.toast-btn-decline.svelte-w17ltc{background:transparent;border:1px solid var(--neutral-600);color:var(--clash-black);border-color:var(--clash-black)}.toast-btn-decline.svelte-w17ltc:hover{background:var(--clash-surface-muted);color:var(--clash-black)}.toast-expiry.svelte-w17ltc{text-align:center;margin:.5rem 0 0;color:var(--clash-ink-muted);font-size:.875rem;line-height:1.5;font-variant-numeric:tabular-nums}@keyframes svelte-w17ltc-slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.toast-wrapper.svelte-w17ltc{animation:none}.toast-progress-fill.svelte-w17ltc,.toast-btn.svelte-w17ltc{transition:none}}.toast-btn.svelte-w17ltc:focus-visible{outline:2px solid var(--ui-input-border-focus);outline-offset:2px}.toast-btn.svelte-w17ltc:disabled{background:var(--clash-surface-muted);color:var(--clash-ink-muted);cursor:default}.tab-bar.svelte-1rg15zp{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:stretch;border-top:1px solid var(--panel-border);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--clash-white);border-color:var(--panel-border);box-shadow:none}.tab.svelte-1rg15zp{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 0 8px;min-height:44px;position:relative;text-decoration:none;border:none;background:none;cursor:pointer;transition:color .15s ease;-webkit-tap-highlight-color:transparent;color:var(--clash-ink-muted)}.tab.svelte-1rg15zp:hover{color:var(--neutral-400)}.tab-active.svelte-1rg15zp{color:var(--clash-red)!important}.tab-indicator.svelte-1rg15zp{position:absolute;top:0;left:20%;right:20%;height:2px;border-radius:0 0 2px 2px;animation:svelte-1rg15zp-indicator-in .2s cubic-bezier(.25,1,.5,1);background:var(--clash-red)}@keyframes svelte-1rg15zp-indicator-in{0%{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}.tab-label.svelte-1rg15zp{font-weight:600;letter-spacing:.01em;font-family:IBM Plex Sans,sans-serif;font-size:11px;line-height:1.3}.badge-dot.svelte-1rg15zp{position:absolute;top:6px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--color-brand);animation:dot-enter .2s cubic-bezier(.25,1,.5,1)}@media(prefers-reduced-motion:reduce){.tab-indicator.svelte-1rg15zp,.badge-dot.svelte-1rg15zp{animation:none}}.tab-active.svelte-1rg15zp svg{color:var(--clash-red)!important;fill:currentColor}