.opening-modal{position:fixed;inset:0;background:#11162b;z-index:12;display:none;align-items:center;justify-content:center;padding:20px;color:#fff}.opening-modal.show{display:flex}.opening-stage{width:min(900px,100%);min-height:620px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.opening-stage:before,.opening-stage:after{content:"";position:absolute;border:1px solid rgba(237,185,76,.24);border-radius:50%;width:700px;height:700px;pointer-events:none}.opening-stage:before{top:-540px;left:-330px}.opening-stage:after{bottom:-560px;right:-350px}.opening-close{position:absolute;right:4px;top:4px;background:none;border:0;color:#fff;font-size:28px;opacity:.7}.opening-progress{display:flex;align-items:center;gap:9px;font:12px "DM Mono",monospace;color:#f3dfa7;position:absolute;top:24px;left:4px}.opening-progress i{height:1px;width:64px;background:rgba(255,255,255,.35)}.opening-stage h2{font:700 clamp(30px,4vw,47px)/1.1 "Playfair Display",serif;letter-spacing:-1.5px;margin:0 0 12px;position:relative;z-index:1}.opening-copy{font-size:13px;color:#d2d3dc;margin:0 0 25px;position:relative;z-index:1}.tear-pack{height:300px;width:216px;background:linear-gradient(135deg,#9d4e48,#623540);position:relative;box-shadow:14px 16px 0 rgba(0,0,0,.2);cursor:pointer;overflow:hidden;transition:transform .25s;z-index:1}.tear-pack:hover{transform:translateY(-5px) rotate(-1deg)}.tear-pack:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.38)}.tear-pack:after{content:"";position:absolute;height:24px;top:0;left:0;right:0;background:rgba(255,255,255,.12);border-bottom:1px dashed rgba(255,255,255,.7)}.tear-notch{position:absolute;top:16px;left:calc(50% - 8px);width:16px;height:12px;background:#11162b;border-radius:0 0 10px 10px;z-index:2}.tear-label{position:absolute;left:0;right:0;top:105px;font:800 29px "Playfair Display",serif;letter-spacing:2px}.tear-label small{font:9px "DM Mono",monospace;letter-spacing:1.4px}.tear-mark{position:absolute;bottom:30px;left:0;right:0;font-size:34px;color:#f3dfa7}.tear-pack.tearing{animation:tear .76s cubic-bezier(.2,.85,.3,1) forwards;pointer-events:none}@keyframes tear{0%{transform:rotate(0) scale(1)}22%{transform:rotate(-4deg) translateX(-7px)}45%{transform:rotate(5deg) translateX(10px)}65%{clip-path:polygon(0 0,100% 0,100% 100%,53% 100%,47% 94%,41% 100%,0 100%);transform:rotate(-2deg) scale(1.04)}100%{clip-path:polygon(0 0,100% 0,100% 0,52% 13%,43% 0,0 0);transform:translateY(180px) rotate(8deg);opacity:0}}.card-stack{height:510px;width:min(760px,100%);position:relative;z-index:2;isolation:isolate}.pull-card{width:clamp(320px,38vw,390px);position:absolute;left:50%;top:0;translate:-50% 0;background:#fffdf8;border:1px solid rgba(255,255,255,.55);border-radius:10px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.35);text-align:left;touch-action:none;transition:transform .28s cubic-bezier(.2,.75,.2,1),opacity .25s;will-change:transform}.pull-card.is-top{cursor:grab}.pull-card.dragging{cursor:grabbing;transition:none}.pull-card.dismissed{animation:dismiss .3s ease-in forwards;pointer-events:none}@keyframes dismiss{to{transform:translate(var(--dismiss-x),20px) rotate(11deg)!important;opacity:0}}.pull-art{height:300px;background:#dfe3cf;overflow:hidden}.pull-card.rare .pull-art{background:#cce5e7}.pull-card.epic .pull-art{background:#e3d4e7}.pull-card.legendary .pull-art{background:#f3dfa7}.pull-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pull-info{padding:14px 17px 16px;color:#171a2c}.pull-info h3{font:700 25px/1.1 "Playfair Display",serif;margin:4px 0}.pull-meta{font-size:12px;margin:0;color:#716f75}.pull-description{font-size:12px;line-height:1.65;margin:12px 0;color:#4d4d58}.pull-tags{border-top:1px solid #d9d2c5;padding-top:9px;display:flex;justify-content:space-between;gap:8px;font:9px "DM Mono",monospace;color:#716f75}.pull-tags b{color:#e3664a}.pull-tags b.repeat{color:#536f76}.rare-effect .pull-card.is-top{filter:drop-shadow(0 0 20px rgba(124,207,214,.68))}.epic-effect .pull-card.is-top{filter:drop-shadow(0 0 34px rgba(202,133,223,.9));animation:epicPulse 1.2s ease-in-out infinite}.legendary-effect:before{content:"";position:absolute;inset:-170px;background:radial-gradient(circle,rgba(249,201,69,.65),transparent 60%);animation:flare .9s ease-out;pointer-events:none}.legendary-effect .pull-card.is-top{filter:drop-shadow(0 0 55px rgba(250,205,85,1));animation:legendaryShake .13s infinite}@keyframes epicPulse{50%{scale:1.018}}@keyframes legendaryShake{50%{translate:-50% 0;transform:translateX(3px) rotate(1deg)}}@keyframes flare{from{opacity:0;scale:.45}to{opacity:1;scale:1.15}}@media(max-width:720px){.opening-modal{padding:12px}.opening-stage{min-height:650px;justify-content:flex-start;padding-top:72px}.opening-progress{left:8px}.opening-close{right:8px}.tear-pack{scale:.86}.card-stack{height:540px;width:100%}.pull-card{width:min(92vw,370px)}.pull-art{height:280px}.pull-info{padding:13px 15px}.pull-info h3{font-size:23px}.opening-copy{max-width:320px}.legendary-effect .pull-card.is-top{animation:none}}