/* The original portrait is retained in assets/portrait.jpg. */
.avatar-stage{height:600px;isolation:isolate}
.avatar-frame{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(96%,490px);aspect-ratio:1145/1374;margin:0;padding:0;border:0;background:none;z-index:2;cursor:pointer;-webkit-touch-callout:none;touch-action:pan-y}
.avatar-frame:focus-visible{outline:1px dashed var(--accent);outline-offset:8px;border-radius:45% 45% 22% 22%}
.avatar-frame img,.avatar-frame canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.avatar-frame canvas{opacity:0}
.avatar-frame.is-ready canvas{opacity:1}
.avatar-frame.is-ready .avatar-fallback{opacity:0}
.avatar-frame .avatar-fallback{filter:drop-shadow(0 18px 12px #0003)}
.avatar-halo{position:absolute;z-index:-1;left:50%;top:49%;width:85%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#e8874515 0%,#e8874508 40%,transparent 70%)}
.avatar-stage .stage-word{top:0;opacity:.42;font-size:104px}
.avatar-stage .orbit{opacity:.5}
.avatar-stage .tag-one{top:37%;right:0;z-index:1}
.avatar-stage .tag-two{bottom:75px;left:-10px;z-index:3;pointer-events:none}
.avatar-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-size:13px;letter-spacing:.04em;color:var(--muted);padding:10px 16px;background:#1c211b;border:1px solid var(--line);border-radius:24px;z-index:3}
.avatar-status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #f27b4a12}
.no-motion .avatar-status-dot{background:var(--muted);box-shadow:none}
@media(min-width:701px) and (max-width:1000px){.avatar-frame{width:112%}.avatar-stage .stage-word{font-size:75px}.avatar-stage .tag-one{right:0;font-size:14px}.avatar-stage .tag-two{left:0;bottom:92px}.avatar-hint{font-size:11px;padding:9px 12px}}
@media(max-width:700px){.avatar-stage{height:475px;margin-top:15px}.avatar-frame{width:min(105%,390px);top:46%}.avatar-stage .stage-word{font-size:80px;top:-12px;left:0}.avatar-stage .tag-one{top:30%;right:0}.avatar-stage .tag-two{left:0;bottom:70px;font-size:16px}.avatar-hint{bottom:0;font-size:12px}.avatar-stage .stage-cross{top:37%}}
@media(max-width:390px){.avatar-stage{height:420px}.avatar-frame{width:105%}.avatar-stage .tag-two{bottom:60px;padding:13px 15px}.avatar-stage .stage-word{font-size:70px}.avatar-stage .tag-one{font-size:15px;padding:12px}}