/* Original illustrations displayed on a CSS 3D turntable; no artwork is edited. */
.h-avatar-picker{width:100%;margin:22px 0 26px;padding:20px 16px 14px;border:1px solid #ded9ee;border-radius:22px;background:linear-gradient(160deg,#fbfaff,#f6f4ff 58%,#fff);isolation:isolate}
.h-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.h-picker-kicker{color:#7253b2;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.h-picker-heading h3{font-size:19px;letter-spacing:-.035em;line-height:1.25;margin:6px 0}
.h-picker-heading p{font-size:11px!important;line-height:1.6!important;margin:0!important;color:#676074}
.h-motion-control{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:38px;padding:8px 10px;border:1px solid #d4cde6;border-radius:11px;background:#fff;color:#5b427e;font-size:10px;font-weight:800;cursor:pointer}
.h-motion-control[aria-pressed="true"]{background:#eee9fa}
.h-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.h-character-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;border:2px solid transparent;border-radius:17px;padding:0 9px 12px;overflow:hidden;text-align:center;color:#332f3e;background:linear-gradient(180deg,rgba(var(--h-rgb),.035),rgba(var(--h-rgb),.11) 58%,#fff);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s;contain:layout}
.h-character-card:hover{transform:translateY(-3px);border-color:rgba(var(--h-rgb),.5)}
.h-character-card.is-selected{border-color:var(--h-color);box-shadow:0 7px 19px rgba(var(--h-rgb),.15),inset 0 0 0 1px rgba(255,255,255,.8)}
.h-character-stage{display:block;position:relative;width:100%;height:168px;margin-bottom:7px;perspective:650px;perspective-origin:50% 43%;overflow:visible}
.h-beam{position:absolute;left:8%;right:8%;bottom:21px;height:133px;clip-path:polygon(29% 0,71% 0,100% 100%,0 100%);background:linear-gradient(to top,rgba(var(--h-rgb),.31),rgba(var(--h-rgb),.03) 82%,transparent);opacity:.67;pointer-events:none}
.h-beam:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(var(--h-rgb),.11) 9px 10px);animation:h-scan 6s linear infinite}
.h-figure{position:absolute;left:12%;right:12%;top:8px;bottom:32px;display:block;transform-style:preserve-3d;animation:h-turn 20s linear infinite;animation-delay:var(--h-delay);transform:rotateY(-18deg);will-change:transform;z-index:2}
.h-figure-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(4px)}
.h-figure-face--back{transform:rotateY(180deg) translateZ(4px)}
.h-figure-face img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(var(--h-rgb),.25));user-select:none;-webkit-user-drag:none}
.h-figure-face--back img{transform:scaleX(-1)}
.h-platform{position:absolute;left:9%;right:9%;bottom:13px;height:34px;display:block;border:2px solid rgba(var(--h-rgb),.9);border-radius:50%;background:radial-gradient(ellipse,#fff 0 12%,rgba(var(--h-rgb),.15) 25%,rgba(var(--h-rgb),.38) 58%,rgba(var(--h-rgb),.09) 67%);box-shadow:0 3px 0 rgba(var(--h-rgb),.32),0 7px 0 rgba(var(--h-rgb),.12),0 0 17px rgba(var(--h-rgb),.45),inset 0 0 12px rgba(var(--h-rgb),.7);z-index:1;overflow:hidden}
.h-platform:before{content:"";position:absolute;inset:5px 10px;border:1px dashed rgba(var(--h-rgb),.82);border-radius:50%}
.h-platform:after{content:"";position:absolute;left:9%;right:9%;top:45%;height:1px;background:rgba(var(--h-rgb),.58)}
.h-platform-scan{position:absolute;inset:-35% -10%;display:block;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 285deg,rgba(var(--h-rgb),.45) 325deg,transparent 360deg);animation:h-platform-turn 7s linear infinite}
.h-ground-glow{position:absolute;left:0;right:0;bottom:2px;height:20px;background:radial-gradient(ellipse,rgba(var(--h-rgb),.22),transparent 70%);z-index:0}
.h-floating-mark{position:absolute;font-size:15px;color:var(--h-color);opacity:.75;animation:h-float 4.5s ease-in-out infinite;z-index:0;pointer-events:none}
.h-floating-mark--one{top:36px;left:4%}.h-floating-mark--two{top:69px;right:5%;font-size:12px;animation-delay:-2s}
.h-character-area{font-size:9px;font-weight:850;letter-spacing:.065em;text-transform:uppercase;color:var(--h-ink)}
.h-character-name{display:block;font-size:19px;letter-spacing:-.035em;margin:5px 0;color:#272330}
.h-character-note{display:block;font-size:9px;line-height:1.55;min-height:42px;color:#696170}
.h-choice-label{display:block;margin-top:9px;font-size:9px;font-weight:850;line-height:1.5;color:var(--h-ink)}
.h-picker-selection{margin:16px 0 0!important;padding:10px 12px;border-radius:12px;background:#fff;font-size:11px!important;line-height:1.5!important;color:#514365}
.h-picker-selection strong{color:#422764}.h-picker-selection>span{color:#766681}
.h-render-note{margin:9px 3px 0!important;font-size:9px!important;line-height:1.5!important;color:#776b88}
.h-avatar-sheet{max-width:960px!important}.h-avatar-sheet .h-avatar-picker{width:auto;margin:5px 26px 20px;padding:22px}.h-avatar-sheet .h-character-stage{height:210px}.h-avatar-sheet .h-character-note{font-size:10px;min-height:48px}.h-avatar-sheet .h-character-name{font-size:22px}.h-avatar-sheet .h-character-area,.h-avatar-sheet .h-choice-label{font-size:10px}.h-modal-footer{padding:0 26px 24px;display:flex;justify-content:flex-end}
.h-character-card:focus-visible,.h-motion-control:focus-visible{outline:3px solid #5b3a8c;outline-offset:3px;z-index:3}
[data-h-paused="true"] .h-figure,[data-h-paused="true"] .h-platform-scan,[data-h-paused="true"] .h-beam:after,[data-h-paused="true"] .h-floating-mark{animation-play-state:paused}
[data-h-paused="true"] .h-figure{animation:none;transform:rotateY(-12deg)}
@keyframes h-turn{0%{transform:rotateY(-18deg)}100%{transform:rotateY(342deg)}}
@keyframes h-platform-turn{to{transform:rotate(360deg)}}
@keyframes h-float{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-8px);opacity:.9}}
@keyframes h-scan{to{transform:translateY(10px)}}
@media(max-width:640px){.h-avatar-picker{padding:16px 12px}.h-character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.h-character-stage{height:170px}.h-character-note{min-height:30px;font-size:10px}.h-character-area,.h-choice-label{font-size:10px}.h-avatar-sheet .h-avatar-picker{margin:0 15px 18px;padding:16px 12px}.h-avatar-sheet .h-character-stage{height:180px}.h-picker-heading h3{font-size:18px}.h-modal-footer{padding:0 15px 20px}}
@media(prefers-reduced-motion:reduce){.h-avatar-picker .h-figure,.h-avatar-picker .h-platform-scan,.h-avatar-picker .h-beam:after,.h-avatar-picker .h-floating-mark{animation:none!important}.h-avatar-picker .h-figure{transform:rotateY(-12deg)}.h-character-card{transition:none}.h-character-card:hover{transform:none}.h-motion-control{display:none}}
@media print{.h-figure,.h-platform-scan,.h-beam:after,.h-floating-mark{animation:none!important}.h-motion-control{display:none}}