.opening-stage{position:absolute;inset:0;z-index:10000;overflow:hidden;display:grid;place-items:center;background:#fffaf7;color:#713444;transition:opacity .8s;font-family:Georgia,serif;text-align:center}.opening-stage button{background:#913d50;color:#fff;border:0;padding:13px 27px;border-radius:30px;cursor:pointer;font:14px Arial}.opening-stage h2{font-size:clamp(24px,5vw,38px);font-weight:400;line-height:1.3}.opening-stage small{font:10px Arial;letter-spacing:3px}.opening-center{position:relative;z-index:2;padding:30px 22px;max-width:92%;transition:opacity .7s}.opening-exit{opacity:0;pointer-events:none}.opening-panel{position:absolute;inset:0 50% 0 0;border-right:1px solid #0002;transition:transform 3.5s cubic-bezier(.22,.61,.36,1);z-index:1}.opening-panel-right{inset:0 0 0 50%;border:0;border-left:1px solid #0002}.opening-doors,.opening-curtain{color:#fff8e9}.opening-reveal .opening-panel-left{transform:translateX(-101%)}.opening-reveal .opening-panel-right{transform:translateX(101%)}.opening-envelope{background:#fff9f0;border:1px solid #dbb68d;box-shadow:0 25px 65px #73322530;padding:50px 30px;transition:transform .9s,opacity .9s}.opening-envelope:before{content:'';position:absolute;inset:0;background:linear-gradient(150deg,transparent 49.6%,#dcbda0 50%,transparent 50.4%);pointer-events:none;opacity:.4}.opening-envelope.unsealed{transform:translateY(-60px) rotateX(15deg);opacity:0}.opening-seal{position:absolute;left:50%;top:50%;width:120px;height:120px;object-fit:contain;transform:translate(-50%,-50%)}.opening-doors .opening-center,.opening-curtain .opening-center{position:absolute;inset:0;max-width:none}.opening-doors .opening-center>small,.opening-doors .opening-center>h2,.opening-doors .opening-center>p,.opening-curtain .opening-center>small,.opening-curtain .opening-center>h2,.opening-curtain .opening-center>p{display:none}.opening-doors .opening-center>button,.opening-curtain .opening-center>button{position:absolute;left:50%;top:calc(50% + 90px);transform:translateX(-50%);white-space:nowrap}.opening-doors .button-at-bottom>button,.opening-curtain .button-at-bottom>button{top:auto;bottom:8%}.opening-gif{width:min(300px,65vw);height:240px;object-fit:contain;display:block;margin:15px auto}.opening-slot .opening-center{padding:8px 16px;width:100%}.opening-slot .opening-center>small{display:none}.opening-slot .opening-center>h2{font-size:22px;margin:8px 0}.opening-slot-machine{position:relative;width:min(350px,80vw);margin:auto}.opening-slot-machine>img{width:100%;display:block}.opening-reels{position:absolute;left:30%;top:31%;width:39%;height:15%;display:flex;justify-content:center;align-items:center;gap:3px;background:#fff8f0}.opening-reels span{flex:1;font-size:18px;line-height:2.3;font-variant-numeric:tabular-nums;color:#723448;border-right:1px solid #e7c8be}.opening-reels span:last-child{font-size:14px;border:0}.opening-scratch{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:url('assets/opening-effects/card-revealed.webp') center/100% 100%;display:block}.opening-scratch canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;transition:opacity .6s}.opening-scratch strong{position:absolute;left:20%;top:48%;width:60%;font-size:24px;color:#836630}.opening-scratch+.opening-center{position:absolute;inset:0;pointer-events:none;max-width:none}.opening-scratch+.opening-center h2{margin-top:8%;font-size:26px}.opening-scratch+.opening-center button{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);pointer-events:auto}.opening-preview{height:min(680px,78vh);position:relative;width:min(430px,90vw);overflow:hidden}.node.enter .node-content{animation:none}@media(prefers-reduced-motion:reduce){.opening-stage *{animation:none!important;transition:none!important}}
.opening-animated-image{background:linear-gradient(125deg,#8b0000,#3f0000);color:white;font-family:Inter,Arial,sans-serif}.opening-animated-image h2{font-size:24px;font-weight:700}.opening-animated-image p{font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500}.opening-animated-image .opening-center{width:100%}
.motion-pending #scroller{visibility:hidden}.motion-pending #scroller *{animation-play-state:paused!important}

.opening-cards button{position:relative}.opening-cards button[aria-pressed=true]{outline:2px solid #2864ed;outline-offset:-2px}.opening-check{position:absolute;right:8px;top:8px;z-index:3;width:25px;height:25px;display:grid;place-items:center;background:#2864ed;color:white;border-radius:50%;box-shadow:0 2px 5px #0002}.opening-check svg{width:18px;height:18px}.opening-remove{border:1px solid #ff4667!important;border-radius:20px!important;color:#ff4667!important;background:white!important;padding:6px 12px!important;margin-bottom:14px}