.my-packs{background:linear-gradient(180deg,#18181612 0,#18181600 150px),linear-gradient(135deg,#fbf8f1,#eee7dc 54%,#e8eee9);color:#181816;min-height:70vh;padding:44px 18px 78px}.my-packs__inner{margin:0 auto;max-width:1180px}.my-packs__header{align-items:end;border-bottom:1px solid rgba(24,24,22,.22);display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding-bottom:22px}.my-packs__eyebrow{color:#78644d;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.my-packs__title{font-size:3.15rem;font-weight:900;letter-spacing:.12em;line-height:1;margin:0;text-transform:uppercase}.my-packs__refresh,.pack-card__button,.pack-opening__button,.my-packs__login-link{align-items:center;background:#181816;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;justify-content:center;min-height:44px;padding:0 18px;text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}.my-packs__refresh:hover,.pack-card__button:hover,.pack-opening__button:hover,.my-packs__login-link:hover{background:#2f504f;box-shadow:0 12px 30px #18181624;transform:translateY(-1px)}.my-packs__refresh:disabled,.pack-card__button:disabled,.pack-opening__button:disabled{cursor:wait;opacity:.58;transform:none}.my-packs__status,.my-packs__empty,.my-packs__login{background:#fffdf8eb;border:1px solid rgba(24,24,22,.12);border-radius:8px;box-shadow:0 18px 44px #18181612;padding:24px}.my-packs__status{align-items:center;display:flex;gap:12px;font-weight:900}.my-packs__status[hidden]{display:none!important}.my-packs.is-loading .my-packs__status:before{animation:packStatusPulse .9s ease-in-out infinite;background:#2f504f;border-radius:999px;content:"";height:10px;width:10px}.my-packs__empty h2,.my-packs__login h2{font-size:1.25rem;margin:0 0 8px}.my-packs__empty p,.my-packs__login p{color:#625b51;margin:0 0 18px}.my-packs__tabs{background:#fffdf8db;border:1px solid rgba(24,24,22,.16);border-radius:8px;box-shadow:0 14px 40px #1818160f;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px;padding:7px}.my-packs__tab{align-items:center;background:transparent;border:0;border-radius:6px;color:#554f47;cursor:pointer;display:flex;font:inherit;font-weight:800;justify-content:space-between;min-height:48px;padding:0 14px;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease}.my-packs__tab:hover{background:#1818160d}.my-packs__tab strong{align-items:center;background:#18181614;border-radius:999px;display:inline-flex;font-size:.86rem;height:28px;justify-content:center;min-width:28px;padding:0 8px}.my-packs__tab.is-active{background:#181816;color:#fff;box-shadow:0 10px 26px #18181629}.my-packs__tab.is-active strong{background:#ffffff2e}.my-packs__grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));justify-content:start}.pack-card{animation:packCardIn .36s ease both;animation-delay:var(--pack-delay, 0ms);background:#fffffff0;border:1px solid rgba(24,24,22,.11);border-radius:8px;box-shadow:0 14px 34px #18181614;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease;width:100%}.pack-card:hover,.pack-card:focus-visible{border-color:#2f504f66;box-shadow:0 22px 54px #18181626;cursor:pointer;outline:none;transform:translateY(-4px)}.pack-card:focus-visible{outline:2px solid rgba(47,80,79,.38);outline-offset:3px}.pack-card__art{align-items:center;background:linear-gradient(145deg,#181816,#203f3c);color:#fff;display:flex;flex:none;font-size:1rem;font-weight:900;justify-content:center;aspect-ratio:2 / 3;min-height:0;overflow-wrap:anywhere;padding:0;position:relative;text-align:center}.pack-card__art:after{background:linear-gradient(180deg,#0000000a,#00000057),linear-gradient(110deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 70%);content:"";top:0;right:0;bottom:0;left:0;opacity:1;position:absolute}.pack-card__art span{bottom:16px;left:16px;position:absolute;right:16px;text-shadow:0 2px 16px rgba(0,0,0,.5);z-index:1}.pack-card__cover{display:block;height:100%;object-fit:cover;transform:scale(1);transition:transform .26s ease,filter .26s ease;width:100%}.pack-card:hover .pack-card__cover,.pack-card:focus-visible .pack-card__cover{filter:saturate(1.06) contrast(1.03);transform:scale(1.025)}.pack-card__body{display:grid;gap:9px;padding:13px}.pack-card__meta{color:#70675d;font-size:.78rem;line-height:1.3;margin:0}.pack-card__title{font-size:1rem;font-weight:900;letter-spacing:.03em;line-height:1.22;margin:0;text-transform:uppercase}.pack-card__status{align-items:center;background:#f3eadc;border-radius:999px;color:#684917;display:inline-flex;font-size:.74rem;font-weight:900;justify-content:center;min-height:28px;padding:0 10px;width:max-content}.pack-card__status.is-ready{background:#e5f0ee;color:#1d5b57}.pack-card__status.is-opened{background:#f0e8f3;color:#583b68}.pack-card__button{margin-top:4px;width:100%}.pack-card__actions{display:grid;gap:8px}.pack-card__link{align-items:center;background:#eef5f2;border-radius:8px;color:#244f4c;display:inline-flex;font-size:.8rem;font-weight:900;justify-content:center;min-height:36px;text-decoration:none;transition:background .18s ease,transform .18s ease}.pack-card__link:hover{background:#dcebe7;transform:translateY(-1px)}.pack-card__button.is-secondary{background:#2f504f}.my-packs-modal[hidden]{display:none}.my-packs-modal{top:0;right:0;bottom:0;left:0;position:fixed;z-index:1000}.my-packs-modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c0aa8;top:0;right:0;bottom:0;left:0;position:absolute}.my-packs-modal__panel{background:#fbfaf8;border-radius:8px;box-shadow:0 34px 110px #00000057;left:50%;max-height:min(820px,calc(100vh - 32px));max-width:min(860px,calc(100vw - 32px));overflow:auto;padding:28px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.my-packs-modal__close{background:transparent;border:0;cursor:pointer;font-size:2rem;height:42px;line-height:1;position:absolute;right:14px;top:10px;width:42px}.pack-opening{align-items:center;display:grid;gap:15px;justify-items:center;padding:28px 10px 12px}.pack-opening__kicker{color:#78644d;font-size:.78rem;font-weight:900;letter-spacing:.08em;margin:0;text-transform:uppercase}.pack-opening__title{font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.05;margin:0;text-align:center}.pack-opening__subtitle,.pack-opening__message{color:#625b51;margin:0;max-width:560px;text-align:center}.pack-opening__message{background:#fff;border:1px solid rgba(24,24,22,.12);border-radius:8px;padding:14px;width:100%}.pack-opening__foil{align-items:center;aspect-ratio:2 / 3;background:linear-gradient(125deg,rgba(255,255,255,.22),transparent 25%,rgba(255,255,255,.18) 50%,transparent 72%),linear-gradient(150deg,#c52f34,#174f55 58%,#d9a441);background-position:center;background-size:cover;border-radius:8px;box-shadow:0 26px 82px #18181642;color:#fff;display:flex;font-size:1.35rem;font-weight:900;justify-content:center;max-width:210px;overflow:hidden;overflow-wrap:anywhere;padding:28px;position:relative;text-align:center;width:min(48vw,210px)}.pack-opening__foil.is-opening{animation:packShake .88s ease-in-out forwards}.pack-opening__shine{animation:shineMove 2.4s linear infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);inset:-20% auto -20% -35%;position:absolute;transform:rotate(16deg);width:38%}.my-packs-modal.is-showing-result .pack-opening__foil,.my-packs-modal.is-showing-result .pack-opening__button{display:none!important}.pack-opening__result{display:grid;gap:10px;grid-template-columns:1fr;margin-top:8px;width:100%}.pack-result-grid{align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.pack-summary-actions{display:flex;gap:8px;justify-content:center;margin:2px 0 12px;width:100%}.pack-summary-actions__stats{display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.pack-summary-actions__stats span{background:#fff;border:1px solid rgba(24,24,22,.1);border-radius:8px;color:#625b51;display:grid;font-size:.76rem;gap:2px;min-height:52px;padding:8px;text-align:center}.pack-summary-actions__stats strong{color:#181816;font-size:.92rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-summary-actions__buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pack-summary-actions__button,.pack-summary-actions__link{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-size:.9rem;font-weight:900;justify-content:center;min-height:42px;padding:0 16px;text-decoration:none}.pack-summary-actions__button{background:#181816;box-shadow:0 14px 32px #18181624;color:#fff;min-width:min(260px,100%)}.pack-summary-actions__link{background:#edf3f1;color:#244f4c}.result-card{background:#fff;border:1px solid rgba(24,24,22,.12);border-radius:8px;color:inherit;cursor:pointer;display:grid;grid-template-rows:auto 1fr;font:inherit;height:100%;min-height:0;overflow:hidden;padding:0;text-align:left;transition:transform .16s ease,box-shadow .16s ease}.result-card:hover{box-shadow:0 12px 30px #1818161f;transform:translateY(-2px)}.result-card.is-hit{border-color:#9d6a1957;box-shadow:0 12px 32px #9d6a191a;position:relative}.result-card.is-hit:after,.pack-replay-card.is-hit:after{background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.66) 45%,transparent 72%);content:"";inset:-20% auto -20% -55%;pointer-events:none;position:absolute;transform:rotate(14deg);width:46%}.result-card.is-hit:after{animation:cardShine 2.8s ease-in-out infinite}.pack-replay-stage{align-items:center;display:grid;gap:16px;justify-items:center;min-height:420px;overflow:hidden;padding:8px 0 4px;position:relative}.pack-replay-stage:before{background:radial-gradient(circle at 28% 24%,rgba(197,47,52,.22),transparent 30%),radial-gradient(circle at 72% 26%,rgba(36,102,103,.2),transparent 32%),radial-gradient(circle at 52% 74%,rgba(217,164,65,.18),transparent 34%);content:"";top:0;right:0;bottom:0;left:0;opacity:.9;pointer-events:none;position:absolute}.pack-replay-cover{aspect-ratio:2 / 3;background:linear-gradient(150deg,#c52f34,#174f55 58%,#d9a441);border-radius:8px;box-shadow:0 22px 70px #18181638;max-width:190px;overflow:hidden;position:relative;transform-origin:center;width:min(42vw,190px);z-index:1}.pack-replay-cover img{display:block;height:100%;object-fit:cover;width:100%}.pack-replay-cover__title{bottom:14px;color:#fff;font-weight:900;left:12px;position:absolute;right:12px;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.55);z-index:2}.pack-replay-cover__tear{background:repeating-linear-gradient(90deg,#fff 0 10px,transparent 10px 18px);box-shadow:0 0 0 1px #0000001f;height:4px;left:9%;opacity:.9;position:absolute;right:9%;top:20%;transform:scaleX(0);transform-origin:left;z-index:3}.pack-replay-cover.is-tearing{animation:replayPackShake .76s ease-in-out both}.pack-replay-cover.is-tearing .pack-replay-cover__tear{animation:replayTear .64s ease-out forwards}.pack-replay-cover.is-opened{animation:replayPackExit .42s ease-in forwards}.pack-replay-stack{align-items:end;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:760px;min-height:190px;position:relative;z-index:2}.pack-replay-card{aspect-ratio:5 / 7;background:#181816;border:0;border-radius:8px;box-shadow:0 16px 36px #1818162e;cursor:pointer;max-width:112px;opacity:0;overflow:hidden;padding:0;position:relative;transform:translateY(24px) rotate(-2deg) scale(.92);transition:opacity .26s ease,transform .36s cubic-bezier(.2,.9,.22,1.12);width:min(18vw,112px)}.pack-replay-card.is-revealed{opacity:1;transform:translateY(0) rotate(0) scale(1)}.pack-replay-card.is-hit{box-shadow:0 0 0 2px #d9a44185,0 18px 44px #9d6a1933}.pack-replay-card.is-hit:after{animation:cardShine 1.8s ease-in-out .36s both;z-index:2}.pack-replay-card[data-hit-level="2"],.result-card[data-hit-level="2"]{box-shadow:0 0 0 1px #bcc4cf8c,0 14px 38px #68728426}.pack-replay-card[data-hit-level="3"],.result-card[data-hit-level="3"]{box-shadow:0 0 0 1px #c52f3475,0 14px 38px #c52f3429}.pack-replay-card[data-hit-level="4"],.result-card[data-hit-level="4"]{box-shadow:0 0 0 2px #d9a44194,0 18px 44px #9d6a1933}.pack-replay-card[data-hit-level="5"],.result-card[data-hit-level="5"]{box-shadow:0 0 0 2px #71cadf9e,0 18px 44px #4397aa38}.pack-replay-card img{display:block;height:100%;object-fit:cover;width:100%}.pack-replay-card__back{align-items:center;background:linear-gradient(145deg,#181816,#244f4c);color:#ffffffd1;display:flex;font-size:.8rem;font-weight:900;top:0;right:0;bottom:0;left:0;justify-content:center;letter-spacing:.08em;position:absolute;z-index:0}.pack-replay-card img,.pack-replay-card strong{position:relative;z-index:1}.pack-replay-card strong{background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));bottom:0;color:#fff;font-size:.72rem;left:0;line-height:1.1;padding:22px 6px 7px;position:absolute;right:0;text-align:center;text-shadow:0 1px 7px rgba(0,0,0,.6)}.result-card__image{aspect-ratio:5 / 7;background:linear-gradient(145deg,#ebe3d7,#d9e9e6);display:block;object-fit:contain;width:100%}.result-card__body{display:grid;gap:5px;grid-template-rows:auto auto 1fr;padding:9px}.result-card__rarity{color:#9d6a19;font-size:.78rem;font-weight:900;margin:0;text-transform:uppercase}.result-card__name{display:-webkit-box;font-size:.9rem;font-weight:900;line-height:1.2;margin:0;overflow-wrap:anywhere;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.result-card__meta{color:#70675d;font-size:.84rem;line-height:1.32;margin:0}.card-lightbox[hidden]{display:none}.card-lightbox{top:0;right:0;bottom:0;left:0;position:fixed;z-index:1200}.card-lightbox__backdrop{background:#0c0c0ac2;border:0;cursor:pointer;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.card-lightbox__panel{align-items:center;background:#fbfaf8;border-radius:8px;box-shadow:0 30px 90px #0000005c;display:grid;gap:14px;left:50%;max-height:calc(100vh - 30px);max-width:min(520px,calc(100vw - 28px));padding:18px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.card-lightbox__close{background:#181816;border:0;border-radius:999px;color:#fff;cursor:pointer;font-size:1.6rem;height:38px;line-height:1;position:absolute;right:10px;top:10px;width:38px}.card-lightbox__image{border-radius:8px;box-shadow:0 18px 50px #1818162e;display:block;margin:0 auto;max-height:min(72vh,720px);max-width:100%;object-fit:contain}.card-lightbox__text{text-align:center}.card-lightbox__rarity{color:#9d6a19;font-size:.78rem;font-weight:900;margin:0 0 4px;text-transform:uppercase}.card-lightbox__title{font-size:1.2rem;line-height:1.15;margin:0 0 5px}.card-lightbox__meta{color:#70675d;font-size:.9rem;margin:0}@keyframes packShake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-3deg) scale(1.02)}40%{transform:rotate(3deg) scale(1.03)}65%{transform:rotate(-2deg) scale(1.04)}88%{transform:rotate(1deg) scale(.98)}}@keyframes shineMove{0%{left:-35%}to{left:115%}}@keyframes replayTear{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes replayPackShake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-3deg) scale(1.02)}40%{transform:rotate(3deg) scale(1.03)}68%{transform:rotate(-1deg) scale(1.04)}}@keyframes replayPackExit{to{filter:brightness(1.1);opacity:0;transform:translateY(-18px) scale(.9)}}@keyframes cardShine{0%{left:-55%;opacity:0}35%{opacity:.9}to{left:125%;opacity:0}}@keyframes packCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes packStatusPulse{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:680px){.my-packs{padding:30px 14px 52px}.my-packs__header{align-items:stretch;flex-direction:column}.my-packs__title{font-size:2.1rem;letter-spacing:.08em}.my-packs__refresh{width:100%}.my-packs__tabs{grid-template-columns:1fr}.my-packs__grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.pack-card{box-shadow:0 10px 26px #18181614}.pack-card__body{padding:10px}.pack-card__art span{bottom:10px;left:8px;right:8px}.my-packs-modal__panel{padding:24px 14px}.pack-opening__foil{max-width:178px;width:min(54vw,178px)}.pack-opening__result{grid-template-columns:1fr}.pack-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card__body{padding:7px}.result-card__name{font-size:.78rem}.result-card__rarity,.result-card__meta{font-size:.68rem}.pack-replay-stage{min-height:330px}.pack-replay-cover{max-width:154px;width:min(46vw,154px)}.pack-replay-card{max-width:84px;width:26vw}}@media(max-width:420px){.my-packs__grid{grid-template-columns:1fr}.pack-card{justify-self:center;max-width:260px;width:100%}}@media(prefers-reduced-motion:reduce){.my-packs *,.my-packs *:before,.my-packs *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/meine-packs-draft.css.map */