#mysteryHybrid{scroll-margin-top:110px;grid-template-columns:.8fr 1.2fr;gap:45px}.mystery-journey{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:25px 0;border-block:1px solid #45462f;padding:20px 0}.mystery-journey span{font-size:10px;color:#b6b79c}.mystery-journey b{font:400 21px var(--serif);color:var(--yellow);display:block;margin-bottom:6px}.reader-box-result{justify-content:flex-start;padding-top:5px}.reader-box-result>div{display:block;margin:20px 0}.mystery-stage{position:relative;min-height:440px;padding:25px;border:1px solid #41452b;background:radial-gradient(ellipse at 50% 42%,#3d342230,#10120b 72%);overflow:hidden;isolation:isolate}.mystery-stage:before{content:'';position:absolute;inset:12%;border:1px solid #a4ac3420;border-radius:50%;transform:rotate(-20deg) scaleY(.7);z-index:-1}.mystery-stage-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.09em;color:#969d70}.mystery-stage-top>span:last-child{color:var(--yellow)}.mystery-pack-wrap{display:grid;place-items:center;perspective:1000px;padding:45px 0 20px}.mystery-pack{position:relative;width:195px;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:0;padding:25px 18px 22px;color:#f3efcf;background:linear-gradient(120deg,#d1ad21 0%,#211c12 8%,#756124 23%,#17140e 49%,#9c8327 76%,#c6ad3c 82%,#504323 100%);clip-path:polygon(0 0,3% 1%,6% 0,9% 1%,12% 0,15% 1%,18% 0,21% 1%,24% 0,27% 1%,30% 0,33% 1%,36% 0,39% 1%,42% 0,45% 1%,48% 0,51% 1%,54% 0,57% 1%,60% 0,63% 1%,66% 0,69% 1%,72% 0,75% 1%,78% 0,81% 1%,84% 0,87% 1%,90% 0,93% 1%,96% 0,100% 1%,100% 100%,0 100%);transform:rotate(-7deg);animation:mystery-hover 5s ease-in-out infinite;box-shadow:inset 0 14px #b5b34d55,inset 0 -13px #a1a43c55,inset 3px 0 #d3d47b66,inset -4px 0 #c7cf6944;cursor:pointer;transition:filter .3s}.mystery-pack:before{content:'';position:absolute;inset:20px 10px;border:1px solid #b5bc6455;pointer-events:none}.mystery-pack:after{content:'';position:absolute;top:47px;left:0;right:0;border-top:1px dashed #e2e6a977}.mystery-pack:hover{filter:brightness(1.2)}.mystery-pack:focus-visible{outline:3px solid #fff;outline-offset:8px}.mystery-pack>span:first-child{font-size:10px;letter-spacing:.11em;z-index:1}.mystery-pack>strong{font-size:65px;line-height:.85;letter-spacing:-.055em;text-align:center;font-weight:550;color:var(--yellow);margin-top:10px}.mystery-pack>strong em{display:block;font:400 34px var(--serif);letter-spacing:0;color:#e9e7b5}.mystery-pack>small{font-size:6px;letter-spacing:.09em;max-width:140px;line-height:1.8;text-align:center}.mystery-pack>i{font-style:normal;font-size:8px;color:#f2f1c8;border-top:1px solid #cad07b66;padding-top:10px;letter-spacing:.06em}.mystery-pull-note{text-align:center;font-size:9px;color:#b7ba91;margin-top:18px;line-height:1.8}.mystery-tear{position:relative;display:grid;place-items:center;min-height:335px;overflow:hidden}.mystery-tear .mystery-pack{animation:mystery-rip .65s ease-in forwards;pointer-events:none}.mystery-tear>span{position:absolute;top:30px;left:20%;right:20%;height:55px;background:linear-gradient(120deg,#d1ad21,#293319 60%,#c6ad3c);transform:rotate(-7deg);animation:mystery-strip .65s ease-in forwards;z-index:3;border-bottom:1px dashed #e9edaa}.mystery-opening-note{text-align:center;color:#ced192;font-size:11px;letter-spacing:.07em}.mystery-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:center;padding:35px 5px 20px;min-height:285px;perspective:1000px}.mystery-card-back{aspect-ratio:2/3;width:100%;max-width:160px;justify-self:center;background:repeating-linear-gradient(45deg,#292314 0 1px,#15130d 1px 12px);border:1px solid #877840;padding:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;box-shadow:8px 15px 25px #0007;transform:rotate(4deg)}.mystery-card-back strong{font-size:55px;font-weight:500;color:#d6c147;border:1px solid #817239;border-radius:50%;width:85px;height:85px;display:grid;place-items:center}.mystery-card-back span{font-size:6px;color:#aeb77b;letter-spacing:.12em}.reader-box-result .mystery-revealed{width:100%;max-width:170px;justify-self:center;margin:0;animation:mystery-turn .6s cubic-bezier(.2,.8,.2,1) both;transform-origin:center}.reader-box-result .mystery-revealed img{width:100%;height:230px;object-fit:contain;filter:drop-shadow(8px 12px 13px #0009)}.reader-box-result .mystery-revealed figcaption{font-size:11px;color:#d7dbc1;line-height:1.5;min-height:36px;margin-top:15px}.mystery-reveal-label{font-size:8px;letter-spacing:.1em;text-align:center;color:var(--yellow);margin:8px 0 0}.mystery-reveal-button{background:var(--yellow);color:#111;border:0;display:block;min-height:45px;padding:13px 20px;font-size:9px;font-weight:600;width:100%;margin:20px 0 0}.mystery-fulfilment{border-top:1px solid #4b532e;padding-top:20px;margin-top:20px}.mystery-fulfilment h4{font-size:22px;font-weight:450;line-height:1.2;margin:0 0 13px}.mystery-fulfilment p{font-size:10px;line-height:1.8;color:#afb292}.mystery-fulfilment label{font-size:10px;display:block;color:#c6c9a9;margin:18px 0 0}.mystery-fulfilment select{display:block;width:100%;padding:11px;background:#24291a;border:1px solid #5f6940;color:#e6e9d0;font-size:11px;margin-top:8px}.mystery-delivery-track{display:flex;gap:12px;justify-content:space-between;border-block:1px solid #42492c;padding:15px 0;margin:20px 0;font-size:8px;line-height:1.7;color:#b8bd94}.mystery-delivery-track>strong{font-weight:500;color:var(--yellow)}.mystery-no-reroll{font-size:8px;color:#9fa77a;line-height:1.8;margin-top:15px}.mystery-order-link{display:block;background:none;border:0;color:var(--yellow);text-decoration:underline;text-underline-offset:4px;font-size:9px;padding:15px 0 0}.mystery-orders-content{display:flex;gap:20px;margin:22px 0}.mystery-orders-content img{height:95px;width:auto;max-width:42%;object-fit:contain}.mystery-orders-content>span{padding:25px;border:1px solid #626c3e;font-size:11px;color:var(--yellow)}
@keyframes mystery-hover{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-9px)}}@keyframes mystery-rip{0%{transform:rotate(-7deg)}35%{transform:rotate(-3deg) translateX(3px)}100%{transform:translateY(70px) rotate(5deg);opacity:0}}@keyframes mystery-strip{0%{transform:rotate(-7deg)}100%{transform:translate(130px,-120px) rotate(40deg);opacity:0}}@keyframes mystery-turn{0%{transform:rotateY(-100deg) translateY(15px);opacity:0}100%{transform:rotateY(0) translateY(0);opacity:1}}
@media(max-width:1050px){#mysteryHybrid{grid-template-columns:1fr 1.1fr;gap:25px}.mystery-stage{padding:20px}.mystery-cards{gap:15px}.reader-box-result .mystery-revealed img{height:185px}.mystery-card-back strong{width:65px;height:65px;font-size:42px}.mystery-delivery-track{gap:8px;font-size:7px}}
@media(max-width:700px){#mysteryHybrid{grid-template-columns:1fr;gap:25px}.mystery-stage{padding:20px 15px;min-height:410px}.mystery-pack{width:180px;height:250px}.mystery-pack-wrap{padding:35px 0 15px}.mystery-stage-top{font-size:6px}.mystery-cards{gap:17px;padding-inline:0;min-height:240px}.mystery-card-back{padding:10px}.mystery-card-back strong{width:65px;height:65px;font-size:40px}.mystery-card-back span{font-size:5px}.reader-box-result .mystery-revealed img{height:175px}.reader-box-result .mystery-revealed figcaption{font-size:10px}.mystery-journey{gap:15px}.mystery-reveal-button{font-size:8px}.mystery-fulfilment h4{font-size:22px}}
@media(prefers-reduced-motion:reduce){.mystery-pack,.mystery-tear .mystery-pack,.mystery-tear>span,.reader-box-result .mystery-revealed{animation:none}.mystery-pack{transform:rotate(-5deg)}}
.mystery-pack:hover,.mystery-pack:focus-visible{animation-play-state:paused}