.inspect-dialog .inspect-stage.viewer-skin-stage{display:block;min-height:0;height:100%;padding:0;background:radial-gradient(ellipse at 50% 40%,#ffffff08,transparent 65%)}
.inspect-dialog .inspect-stage.viewer-skin-stage:before{display:none}
.viewer-render-surface{position:absolute;inset:0;overflow:hidden}
.game-reward-art{position:relative;margin:5px auto;isolation:isolate;overflow:hidden}
.game-new-item>.game-reward-art{height:min(39vh,420px);width:min(85%,740px)}
/* Only single pink/red/gold rewards with a ready 3D model use the wider stage. */
.game-new-item:is(.rarity-pink,.rarity-red,.rarity-gold)>.game-reward-art.has-reward-model{width:min(96%,1280px)}
.game-reward-art>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 16px #15202777)}
.game-reward-art.has-reward-model>img{visibility:hidden}
.game-reward-model{position:absolute;inset:0;opacity:0}
.has-reward-model>.game-reward-model{opacity:1}
.game-reward-model .viewer-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}
.game-reward-model .viewer-notice,.game-reward-model .viewer-hint{display:none}
.game-reward-model .viewer-reset{right:10px;bottom:8px}
.game-reward-model-status{position:absolute;bottom:12px;left:12px;right:12px;font-size:11px;color:#8996a3;pointer-events:none}
.reward-card>.game-reward-art{width:100%;height:145px}
.reward-card .viewer-notice,.reward-card .viewer-hint,.reward-card .viewer-reset{display:none}
.reward-card .game-reward-model-status{bottom:4px;left:4px;right:4px;font-size:9px}
@media(max-width:760px){
 .game-new-item>.game-reward-art{width:96%;height:35vh}
 .game-reward-model .viewer-reset{font-size:9px;right:8px;bottom:7px;padding:4px 7px}
 .reward-card>.game-reward-art{height:125px}
}
.inspect-dialog .viewer-render-surface .viewer-canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
.inspect-dialog .viewer-skin-stage .viewer-notice{bottom:auto;top:13px;right:auto;left:16px;background:none;border:0;max-width:calc(100% - 110px);font-size:9px;padding:0;color:#8996a3;pointer-events:none;z-index:2}
.inspect-dialog .viewer-skin-stage .viewer-reset{top:9px;bottom:auto}
.inspect-dialog .viewer-network-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;max-width:560px;padding:30px;color:#8092a2}
.inspect-dialog .viewer-network-notice>.icon{width:36px;height:36px;color:#ff9d43;margin-bottom:5px}
.inspect-dialog .viewer-network-notice>strong{font-size:17px;font-weight:500;color:#c0ccd5}
.inspect-dialog .viewer-network-notice p{max-width:480px;font-size:12px;line-height:1.9;color:#8295a8}
@media(max-width:760px){
 .inspect-dialog .viewer-skin-stage .viewer-notice{max-width:calc(100% - 100px);font-size:8px;left:10px}
}