/* 注記: スマートフォンでの表示位置（bottom）が効かない指定だったため、
   セレクタの書き方を基本の指定（#hid-avatar-guide.avatar-guide）に揃えています。
   2026-09-14 修正
   2026-09-14: 音声機能の削除にともない、.audio-error の指定を削除 */
#hid-avatar-guide.avatar-guide{position:fixed;z-index:100;right:22px;bottom:22px;width:340px;max-width:calc(100vw - 32px);background:#141414f7;color:#f5f2ec;border:1px solid #c9a96180;box-shadow:0 8px 35px #0005;border-radius:14px;backdrop-filter:blur(12px);overflow:hidden}#hid-avatar-guide .guide-heading{display:flex;gap:12px;align-items:center;padding:14px 14px 9px}#hid-avatar-guide .guide-heading>img{width:54px;height:54px;object-fit:cover;object-position:center 35%;border-radius:50%;border:1px solid #c9a96188;background:#f4f1eb}#hid-avatar-guide .guide-heading>div{flex:1;min-width:0}#hid-avatar-guide .guide-heading span{display:block;color:#c9a961;font-size:12px;line-height:1.5}#hid-avatar-guide .guide-heading strong{display:block;font-size:14px;font-weight:500;line-height:1.7}#hid-avatar-guide .guide-heading button{align-self:flex-start;color:#c4beb3;width:32px;height:32px;cursor:pointer}#hid-avatar-guide .guide-body{padding:0 18px}#hid-avatar-guide .phase{display:inline-block;font-size:12px;color:#c9a961;border-bottom:1px solid #c9a96155;padding:3px 0}#hid-avatar-guide .guide-body p{font-size:14px;line-height:1.85;margin:7px 0 14px;overflow-wrap:anywhere}#hid-avatar-guide .guide-footer{padding:7px 10px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c9a96126}#hid-avatar-guide .guide-footer button{font-size:12px;height:36px;color:#dfceac;cursor:pointer}#hid-avatar-guide .guide-footer>span{font-size:12px;display:flex;align-items:center;color:#aaa397;gap:3px}#hid-avatar-guide.closed{border:0;box-shadow:none;background:none;width:auto;backdrop-filter:none;border-radius:100px}#hid-avatar-guide .guide-launcher{height:auto!important;min-height:55px;border-radius:100px!important;padding:5px 16px 5px 5px!important;gap:10px!important;background:#141414!important;color:#f5f2ec!important;border:1px solid #c9a961!important;box-shadow:0 4px 22px #0004;font-size:14px!important;cursor:pointer}#hid-avatar-guide .guide-launcher img{height:43px;width:43px;object-fit:cover;border-radius:50%}
@media(max-width:1023px){#hid-avatar-guide.avatar-guide{bottom:88px}}
@media(max-width:600px){#hid-avatar-guide.avatar-guide{right:10px;bottom:86px;width:310px;max-width:calc(100vw - 20px)}#hid-avatar-guide .guide-heading{padding:9px 11px 5px;gap:9px}#hid-avatar-guide .guide-heading>img{width:40px;height:40px}#hid-avatar-guide .guide-heading strong{font-size:13px}#hid-avatar-guide .guide-heading span{font-size:12px}#hid-avatar-guide .guide-body{padding:0 13px}#hid-avatar-guide .guide-body p{font-size:13px;line-height:1.75;margin:4px 0 9px}#hid-avatar-guide .phase{font-size:12px;padding-top:0}#hid-avatar-guide .guide-footer{padding:3px 8px}#hid-avatar-guide .guide-footer>span{font-size:12px}#hid-avatar-guide .guide-footer button{font-size:12px}#hid-avatar-guide.closed{width:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#hid-avatar-guide{font-family:"Noto Sans JP",sans-serif;line-height:1.5}#hid-avatar-guide *{box-sizing:border-box}#hid-avatar-guide button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;padding:0 8px;border-radius:6px;font-family:inherit;font-weight:500;line-height:1.4}#hid-avatar-guide button:hover{background:#ffffff12}#hid-avatar-guide button:focus-visible{outline:2px solid #c9a961;outline-offset:2px}#hid-avatar-guide button:disabled{opacity:.5}#hid-avatar-guide [hidden]{display:none!important}#hid-avatar-guide .guide-heading button{font-size:23px}#hid-avatar-guide .guide-body{max-height:40dvh;overflow:auto}