/* UI-025 · bright detail route only. Dock and the resume button keep their own styles. */
.phone #routePanel:has(>.drama-detail):has(>.detail-route-top) {background:linear-gradient(180deg,#fffafc,#f5f0ff 62%,#fff8fb);color:#402d50;}
.phone #routePanel:has(>.drama-detail)>.route-top.detail-route-top {background:rgb(251 247 255 / var(--drama-topbar-bg-alpha,0.6));color:#402d50;}
.phone #routePanel:has(>.drama-detail)>.detail-route-top>button {color:#634b78;}
.drama-detail {--drama-text:#402d50;--drama-muted:#7f6c8b;color:var(--drama-text);}
.drama-detail>.drama-cover {border-color:#e9def2;background:#efe6f5;box-shadow:0 8px 25px #6949850b;}
.drama-detail>.drama-heading {padding:21px 20px;margin:19px 0 14px;border:0;border-radius:18px;background:linear-gradient(130deg,#f0e5fb,#eeeaff);}
.drama-detail>.drama-heading small {color:#88678e;}
.drama-detail>.drama-heading h1 {color:#4d305e;font-size:28px;font-weight:650;line-height:1.4;margin:10px 0 0;}
.drama-detail>.drama-detail-meta {margin:14px 1px 20px;}
.drama-detail>.drama-detail-meta:empty {display:none;}
.drama-detail-meta>.drama-detail-count {color:#80698b;}
.drama-detail-summary {padding:20px;margin:22px 0;border:0;border-radius:18px;background:#fff1f6;}
.drama-detail-summary>h2,.drama-selection-heading>h2 {color:#573b67;font-size:17px;font-weight:650;line-height:1.6;margin:0;}
.drama-detail-summary>p {color:#75617e;font-size:13px;line-height:1.95;margin:10px 0 0;overflow-wrap:anywhere;}
.drama-detail-selection {padding:19px 17px 18px;margin:22px 0;border:0;border-radius:18px;background:#fffdfa;}
.drama-selection-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.drama-selection-heading>span {color:#8b7696;font-size:11px;line-height:1.7;}
.drama-detail-selection>.drama-episodes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;}
.drama-detail .drama-episode {border-color:#e9dff0;background:#fff;box-shadow:0 3px 10px #51316304;}
.drama-detail .drama-episode>strong {color:#533d65;font-weight:600;}
.drama-detail .drama-episode>small {color:#8a7398;}
.drama-detail .drama-episode:is([aria-current=true],.is-current) {border-color:#bb98d5;background:#f0e5fa;}
.drama-detail .drama-access {color:#725985;border-color:#e3d7ed;background:#f4edf9;}
.drama-detail .drama-access:is([data-state=free],[data-state=owned]) {color:#4b714f;border-color:#d5e5ca;background:#edf6e8;}
.drama-detail .drama-access:is([data-state=coins],[data-state=coin]) {color:#954166;border-color:#efd3e1;background:#fcebf2;}
.drama-detail .drama-access[data-state=vip] {color:#825d29;border-color:#eedebd;background:#fff3db;}
.drama-detail>.drama-note {color:#806d8b!important;}
.drama-detail .drama-detail-tag[data-tone="0"] {--drama-tag-background:#e9dcfa;--drama-tag-text:#643a82;}
.drama-detail .drama-detail-tag[data-tone="1"] {--drama-tag-background:#fbdae6;--drama-tag-text:#8b3e60;}
.drama-detail .drama-detail-tag[data-tone="2"] {--drama-tag-background:#dcecff;--drama-tag-text:#345d8d;}
.drama-detail .drama-detail-tag[data-tone="3"] {--drama-tag-background:#d1f1eb;--drama-tag-text:#266b66;}
.drama-detail .drama-detail-tag[data-tone="4"] {--drama-tag-background:#ffeac5;--drama-tag-text:#82591d;}
.drama-detail .drama-detail-tag[data-tone="5"] {--drama-tag-background:#e3efd3;--drama-tag-text:#4c6b36;}
@media(max-width:350px){.drama-detail>.drama-heading{padding:18px 16px}.drama-detail>.drama-heading h1{font-size:25px}.drama-detail-summary{padding:18px 16px}.drama-detail-selection{padding:17px 13px}}