/* The opening is a scene; the shop remains a readable product collection. */
.mystery-product-grid>*{min-width:0}.mystery-product-body :is(h4,p,li,button),.mystery-selected :is(h4,p,li),.mystery-product-guide h4{overflow-wrap:anywhere}
.mystery-mini-box>strong{overflow-wrap:anywhere;max-width:100%;line-height:1.08}
.mystery-product-grid .mystery-product .mystery-mini-box>strong{font-size:clamp(18px,2vw,28px);overflow-wrap:normal}
.mystery-pack>strong{max-width:100%;line-height:1.05}.mystery-pack>i,.mystery-pack>small{max-width:100%;overflow-wrap:anywhere}
.mystery-opening-dialog .mystery-stage-top>span{min-width:0;overflow-wrap:anywhere}.mystery-opening-dialog .mystery-revealed figcaption{overflow-wrap:anywhere}
.opening-scene-header>div{min-width:0}.opening-scene-header h2{overflow-wrap:anywhere}
@media(min-width:361px) and (max-width:700px){.mystery-product-grid .mystery-product[data-tone] .mystery-mini-box{width:105px;height:148px;padding:15px 12px}.mystery-product .mystery-mini-box>span{font-size:6px}.mystery-product .mystery-mini-box>small{font-size:5px}.mystery-product-grid .mystery-product .mystery-product-body h4{font-size:25px}.mystery-product-guide{padding-inline:10px}}
.opening-scene-header button{background:transparent;border:0;border-bottom:1px solid #fff4;cursor:pointer;font-family:inherit}
#mysteryHybrid.mystery-shop{background:transparent;padding-inline:0}
.mystery-product{border:0;border-bottom:1px solid var(--editorial-rule);background:transparent}
.mystery-product[data-selected=true]{border-color:var(--yellow);box-shadow:none}
.mystery-product-art{height:260px;background:radial-gradient(ellipse at 50% 65%,var(--box-deep),transparent 70%)}
.mystery-product-body{padding:22px 0 30px}.mystery-product-body h4{font-weight:650;font-variation-settings:'wght' 650,'wdth' 80,'opsz' 80;text-transform:uppercase;font-size:32px}
.mystery-mini-box{height:180px;width:135px;transform:perspective(600px) rotateY(-18deg) rotateZ(-9deg);box-shadow:inset 9px 0 #0005,15px 20px 30px #0009}
.mystery-mini-box>strong{font-weight:650;text-transform:uppercase;font-variation-settings:'wght' 650,'wdth' 65,'opsz' 100;font-size:30px}
.mystery-product[data-tone=red] .mystery-mini-box{border-top:9px double var(--box-accent);border-bottom:9px double var(--box-accent);width:120px}
.mystery-product[data-tone=paper] .mystery-mini-box{box-shadow:inset -9px 0 #f4e7c044,inset 7px 0 #0007,15px 20px 30px #0009}
.mystery-product[data-tone=amber] .mystery-mini-box{width:160px;height:145px;transform:perspective(500px) rotateY(-22deg) rotateZ(-6deg);border-top:12px solid var(--box-mid)}
.mystery-product[data-tone=silver] .mystery-mini-box{width:155px;height:170px;border-top:15px solid var(--box-mid)}
.mystery-product[data-tone=gold] .mystery-mini-box{width:170px;height:185px;border:2px solid var(--box-accent);box-shadow:inset 14px 0 #0008,18px 22px 35px #0009}
.mystery-product-guide{background:transparent;border:0;padding-inline:24px}
dialog.mystery-opening-dialog{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:radial-gradient(ellipse at 50% 55%,#36301a 0%,#13150f 38%,#060806 80%);color:#f1efdf;overflow:auto;z-index:200}
.mystery-opening-dialog::backdrop{background:#060806}
.opening-scene-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 4vw;border-bottom:1px solid #fff2}
.opening-scene-header>span{font-weight:650;color:var(--yellow);font-size:13px;letter-spacing:.08em}.opening-scene-header>div{text-align:center}.opening-scene-header>div>span{font-size:8px;letter-spacing:.18em;color:#b7b29a}.opening-scene-header h2{font-family:var(--display);font-weight:650;font-variation-settings:var(--display-axes);text-transform:uppercase;font-size:28px;margin:7px 0 0}.opening-scene-header nav{display:flex;gap:22px}.opening-scene-header button{font-size:9px;letter-spacing:.08em;padding:12px 0;color:#d6d0b8;border-bottom:1px solid #fff4}.opening-scene-header button:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}
.opening-scene-content{position:relative;z-index:1;max-width:1100px;margin:auto;padding:30px 35px;min-height:calc(100dvh - 170px);display:grid;align-items:center}
.mystery-opening-dialog .reader-box-result{background:none;border:0;padding:0;width:100%}.mystery-opening-dialog #readerBoxStatus,.mystery-opening-dialog #readerBoxExcluded{display:none}.mystery-opening-dialog .mystery-stage{border:0;background:none;padding:0}.mystery-opening-dialog .mystery-stage-top{max-width:720px;margin:0 auto 30px;color:#bdb18e}.mystery-opening-dialog .mystery-pack{width:250px;height:350px;transform:perspective(800px) rotateY(var(--pack-x,-8deg)) rotateX(var(--pack-y,3deg));box-shadow:18px 28px 60px #000b,0 0 80px #d9b64422;transition:transform .18s}.mystery-opening-dialog .mystery-pack strong{font-weight:700;font-variation-settings:'wght' 700,'wdth' 65,'opsz' 100;text-transform:uppercase;font-size:52px;line-height:.95}.mystery-opening-dialog .mystery-pack strong em{font-family:var(--serif);text-transform:none;font-size:30px;font-weight:400;margin-top:15px}.mystery-opening-dialog .mystery-pack i{transform:translateX(var(--seal-drag,0px))}
.mystery-opening-dialog .mystery-cards{max-width:820px;margin:35px auto;gap:28px;align-items:center;perspective:1000px}.mystery-opening-dialog .mystery-card-back{height:300px;background:repeating-linear-gradient(45deg,#ffffff03 0 1px,transparent 1px 9px),linear-gradient(135deg,#272a1b,#10140d);border:1px solid #b9a34a66;box-shadow:8px 18px 30px #0009;transform:rotate(-3deg)}.mystery-opening-dialog .mystery-card-back:nth-child(2){transform:rotate(3deg)}.mystery-opening-dialog .mystery-cards[data-count] .mystery-revealed img{height:300px;max-height:330px;width:auto;max-width:100%;box-shadow:10px 20px 40px #000b;object-fit:contain}.mystery-opening-dialog .mystery-revealed:last-of-type{animation:opening-cover .65s cubic-bezier(.16,1,.3,1) both}.mystery-opening-dialog .mystery-revealed figcaption{font-size:14px;font-weight:600;color:#f1ebd6}.mystery-opening-dialog .mystery-revealed small{font-size:10px;color:#a9a58f}.mystery-opening-dialog .mystery-reveal-button{display:block;margin:22px auto;max-width:460px;min-height:54px}.mystery-opening-dialog .mystery-fulfilment{max-width:720px;margin:auto;background:transparent;border:0;border-top:1px solid #fff2;padding:25px 0}.mystery-opening-dialog .mystery-fulfilment h4{font-size:29px}.mystery-opening-dialog .mystery-fulfilment p{font-size:11px}.mystery-opening-dialog .mystery-no-reroll{font-size:9px;text-align:center;color:#a29a80}.mystery-opening-dialog .mystery-immerse{display:none}.opening-scene-footer{position:relative;padding:22px 4vw;display:flex;justify-content:space-between;gap:25px;color:#aaa38c;font-size:9px;border-top:1px solid #fff1}
.opening-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.opening-atmosphere i{position:absolute;width:3px;height:3px;background:#e8d171;border-radius:50%;left:15%;top:80%;box-shadow:0 0 18px #e8d171;animation:opening-spark 7s infinite ease-out}.opening-atmosphere i:nth-child(2n){left:75%;animation-delay:-3s}.opening-atmosphere i:nth-child(3n){left:43%;animation-delay:-5s}.opening-atmosphere i:nth-child(4n){left:90%;animation-delay:-1s}
@keyframes opening-cover{from{opacity:0;transform:rotateY(60deg) translateY(25px) scale(.8)}to{opacity:1;transform:none}}@keyframes opening-spark{from{transform:translateY(0);opacity:0}30%{opacity:.7}to{transform:translateY(-65vh);opacity:0}}
@media(max-width:700px){.mystery-product-art{height:230px}.opening-scene-header{padding:18px 20px;flex-wrap:wrap;gap:15px}.opening-scene-header>span{font-size:10px}.opening-scene-header>div{order:3;flex-basis:100%}.opening-scene-header h2{font-size:24px}.opening-scene-header nav{gap:18px}.opening-scene-header button{font-size:8px}.opening-scene-content{padding:25px 20px;min-height:calc(100dvh - 200px)}.mystery-opening-dialog .mystery-cards{gap:12px}.mystery-opening-dialog .mystery-card-back{height:170px;padding:12px 8px}.mystery-opening-dialog .mystery-card-back strong{font-size:40px}.mystery-opening-dialog .mystery-card-back span{font-size:6px}.mystery-opening-dialog .mystery-revealed figcaption{font-size:10px}.mystery-opening-dialog .mystery-revealed small{font-size:8px}.opening-scene-footer{padding:20px;font-size:8px}.mystery-opening-dialog .mystery-pack{width:210px;height:295px}.mystery-opening-dialog .mystery-pack strong{font-size:43px}}
@media(prefers-reduced-motion:reduce){.opening-atmosphere i,.mystery-opening-dialog .mystery-revealed:last-of-type{animation:none}.mystery-opening-dialog .mystery-pack{transition:none;transform:none}}

.mystery-opening-dialog .mystery-revealed{max-width:220px}.mystery-opening-dialog .mystery-revealed img{height:300px}.mystery-opening-dialog .mystery-pack strong{font-size:clamp(30px,4vw,48px);overflow-wrap:anywhere}.mystery-pack>strong{font-size:38px;overflow-wrap:anywhere}.mystery-pack>strong em{font-size:25px}@media(max-width:700px){.mystery-opening-dialog .mystery-cards[data-count] .mystery-revealed img{height:170px}.mystery-opening-dialog .mystery-pack strong{font-size:38px}}