.packBackground{z-index:0;pointer-events:none;position:fixed;inset:0}.packBackground img{object-fit:cover;object-position:center;width:100%;height:100%}.shell[data-pack-id] .oracleDiagnosis,.shell[data-pack-id] .oracleDiagnosis:before,.shell[data-pack-id] .oracleScreenFrame:before,.shell[data-pack-id].screen-result:before{background-image:none}.shell[data-pack-id].screen-result>.result{background:0 0}.packCharacter{pointer-events:none;position:absolute;inset:0}.packCharacterPrevious{animation:.2s both packCharacterOut}.packCharacter.isChanging .packCharacterCurrent{animation:.2s both packCharacterIn}.packResultPicture{display:contents}.packPrepareOverlay{z-index:100;color:#43394b;background:#fff;place-items:center;display:grid;position:fixed;inset:0}.packPrepareContent{text-align:center;width:min(88vw,540px);animation:.3s both packCharacterIn}.packPrepareComic{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:65dvh;margin:0 auto 16px;display:block}.packPrepareOverlay[data-phase=exiting]{pointer-events:none;animation:.2s both packCharacterOut}.packPrepareDots{letter-spacing:8px;opacity:.6;font-size:12px;display:block}@keyframes packCharacterIn{0%{opacity:0}to{opacity:1}}@keyframes packCharacterOut{0%{opacity:1}to{opacity:0}}@media (min-width:960px){.packBackground img{object-position:50% 50%}.shell[data-pack-id] .resultCharacterLayer .packResultPicture img{object-fit:contain}}@media (max-width:959px){.packBackground img{object-position:50% 50%}.shell[data-pack-id] .resultCharacterLayer .packResultPicture img{object-fit:contain}}@media (prefers-reduced-motion:reduce){.packCharacter img,.packPrepareContent,.packPrepareOverlay[data-phase=exiting]{animation:none}}