/* The fullscreen stage shares the same materials and actual selected chest. */
.opening-theatre{background:radial-gradient(ellipse at 50% 55%,#11344a66,transparent 65%),#090e19}.opening-theatre:before{opacity:.08}.theatre-brand .brand-mark{width:27px;height:27px}.theatre-title h2{font-size:clamp(27px,3vw,43px);font-weight:800}.theatre-title p{font-size:13px;color:#9baec8}.theatre-title .script-title{font-size:32px;text-shadow:0 0 20px #ff2c8570}.roulette-window:after{border-color:#ff57a13d;box-shadow:0 0 45px #ff338e14,inset 0 0 40px #ff238309}.roulette-pointer:before,.roulette-pointer:after{filter:drop-shadow(0 0 9px #ff318fc7)}.roulette-tile{background:radial-gradient(ellipse at 50% 22%,#26456099,transparent 75%),linear-gradient(150deg,#1e2a40,#111b2d);border-color:#34435a}.roulette-tile.is-winner{box-shadow:0 0 35px #ff338e45,inset 0 0 35px #ff338e15;border-color:#ff66a9}.roulette-name{font-size:12px}.roulette-value{font-size:17px}.roulette-tile:after{box-shadow:0 0 12px var(--rarity)}.theatre-chest-slot .hero-stage{flex:none;height:100%;min-height:0;overflow:visible}.theatre-chest-slot .stage-grid{display:none}.theatre-chest-slot .stage-light{inset:5% 10%;width:auto;height:auto;background:radial-gradient(ellipse,#43c7ff22,transparent 67%)}.opening-theatre[data-phase="chest"] .theatre-chest-slot,.opening-theatre[data-phase="revealing"] .theatre-chest-slot,.opening-theatre[data-phase="result"] .theatre-chest-slot{height:min(410px,48dvh)}.theatre-chest-slot{width:min(800px,95vw)}.theatre-result h2{font-size:32px}.theatre-result>p{font-size:11px}.theatre-result button{font-size:13px;min-height:46px}.theatre-result .script-title{font-size:30px}.theatre-steps span{font-size:11px}.theatre-skip{font-size:11px}.theatre-controls button{min-height:38px}.theatre-chest-slot .opening-reward{top:11%}.theatre-result{max-height:0}.opening-theatre[data-phase="result"] .theatre-result{max-height:265px}.theatre-footer>small{font-size:8px}
@media(max-width:600px){.theatre-title .script-title{font-size:28px}.theatre-title h2{font-size:28px}.theatre-title p{font-size:11px}.roulette-name{font-size:11px}.roulette-value{font-size:14px}.theatre-chest-slot{width:100%;height:145px}.opening-theatre[data-phase="chest"] .theatre-chest-slot,.opening-theatre[data-phase="revealing"] .theatre-chest-slot,.opening-theatre[data-phase="result"] .theatre-chest-slot{height:min(320px,39dvh)}.theatre-chest-slot .opening-reward{top:13%}.theatre-result h2{font-size:26px}.theatre-result .script-title{font-size:26px}.theatre-result>p{font-size:10px}.theatre-result button{font-size:12px;padding:11px 16px}.theatre-steps span{font-size:9px}.theatre-skip{font-size:10px}.theatre-footer{gap:11px}.theatre-footer>small{font-size:7px}.theatre-result{width:calc(100% - 30px)}}
@media(max-width:360px){.theatre-steps span{font-size:8px}.theatre-skip{font-size:9px}.theatre-steps{gap:4px}}