/* Approved opening draft SHA256: 14ee0cf6ad297aa103cfab49b934ea0df27fce89919fb3dd16624352a3cf17d8. Generated by scripts/sync-opening-prototype.mjs. */
.opening-curtain{position:fixed;inset:0;z-index:10000;overflow:hidden;isolation:isolate;pointer-events:none;--pixel:AuctionPixel,'MiSans','Microsoft YaHei',sans-serif;--gold:#d9ba79;--ink:#fff1cf;color:var(--ink);font:16px 'MiSans','PingFang SC','Microsoft YaHei',sans-serif;line-height:normal}
.opening-curtain[hidden]{display:none}
.opening-curtain,.opening-curtain *{box-sizing:border-box}
.opening-curtain .ticket{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;background:#f3e4bf;color:#2a1a0c;border:3px solid #8a6d3b;box-shadow:0 6px 0 #3b2a12;font-weight:800;font-size:clamp(16px,2.6vw,26px);white-space:nowrap}
.opening-curtain .ticket img{height:2.4em;width:auto}
.opening-curtain .ticket small{display:block;font-size:.55em;color:#8a4a2c;letter-spacing:.1em}

.opening-curtain .cut{position:absolute;inset:0;overflow:hidden}
.opening-curtain .cut .bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#47605a,#142e30 75%);opacity:0}
.opening-curtain.frugal .cut .bg{background:radial-gradient(ellipse at 50% 45%,#6a5a45,#2b2219 75%)}
.opening-curtain .layer,.opening-curtain .fx{position:absolute;inset:0}
.opening-curtain .item{position:absolute;left:0;top:0;will-change:transform}
.opening-curtain .item img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 8px 3px #07141680);user-select:none}
.opening-curtain .label{position:absolute;left:50%;transform:translate(-50%,-50%);margin:0;padding:12px 20px;border:2px solid var(--gold);background:#142e30ed;color:var(--ink);box-shadow:0 4px 0 #07141666;font-size:clamp(14px,2.5vw,20px);font-weight:700;white-space:nowrap}
.opening-curtain .label i{display:inline-block;width:1.4em;text-align:left;font-style:normal}
.opening-curtain .stamp{position:absolute;left:0;top:0;padding:.12em .45em;font-family:var(--pixel);font-size:clamp(44px,9vw,112px);line-height:1.15;color:#fff3da;background:#b3281f;border:5px solid #ffd9a8;outline:5px solid #b3281f;box-shadow:0 9px 0 #4a0e0a,0 0 50px #ff6a3a80;letter-spacing:.08em;white-space:nowrap}
.opening-curtain .ring{position:absolute;left:0;top:0;width:60px;height:60px;border-radius:50%;border:6px solid #ffe7a8;box-shadow:0 0 30px #ffd76a,inset 0 0 20px #ffd76a}
.opening-curtain .flash{position:absolute;inset:0;background:#fff8e6}
.opening-curtain .gavel{position:absolute;filter:drop-shadow(6px 10px 0 #0006)}
.opening-curtain .gavel svg{display:block;width:100%;height:100%}
.opening-curtain .coffer{position:absolute;left:0;top:0;image-rendering:pixelated;filter:drop-shadow(0 10px 0 #0005)}
/* Slot reels */
.opening-curtain .col{position:absolute;top:0;height:100%;overflow:hidden;background:linear-gradient(90deg,#0d2122,#1b3a3a 50%,#0d2122);border-left:3px solid #8a6d3b;border-right:3px solid #3b2a12}
.opening-curtain.frugal .col{background:linear-gradient(90deg,#241b13,#3d3022 50%,#241b13)}
.opening-curtain .strip{position:absolute;left:0;top:0;width:100%;will-change:transform}
.opening-curtain .cell{display:grid;place-items:center;border-bottom:2px dashed #ffffff12}
.opening-curtain .cell img{max-width:78%;max-height:72%;filter:drop-shadow(3px 6px 2px #0008)}
.opening-curtain .strip.blur img{filter:blur(2px) brightness(1.15)}
.opening-curtain .cell.win img{animation:opening-prototype-win .38s ease-in-out infinite alternate}
.opening-curtain .cell.jackpot{background:radial-gradient(circle,#ffd76a66,transparent 68%)}
@keyframes opening-prototype-win{to{transform:scale(1.12) rotate(-3deg)}}
.opening-curtain .payline{position:absolute;left:0;right:0;top:33.333%;height:33.334%;border-top:5px solid var(--gold);border-bottom:5px solid var(--gold);box-shadow:inset 0 0 70px #d9ba7933,0 0 0 9999px #00000055}
.opening-curtain .payline::before,.opening-curtain .payline::after{content:'';position:absolute;top:50%;left:6px;transform:translateY(-50%);width:34px;height:34px;background:url('/assets/opening-ui-v1/payline-arrow-right.png') center/contain no-repeat;image-rendering:pixelated}
.opening-curtain .payline::after{left:auto;right:6px;transform:translateY(-50%) scaleX(-1)}
/* Trapdoor */
.opening-curtain .door{position:absolute;bottom:0;height:30px;width:50%;background:repeating-linear-gradient(90deg,#5a3418 0 46px,#3e2410 46px 49px);border-top:5px solid var(--gold);box-shadow:0 -5px 0 #2a160a}
.opening-curtain .door.l{left:0;transform-origin:0 50%}.opening-curtain .door.r{right:0;transform-origin:100% 50%}
.opening-curtain .item img[hidden],.opening-curtain .cell img[hidden],.opening-curtain .ticket img[hidden]{display:none}
.opening-curtain .opening-no-art{font-size:clamp(16px,2.6vw,26px);font-weight:800;text-align:center;padding:12px}
.opening-curtain[data-reduced=true].is-leaving{opacity:0;transition:opacity 120ms ease}
@media(prefers-reduced-motion:reduce){.opening-curtain[data-reduced=false] .cut{visibility:hidden}}