/* Shared CEP / browser character tiles and HC duration choices. */
.avatar-picker{gap:12px}
.avatar-picker figure{width:184px;min-width:0;flex:0 1 184px;margin:0;text-align:center}
.avatar-picker .avatar-preview{width:160px;height:160px;max-width:100%;margin:0 auto 8px;image-rendering:pixelated}
.avatar-picker .avatar-arrow{flex-shrink:0}
.avatar-picker .avatar-nameplate{--tile-color:#ff7a86;--tile-edge:#903549;display:flex;align-items:center;justify-content:center;position:relative;width:184px;max-width:100%;height:36px;padding:8px 10px;color:var(--tile-color);background:#171e26;border:3px solid var(--tile-edge);box-shadow:inset 0 2px #39434d,inset 0 -3px #080d14;clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 3px,100% 3px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 3px),0 calc(100% - 3px),0 5px,5px 5px)}
.avatar-nameplate[data-avatar="beat-pilot"]{--tile-color:#73ceff;--tile-edge:#23619d}
.avatar-nameplate[data-avatar="keyframe-ninja"]{--tile-color:#ffd565;--tile-edge:#92712b}
.avatar-nameplate[data-avatar="roto-phantom"]{--tile-color:#cfacff;--tile-edge:#754aa5}
.avatar-nameplate[data-avatar="graph-witch"]{--tile-color:#ff91d7;--tile-edge:#8e367b}
.avatar-nameplate[data-avatar="motion-oni"]{--tile-color:#ffb35c;--tile-edge:#b3532c}
.avatar-nameplate[data-avatar="frame-breaker"]{--tile-color:#c99bff;--tile-edge:#7440a6}
.avatar-nameplate[data-avatar="sync-angel"]{--tile-color:#8ee8ff;--tile-edge:#33839f}
.avatar-nameplate[data-avatar="glitch-fox"]{--tile-color:#a3f5ce;--tile-edge:#398d75}
.avatar-nameplate[data-avatar="render-mecha"]{--tile-color:#9dbbff;--tile-edge:#4666b4}
.avatar-nameplate .pixel-title{display:block;max-width:100%;height:16px;overflow:visible;shape-rendering:crispEdges}
.pixel-title .pixel-shadow{fill:#070b12}
.pixel-title .pixel-letters{fill:currentColor}
.hc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.settings-menu .avatar-picker .avatar-preview{width:80px;height:80px}
.hc-duration{margin:15px 0 18px}
.hc-duration-label{font:inherit;font-size:12px;color:inherit;opacity:.75;margin:0 0 9px}
.hc-duration-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hc-duration-options button{font:inherit;font-size:12px;font-weight:700;line-height:1;padding:12px 3px;min-height:40px;border:1px solid #5c68522e;border-radius:0;background:#5c685210;color:inherit}
.hc-duration-options button.active{background:#d7f47a;border-color:#b5d451;color:#26321d;box-shadow:inset 0 -2px #acc85b}
.hc-duration-options button:focus-visible{outline:2px solid #87a34b;outline-offset:3px}
.hc-custom-duration{margin-top:12px}
.hc-custom-duration[hidden]{display:none!important}
.hc-custom-duration input{margin-bottom:0}
.hc-render-duration{display:block;margin:0 0 18px}