.qol1310-side-ghost{position:fixed!important;z-index:1005!important;margin:0!important;pointer-events:none!important;transform:none;opacity:.88;will-change:transform,opacity,filter;box-shadow:0 34px 110px rgba(0,0,0,.66)!important}
.qol1310-old-sheet{position:absolute!important;z-index:3!important;margin:0!important;pointer-events:none!important;overflow:visible!important;transform-origin:50% 45%;will-change:transform,opacity,filter;backface-visibility:hidden}
.qol1310-magic-layer{position:fixed;inset:0;z-index:1004;pointer-events:none;overflow:hidden}
.qol1310-mote{position:fixed;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff8df 0 14%,#f1d9a5 28%,rgba(210,177,116,.5) 58%,transparent 72%);box-shadow:0 0 12px rgba(241,217,165,.72);will-change:transform,opacity}
.qol1310-mote.rune{width:auto;height:auto;border:0;background:none;color:var(--gold-2);font:13px Georgia,serif;text-shadow:0 0 13px rgba(241,217,165,.85)}
.qol1310-flare{position:fixed;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,247,216,.22),rgba(210,177,116,.11) 24%,rgba(95,36,54,.08) 49%,transparent 70%);mix-blend-mode:screen;filter:blur(2px);will-change:transform,opacity}
#profileContent,#npcViewContent,#placeViewContent,#threadViewContent{position:relative;z-index:5;transform-origin:50% 45%;will-change:transform,opacity,filter;backface-visibility:hidden}
.modal-backdrop.qol1310-transitioning>.modal{overflow:visible!important;isolation:isolate;perspective:1600px}
.modal-backdrop.qol1310-transitioning>.modal::after{content:'';position:absolute;inset:-25% -55%;z-index:20;pointer-events:none;background:linear-gradient(104deg,transparent 39%,rgba(241,217,165,.035) 46%,rgba(255,248,225,.13) 50%,rgba(210,177,116,.035) 55%,transparent 62%);transform:translateX(-38%);opacity:0}
.modal-backdrop.qol1310-arriving>.modal::after{animation:qol1310-sheen .62s cubic-bezier(.2,.72,.16,1) both}
.modal-backdrop.qol1310-transitioning .qol139-nav button,.modal-backdrop.qol1310-transitioning .qol1392-sidecard{pointer-events:none}
.modal-backdrop.qol1310-transitioning .qol1392-sidecards{opacity:.42;transform:scale(.992);transition:opacity .38s cubic-bezier(.22,.82,.18,1),transform .42s cubic-bezier(.22,.82,.18,1)}
.modal-backdrop[data-qol1310-direction="next"] #profileContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="next"] #npcViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="next"] #placeViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="next"] #threadViewContent.qol1310-exit{transform:translate3d(-18px,0,0) scale(.955);opacity:.22;filter:blur(3px) brightness(.72) saturate(.72)}
.modal-backdrop[data-qol1310-direction="prev"] #profileContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="prev"] #npcViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="prev"] #placeViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="prev"] #threadViewContent.qol1310-exit{transform:translate3d(18px,0,0) scale(.955);opacity:.22;filter:blur(3px) brightness(.72) saturate(.72)}
.modal-backdrop[data-qol1310-direction="fade"] #profileContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="fade"] #npcViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="fade"] #placeViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="fade"] #threadViewContent.qol1310-exit{transform:scale(.962);opacity:.22;filter:blur(3px) brightness(.74)}
#profileContent.qol1310-exit,#npcViewContent.qol1310-exit,#placeViewContent.qol1310-exit,#threadViewContent.qol1310-exit{transition:opacity .18s ease,filter .24s ease;transform:none!important;opacity:0!important;filter:none!important}
.modal-backdrop[data-qol1310-direction="next"] .qol1310-enter{animation:qol1310-content-next .86s cubic-bezier(.22,.82,.18,1) both}
.modal-backdrop[data-qol1310-direction="prev"] .qol1310-enter{animation:qol1310-content-prev .86s cubic-bezier(.22,.82,.18,1) both}
.modal-backdrop[data-qol1310-direction="fade"] .qol1310-enter{animation:qol1310-content-fade .68s cubic-bezier(.22,.82,.18,1) both}
.qol1310-stage{animation:qol1310-stage-in .48s ease-out both;animation-delay:calc(130ms + min(var(--qol1310-order,0),10)*14ms)}
.qol1310-enter .profile-image img,.qol1310-enter .place-view-image img,.qol1310-enter .npc-view-image img{animation:qol1310-image-breathe .92s cubic-bezier(.22,.82,.18,1) both}
@keyframes qol1310-content-next{from{transform:translate3d(94px,0,20px) rotateY(-2.2deg) scale(.978);opacity:.08;filter:brightness(.96) saturate(.94);box-shadow:-24px 0 54px rgba(0,0,0,.24)}45%{opacity:.82}to{transform:none;opacity:1;filter:none;box-shadow:none}}
@keyframes qol1310-content-prev{from{transform:translate3d(-94px,0,20px) rotateY(2.2deg) scale(.978);opacity:.08;filter:brightness(.96) saturate(.94);box-shadow:24px 0 54px rgba(0,0,0,.24)}45%{opacity:.82}to{transform:none;opacity:1;filter:none;box-shadow:none}}
@keyframes qol1310-content-fade{from{transform:scale(.988);opacity:.12}to{transform:none;opacity:1}}
@keyframes qol1310-stage-in{from{opacity:.18}to{opacity:1}}
@keyframes qol1310-image-breathe{from{transform:scale(1.012);filter:saturate(.92) brightness(.94)}to{transform:scale(1);filter:none}}
@keyframes qol1310-sheen{0%{transform:translateX(-44%);opacity:0}30%{opacity:.18}100%{transform:translateX(44%);opacity:0}}
@media(max-width:760px){
 #profileContent.qol1310-exit,#npcViewContent.qol1310-exit,#placeViewContent.qol1310-exit,#threadViewContent.qol1310-exit{transition-duration:.22s}
 .modal-backdrop[data-qol1310-direction="next"] #profileContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="next"] #npcViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="next"] #placeViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="next"] #threadViewContent.qol1310-exit{transform:translate3d(-14px,0,0) scale(.972);opacity:.24}
 .modal-backdrop[data-qol1310-direction="prev"] #profileContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="prev"] #npcViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="prev"] #placeViewContent.qol1310-exit,.modal-backdrop[data-qol1310-direction="prev"] #threadViewContent.qol1310-exit{transform:translate3d(14px,0,0) scale(.972);opacity:.24}
 .modal-backdrop[data-qol1310-direction="next"] .qol1310-enter{animation-name:qol1310-mobile-next;animation-duration:.62s}
 .modal-backdrop[data-qol1310-direction="prev"] .qol1310-enter{animation-name:qol1310-mobile-prev;animation-duration:.62s}
 .qol1310-stage{animation-duration:.4s;animation-delay:calc(90ms + min(var(--qol1310-order,0),8)*10ms)}
 @keyframes qol1310-mobile-next{from{transform:translate3d(52px,0,0) scale(.986);opacity:.08}to{transform:none;opacity:1}}
 @keyframes qol1310-mobile-prev{from{transform:translate3d(-52px,0,0) scale(.986);opacity:.08}to{transform:none;opacity:1}}
}
@media(prefers-reduced-motion:reduce){
 .qol1310-side-ghost,.qol1310-magic-layer{display:none!important}
 #profileContent,#npcViewContent,#placeViewContent,#threadViewContent,.qol1310-stage{animation:none!important;transition:none!important;transform:none!important;filter:none!important}
 .modal-backdrop.qol1310-transitioning>.modal::after{display:none!important}
}