.sdActor{display:block;position:relative;width:72px;aspect-ratio:1/2;overflow:hidden;flex:none;pointer-events:none;isolation:isolate}.sdActor>img{position:absolute;left:0;top:0;width:200%;max-width:none;height:100%;object-fit:fill;user-select:none;opacity:0;transition:opacity .18s ease-out}.sdActor[data-loaded=true]>img{opacity:1}.sdActor[data-pose=cheer]>img{transform:translate(-50%)}.selectionCompanion{display:flex;align-items:center;gap:18px;min-height:110px;margin:0 0 16px;padding:0 12px;border-bottom:1px solid #afcbd524}.selectionCompanion .sdActor{width:76px;aspect-ratio:3/4;animation:sdArrive .4s ease-out both}.selectionCompanion .sdActor>img{height:auto}.selectionCompanion p{font:14px/1.65 var(--font-text);color:#d6e5ec;margin:0}.selectionCompanion small{display:block;font:10px/1.5 var(--font-text);letter-spacing:.15em;color:#86b8c8;margin-bottom:7px}.characterLoading{position:fixed;inset:0;z-index:10000;background:#070e20ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;pointer-events:auto}.characterLoading .sdActor{width:90px;animation:sdBreathe 1.7s ease-in-out infinite}.characterLoading strong{font:25px var(--font-display);color:#b9edff;letter-spacing:.12em}.characterLoading p{font:14px/1.6 var(--font-text);max-width:320px;overflow-wrap:anywhere;margin:0;color:#c4d5e9}.clearCelebration{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px}.clearCelebration .sdActor{width:65px;animation:sdCheer .65s ease-out both}.clearCelebration>div:last-child{min-width:0}.clearCelebration #grade{margin:0}.clearReaction{font:12px/1.5 var(--font-text);color:#b5d8e7;margin:0}.storyEmpty .sdActor{width:68px;margin:0 auto 14px}@keyframes sdArrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sdBreathe{50%{transform:translateY(-3px)}}@keyframes sdCheer{0%{opacity:0;transform:translateY(10px) rotate(-4deg)}50%{opacity:1;transform:translateY(-5px) rotate(2deg)}to{transform:none}}@media(prefers-reduced-motion:reduce){.sdActor{animation:none!important}.sdActor>img{transition:none}}.reduced .sdActor{animation:none!important}.reduced .sdActor>img{transition:none}@media(max-width:350px){.selectionCompanion{gap:10px;padding:0 4px}.selectionCompanion p{font-size:12px}.clearCelebration{gap:6px}}