/* GTA covers: readable live type, real rank emblem, one compact editor. */
.cs-voice-cover{--voice-accent:#f5e3ae;position:relative;isolation:isolate;min-height:270px;background:#182333;color:#fff;overflow:hidden;text-align:left}
.cs-voice-art,.cs-voice-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.cs-voice-art{object-fit:cover;object-position:center}
.cs-voice-shade{z-index:-1;background:linear-gradient(90deg,#080e1ce6 0%,#080e1c80 48%,#080e1c0d 78%),linear-gradient(0deg,#080e1c70,transparent 70%)}
.cs-voice-copy{position:relative;padding:34px 220px 60px 36px;min-width:0}
.cs-voice-kicker{display:block;font:600 8px/1.6 'Montserrat',sans-serif;letter-spacing:.17em;color:#fff9;margin-bottom:25px}
.cs-voice-intro{display:block;font:700 13px/1.3 'Space Grotesk',sans-serif;letter-spacing:.2em;color:var(--voice-accent);margin-bottom:7px}
.cs-voice-name{display:block;font:700 clamp(30px,4.4vw,58px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.055em;text-shadow:0 3px 12px #0007;overflow-wrap:anywhere}
.cs-voice-rank{display:inline-flex;align-items:center;gap:9px;margin-top:15px;font:600 10px/1.6 'Montserrat',sans-serif;color:#fff}
.cs-voice-rank i{font-style:normal;color:var(--voice-accent)}
.cs-voice-tier-1{--voice-accent:#c6eeff}.cs-voice-tier-1 .cs-voice-name{font-family:'Chalet London 1960','Space Grotesk',sans-serif;font-weight:400;letter-spacing:-.025em}
.cs-voice-tier-2{--voice-accent:#fce5a2}.cs-voice-tier-2 .cs-voice-name{font-family:'Pricedown','Space Grotesk',sans-serif;font-weight:400;letter-spacing:.015em;font-size:clamp(38px,5.6vw,76px);text-shadow:0 3px 0 #101522,0 6px 18px #0008;-webkit-text-stroke:.5px #fff5}
.cs-voice-tier-3{--voice-accent:#ffe29a}.cs-voice-tier-3 .cs-voice-name{font-family:'Diploma','Pricedown',sans-serif;font-weight:400;letter-spacing:.005em;font-size:clamp(40px,5.5vw,78px);color:#fff3ce;filter:drop-shadow(0 2px 0 #291c0b)}
.cs-voice-achievement{position:absolute;right:28px;top:38px;width:165px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:17px}
.cs-voice-emblem{position:relative;animation:cs-badge-float 4.6s ease-in-out infinite;filter:drop-shadow(0 14px 12px #0007)}
.cs-voice-emblem::before{content:'';position:absolute;inset:-18px;background:radial-gradient(ellipse,#ffeaa537,transparent 65%);z-index:-1}
.cs-voice-cover .emb.cs-banner-emblem{width:125px;height:125px;transform:rotate(-5deg)}
.cs-voice-cover .emb.cs-banner-emblem b{height:30px;min-width:30px;right:0;bottom:0;font:800 14px/1 'Montserrat',sans-serif;border:2px solid #fff}
.cs-voice-cover .emb.cs-banner-emblem .emb-etoile{font-size:26px;right:0;top:-4px}
.cs-voice-achievement>span{font:650 10px/1.5 'Montserrat',sans-serif;color:var(--voice-accent);text-shadow:0 2px 5px #000;padding:5px 11px;border:1px solid #fff3;border-radius:99px;background:#0b111e70;backdrop-filter:blur(10px);max-width:100%}
.cs-voice-edit{position:absolute;bottom:16px;right:18px;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #ffffff5c;border-radius:8px;background:#10192794;color:#fff;font:600 10px/1.5 'Montserrat',sans-serif!important;backdrop-filter:blur(12px)}
.cs-voice-edit:hover{background:#ffffff2b;border-color:#fff9}
.cs-voice-edit:focus-visible,.cs-banner-choice:focus-visible{outline:3px solid #7ec7ff;outline-offset:3px}
.cs-voice-mini{min-height:120px;height:120px}.cs-voice-mini .cs-voice-copy{padding:22px 85px 16px 19px}.cs-voice-mini .cs-voice-kicker,.cs-voice-mini .cs-voice-rank,.cs-voice-mini .cs-voice-achievement>span{display:none}
.cs-voice-mini .cs-voice-intro{font-size:8px;margin:0 0 9px;letter-spacing:.17em}.cs-voice-mini .cs-voice-name{font-size:24px;line-height:1.05}
.cs-voice-mini .cs-voice-achievement{width:67px;right:11px;top:26px}.cs-voice-mini .emb.cs-banner-emblem{width:60px;height:60px}.cs-voice-mini .emb.cs-banner-emblem b{height:19px;min-width:19px;font-size:9px;right:-2px;bottom:-2px}.cs-voice-mini .emb.cs-banner-emblem .emb-etoile{font-size:16px}.cs-voice-mini .cs-voice-emblem{animation:none}
.cs-banner-picker{padding-top:16px!important}.cs-banner-preview{overflow:hidden;border-radius:14px;border:1px solid #fff2}.cs-banner-preview .cs-voice-cover{min-height:240px}.cs-banner-preview .cs-voice-copy{padding-left:26px;padding-bottom:30px}.cs-banner-preview .cs-voice-name{font-size:40px}.cs-banner-preview .cs-voice-achievement{top:35px}
.cs-banner-hint{font:11px/1.8 'Montserrat',sans-serif;color:var(--ink3);margin:15px 0 18px}
.cs-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cs-banner-choice{display:block;min-width:0;padding:0;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:11px;overflow:hidden;text-align:left;transition:border-color .15s,box-shadow .15s}
.cs-banner-choice img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover}
.cs-banner-choice>span{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font:600 10px/1.6 'Montserrat',sans-serif}.cs-banner-choice i{font-style:normal;font-size:14px;color:var(--brand-t)}
.cs-banner-choice.on{border-color:var(--brand-t);box-shadow:0 0 0 2px var(--brand-s)}.cs-banner-choice:hover{border-color:var(--brand-t)}.cs-banner-choice:disabled{opacity:.65;cursor:wait}
@keyframes cs-badge-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-7px) rotate(-2deg)}}
@media(max-width:560px){.cs-voice-cover{min-height:245px}.cs-voice-copy{padding:25px 115px 55px 20px}.cs-voice-kicker{font-size:6px;letter-spacing:.1em;margin-bottom:30px}.cs-voice-intro{font-size:10px}.cs-voice-name{font-size:29px}.cs-voice-tier-2 .cs-voice-name,.cs-voice-tier-3 .cs-voice-name{font-size:37px}.cs-voice-rank{font-size:8px;gap:5px;flex-wrap:wrap;margin-top:12px}.cs-voice-achievement{right:11px;top:68px;width:94px;gap:12px}.cs-voice-cover .emb.cs-banner-emblem{width:78px;height:78px}.cs-voice-cover .emb.cs-banner-emblem b{min-width:23px;height:23px;font-size:11px}.cs-voice-achievement>span{font-size:8px;padding:4px 6px}.cs-voice-edit{right:12px;bottom:13px;font-size:9px!important}.cs-banner-preview .cs-voice-copy{padding:23px 115px 33px 18px}.cs-banner-preview .cs-voice-name{font-size:30px}.cs-banner-preview .cs-voice-achievement{top:65px}.cs-voice-mini{min-height:120px}.cs-voice-mini .cs-voice-name{font-size:23px}.cs-voice-mini .cs-voice-achievement{top:26px;right:10px}.cs-voice-mini .emb.cs-banner-emblem{width:60px;height:60px}.cs-banner-grid{gap:9px}.cs-banner-choice>span{font-size:9px;padding:8px}.cs-banner-preview .cs-voice-cover{min-height:220px}}
@media(prefers-reduced-motion:reduce){.cs-voice-emblem{animation:none!important}.cs-banner-choice{transition:none}}
.cs-voice-xp{width:280px;max-width:100%;margin-top:13px}
.cs-voice-xp-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font:500 9px/1.4 'Montserrat',sans-serif;font-variant-numeric:tabular-nums;color:#ffffffe0;text-shadow:0 1px 4px #0009}
.cs-voice-xp-label strong{color:var(--voice-accent);font-weight:750}.cs-voice-xp-label i{font-style:normal;color:#ffffffad}.cs-voice-xp-label>span:last-child{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#ffffffc9;font-size:8px}
.cs-voice-xp-track{height:6px;border-radius:99px;background:#ffffff24;box-shadow:inset 0 1px 2px #0004,0 1px 0 #ffffff0f;overflow:hidden}
.cs-voice-xp-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--voice-accent) 68%,#fff),var(--voice-accent));box-shadow:0 0 12px color-mix(in srgb,var(--voice-accent) 50%,transparent)}
@media(max-width:560px){.cs-voice-xp{margin-top:12px}.cs-voice-xp-label{flex-wrap:wrap;gap:3px 8px;font-size:8px;margin-bottom:6px}.cs-voice-xp-label>span:last-child{font-size:7px}.cs-voice-xp-track{height:5px}}