.voice-library{margin:20px 0 25px;border:1px solid #8d7548;border-top:2px solid #cfad6e;border-radius:5px;padding:22px;background:radial-gradient(ellipse at top right,#715b252e,transparent 60%),linear-gradient(135deg,#24372c,#132727);box-shadow:inset 0 0 0 3px #0b1b174f,0 3px 10px #0003}
.voice-library-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.voice-library h2{font-size:31px;margin:8px 0}.voice-library-top p{font-size:13px;color:#b3beac;margin:8px 0}.voice-seal{font-family:Georgia,serif;font-size:44px;display:grid;place-items:center;flex-shrink:0;width:70px;height:70px;border:2px solid #9b814c;border-radius:50%;color:#dbbd7a;background:radial-gradient(#46523a,#182c23);box-shadow:inset 0 0 0 4px #17291e,0 0 0 1px #1a1c0c,0 3px 8px #0006}
.voice-region-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.voice-region-actions small,.voice-place .button small{margin-left:12px;color:#c4b98f;font-size:11px}.voice-library details{margin:12px 0 0;background:#11251f66}.voice-library-body{padding:18px}.voice-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.voice-filters label{font-size:12px;color:var(--muted)}.voice-filters input,.voice-filters select{display:block;width:100%;font-size:12px;padding:10px;margin-top:6px;background:#12251f;border:1px solid #726742;border-radius:3px;color:#e0d8b7}.voice-story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:420px;overflow-y:auto;padding:4px}.voice-story{display:flex;align-items:center;gap:12px;text-align:left;padding:13px;min-width:0}.voice-story>span:nth-child(2){flex:1;min-width:0}.voice-story b{font-size:13px;line-height:1.4;display:block}.voice-story small{font-size:10px;font-weight:400;line-height:1.5;display:block;color:#a6b6a0;margin-top:5px}.voice-story time{font-size:11px;color:#c6b27e}.voice-story-symbol{font-family:Georgia,serif;font-size:22px;color:#dbbc70}.voice-story.playing{border-color:#d3b469!important;box-shadow:inset 3px 0 0 #ddb767,0 0 8px #d3aa5226!important}.voice-credit{font-size:10px!important;line-height:1.8;color:#9ea892;margin:14px 0 0!important}.voice-credit a{color:#d8bd80;text-decoration:underline;text-underline-offset:3px}.voice-place{border-top:1px solid #85754777;margin-top:10px;padding-top:19px;grid-column:1/-1}.voice-place h4{margin:17px 0 10px}.voice-place .button{font-size:12px;padding:9px 13px;text-align:left;line-height:1.5}.voice-quest-buttons{display:flex;gap:9px;flex-wrap:wrap}.voice-place p{margin:7px 0 12px}
.voice-dock{position:fixed;bottom:15px;left:282px;right:24px;z-index:70;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px 20px;max-width:1190px;margin:auto;padding:17px 21px;background:linear-gradient(120deg,#263a2bfa,#112521fa);backdrop-filter:blur(16px);border:1px solid #b08e51;border-top:2px solid #e0bb73;border-radius:5px;box-shadow:inset 0 0 0 2px #0b171044,0 5px 35px #000c;color:#e8dfc5}.voice-dock[hidden]{display:none}.voice-now b{display:block;font-family:var(--serif);font-size:23px;line-height:1.3;margin-top:3px}.voice-now .eyebrow{font-size:9px}.voice-status{font-size:10px;color:#b0bc9c;display:block;margin-top:3px}.voice-transport{display:flex;gap:7px;align-items:start;flex-wrap:wrap}.voice-transport .button{font-size:12px;min-height:37px;padding:7px 11px}.voice-timeline{display:flex;align-items:center;gap:11px;grid-column:1/-1}.voice-timeline input{flex:1;min-width:20px;height:7px;margin:6px 0}.voice-timeline time{font-variant-numeric:tabular-nums;color:#c8ba8b;font-size:11px;min-width:30px}.voice-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center;grid-column:1/-1;color:#b6c0a8}.voice-options label{font-size:10px;display:flex;gap:7px;align-items:center}.voice-options select{font-size:11px;min-width:68px;padding:5px 8px}.voice-volume input{width:65px;height:5px}.voice-autonext input{width:13px;height:13px}.voice-options .button{font-size:10px;min-height:31px;padding:5px 10px;margin-left:auto}.voice-caption{grid-column:1/-1;margin:0;padding:7px 11px;border-left:2px solid #caaa6d;background:#061b1380;font-size:13px;color:#f0e5c8;line-height:1.6;max-height:96px;overflow:auto}.voice-caption:empty{display:none}.voice-track-note{grid-column:1/-1;font-size:10px;line-height:1.6;color:#d3b884;margin:0}.voice-transcript{grid-column:1/-1;max-height:190px;overflow:auto;background:#0e221bd1;padding:14px;border:1px solid #73684077;border-radius:3px;font-size:13px}.voice-transcript p{margin-top:0}.has-voice-dock main{padding-bottom:310px}.voice-dock [hidden]{display:none}
@media(max-width:1180px) and (min-width:901px){.voice-dock{left:241px;right:21px}}
@media(max-width:900px){.voice-dock{left:16px;right:16px;bottom:12px}.voice-filters{grid-template-columns:1fr 1fr}.voice-filters label:first-child{grid-column:1/-1}}
@media(max-width:580px){.voice-library{padding:16px}.voice-library h2{font-size:27px}.voice-seal{width:46px;height:46px;font-size:29px;border-width:1px}.voice-region-actions .button{width:100%;font-size:12px;justify-content:flex-start}.voice-library-body{padding:12px}.voice-story-list{grid-template-columns:1fr;max-height:360px}.voice-dock{left:8px;right:8px;bottom:8px;padding:12px;gap:8px;grid-template-columns:1fr}.voice-now b{font-size:21px}.voice-transport{grid-row:2}.voice-transport .button{min-height:39px;flex:1;padding:6px;font-size:11px}.voice-options{gap:8px}.voice-volume{display:none!important}.voice-caption{font-size:12px;max-height:76px}.voice-transcript{max-height:130px}.voice-library .eyebrow{font-size:9px}.voice-quest-buttons .button{width:100%}.has-voice-dock main{padding-bottom:380px}}
@media print{.voice-dock{display:none!important}.voice-library{background:white;box-shadow:none}.voice-region-actions,.voice-story-list,.voice-place{display:none}}
.voice-map-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;border:1px solid #7d6b43;border-radius:4px;background:linear-gradient(100deg,#35422b,#172e26);margin:16px 0}.voice-map-bar>div{flex:1}.voice-map-bar .eyebrow{display:block;font-size:9px}.voice-map-bar b{display:block;font-size:13px;color:#dacda6}.voice-map-bar .button{font-size:12px;min-height:37px;padding:8px 12px}.voice-map-bar small{margin-left:10px;font-size:10px;color:#bbad82}.voice-map-bar[hidden]{display:none}
@media(max-width:520px){.voice-map-bar{gap:8px;padding:12px}.voice-map-bar>div{flex-basis:100%}.voice-map-bar .button{flex:1;font-size:11px;min-height:40px}.voice-map-bar small{display:none}}
.voice-center-intro{display:flex;gap:27px;align-items:center;padding:30px;border:1px solid var(--gold);border-radius:5px;background:radial-gradient(ellipse at left top,#a37b2530,transparent 65%),var(--panel,#182a29);box-shadow:inset 0 0 0 3px #07121866;margin-bottom:20px}.voice-center-emblem{flex:none;display:grid;place-items:center;width:106px;height:106px;border:2px solid var(--gold);border-radius:50%;font:65px Georgia,serif;color:var(--gold);background:#07141380;box-shadow:0 0 25px #be944c26,inset 0 0 0 6px #07141377}.voice-center-intro h2{font:34px/1.15 var(--serif);margin:10px 0;color:var(--gold)}.voice-center-intro p{color:var(--muted);font-size:14px;line-height:1.7}.voice-center-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:17px}.voice-big-play{min-height:47px!important;font-size:14px!important;padding:11px 19px!important}.voice-big-play>span{font-size:19px;margin-right:8px}.voice-center-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #85704a70;background:var(--panel,#182a29);margin-bottom:17px}.voice-center-stats>div{padding:17px 21px;border-right:1px solid #85704a40}.voice-center-stats>div:last-child{border:0}.voice-center-stats b{display:block;color:var(--gold);font:35px var(--serif)}.voice-center-stats span{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:5px}.voice-center-coverage{border-left:3px solid var(--gold);background:#94732e13;padding:15px 18px;line-height:1.8;font-size:13px;color:var(--muted)}.voice-center-coverage b{color:var(--gold)}.voice-center-filters{display:grid;grid-template-columns:1.55fr 1fr 1fr .85fr auto;gap:12px;align-items:end;border:1px solid #85704a70;background:var(--panel,#182a29);padding:20px;margin:22px 0 10px}.voice-center-filters label{font-size:11px;line-height:1.5;color:var(--muted);min-width:0}.voice-center-filters input,.voice-center-filters select{display:block;width:100%;min-width:0;margin-top:7px;padding:11px 10px;font-size:12px;background:#101916;color:#e6dfcc;border:1px solid #85704a90;border-radius:3px}.voice-center-filters .button{min-height:40px;padding:10px 13px;font-size:12px}.voice-center-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0}.voice-center-list-head p{font-size:12px;line-height:1.7;color:var(--muted)}.voice-center-list-head .button{flex:none;font-size:12px;padding:10px 14px}.voice-center-now{padding:11px 15px;border:1px solid #b39b6340;background:#0b171680;font-size:12px;color:var(--gold);line-height:1.6}.voice-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:19px 0}.voice-center-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #77714d70;border-top:2px solid var(--gold);border-radius:4px;background:var(--panel,#182a29);transition:border-color .18s,transform .18s,box-shadow .18s}.voice-center-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 4px 15px #0003}.voice-center-card.is-current{outline:1px solid var(--gold);box-shadow:0 0 20px #c8983520}.voice-center-card-top{display:flex;gap:10px;justify-content:space-between;align-items:center;color:var(--gold);font-size:10px;letter-spacing:1px}.voice-center-card-top time{font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:0;white-space:nowrap}.voice-center-card h3{font:26px/1.2 var(--serif);margin:16px 0 8px;color:#e8dcc0;overflow-wrap:anywhere}.voice-center-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:3px 0 10px}.voice-center-card .voice-center-context{font-size:12px;flex:1}.voice-center-card .voice-center-actions{margin-top:11px}.voice-center-card .button:not(.voice-big-play){font-size:11px;padding:9px 12px}.voice-center-empty{grid-column:1/-1;padding:30px;border:1px dashed #8b794f;background:var(--panel,#182a29);text-align:center}.voice-center-empty h3{font:30px var(--serif);color:var(--gold)}.voice-center-empty p{font-size:14px;line-height:1.8;color:var(--muted);max-width:660px;margin:16px auto}.voice-center-about{margin-top:26px;border:1px solid #7a705055;background:var(--panel,#182a29)}.voice-center-about summary{padding:18px;color:var(--gold);cursor:pointer;font-size:13px}.voice-center-about>div{padding:0 22px 20px;font-size:13px;line-height:1.85;color:var(--muted)}.voice-center-about a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.quest-voice-banner{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:20px 23px;margin:0 0 24px;border:1px solid var(--gold);border-radius:4px;background:radial-gradient(ellipse at left,#bb924622,transparent 75%),var(--panel,#182a29)}.quest-voice-banner h2{margin:0 0 8px;font:27px var(--serif);color:var(--gold)}.quest-voice-banner p{font-size:12px;line-height:1.75;margin:0;color:var(--muted)}.quest-voice-banner>.button{flex:none;min-height:45px;font-size:12px}.quest-voice-badge{display:inline-block!important;width:max-content;margin-top:5px;padding:3px 7px;border:1px solid #a8985866;background:#ac8a1d17;color:var(--gold)!important;font-size:10px!important;line-height:1.6!important}.quest-voice-badge.is-unavailable{color:var(--muted)!important;border-color:#7c8c7540;background:transparent}.quest-card .quest-audio{padding:21px!important;margin:20px 0!important;border:1px solid var(--gold)!important;border-left:4px solid var(--gold)!important;background:radial-gradient(ellipse at right,#a47b2120,transparent 70%),var(--panel,#182a29)!important}.quest-audio h4{color:var(--gold)!important;font:26px var(--serif)!important;margin:0 0 15px!important}.quest-audio .button{min-height:45px!important;padding:11px 17px!important;font-size:13px!important}.quest-audio .micro{margin:13px 0 0!important}.quest-voice-unavailable{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;margin:17px 0;border:1px dashed #8a81535c;color:var(--muted);font-size:12px;line-height:1.7}.quest-voice-unavailable .button{font-size:11px;flex:none;padding:8px 12px}.quest-voice-status{font-size:12px;color:var(--gold);min-height:20px;margin:10px 0 0}
body[data-profile=shaman] .voice-library,body[data-profile=shaman] .voice-dock,body[data-profile=shaman] .voice-map-bar{background:linear-gradient(130deg,#203b50f5,#132237f7)}body[data-profile=paladin] .voice-library,body[data-profile=paladin] .voice-dock,body[data-profile=paladin] .voice-map-bar{background:linear-gradient(130deg,#3c302af5,#241c27f7)}
@media(max-width:1200px){.voice-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-center-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-center-filters>label:first-child{grid-column:1/-1}.voice-center-filters>.button{grid-column:1/-1;justify-self:start}}
@media(max-width:650px){.voice-center-intro{padding:21px;gap:17px;align-items:flex-start}.voice-center-emblem{width:58px;height:58px;font-size:35px}.voice-center-intro h2{font-size:28px}.voice-center-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-center-stats>div{padding:14px}.voice-center-stats b{font-size:29px}.voice-center-grid{grid-template-columns:1fr}.voice-center-card{padding:20px}.voice-center-list-head{align-items:stretch;flex-direction:column;gap:0}.voice-center-list-head .button{align-self:start}.quest-voice-banner{align-items:stretch;flex-direction:column}.quest-voice-banner>.button{align-self:start}.quest-voice-unavailable{align-items:flex-start;flex-direction:column}.voice-center-actions .button{width:100%;justify-content:center}.voice-options #voiceFileLink{margin-left:0}.voice-center-filters{padding:15px;gap:14px 9px}}
@media(prefers-reduced-motion:reduce){.voice-center-card{transition:none}.voice-center-card:hover{transform:none}}