/* v12.23 shared frame, topic panel, farm board, and compact dialogs. */
.topbar{position:relative;top:auto;height:auto;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;max-width:1320px;margin:auto;gap:18px;padding:12px 22px}
.topbar nav{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;overflow:visible;white-space:normal;min-width:0;width:auto;order:initial}
.topbar nav .nav{white-space:nowrap;padding:8px 10px}
.topbar .account-actions{margin:0;min-width:0;justify-self:end;position:relative}
.account-trigger{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-popover{min-width:235px;max-width:min(300px,90vw);padding:12px;right:0;left:auto;z-index:20}
.account-popover .account-switch,.account-popover a{display:block;width:100%;text-align:left;margin:4px 0;white-space:normal}
.account-scope{font-weight:700;margin:2px 0 4px}.account-support,.account-help{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin:3px 0 10px}
.welcome-frame{max-width:1100px;width:min(100%,1100px);display:grid;grid-template-columns:1.25fr .8fr;gap:36px;padding:38px;margin:8vh auto;align-items:center}
.welcome-frame h2{font-size:clamp(30px,4vw,54px);line-height:1.06;margin:13px 0 20px;max-width:650px}.welcome-frame p{line-height:1.6}
.welcome-features{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.welcome-features span{border:1px solid var(--line);background:var(--panel2);padding:9px 12px;border-radius:9px}
.welcome-choice{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.welcome-choice .auth-choices{display:grid;gap:10px;margin:20px 0}.welcome-choice small{color:var(--muted)}
.guide-dialog{max-width:min(900px,94vw);width:min(900px,94vw)}.guide-dialog-inner{width:100%;max-width:none;padding:24px 28px}.guide-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;margin-top:18px}.guide-nav{display:flex;flex-direction:column;align-items:stretch;gap:5px;position:sticky;top:0;align-self:start}.guide-nav a{display:block;text-decoration:none;padding:9px 12px;border-radius:8px;border:1px solid var(--line)}.guide-nav a[aria-current="page"]{background:var(--panel2);color:var(--gold)}.guide-content{min-width:0}.guide-content .guide-section{margin:0}.guide-section[hidden]{display:none}
.manage-data-dialog,.version-dialog{width:min(580px,94vw);max-width:min(580px,94vw)}.manage-data-dialog .dialog,.version-dialog .dialog{width:100%;max-width:none;box-sizing:border-box;padding-right:28px}.version-dialog-inner .footer-notes{max-width:100%;padding-right:0}.manage-data-dialog .dialog-close,.version-dialog .dialog-close{right:14px}
#feedbackDialog{width:min(680px,94vw);max-height:min(88vh,850px);overflow:auto}.feedback-dialog,.feedback-conversations{width:100%;box-sizing:border-box;max-width:none}.feedback-conversations{padding:0 24px 24px}.feedback-conversations h3{margin:8px 0}.feedback-ticket{border:1px solid var(--line);border-radius:10px;margin:9px 0;padding:12px;background:var(--panel2)}.feedback-ticket summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.feedback-message{padding:10px 12px;border-left:3px solid var(--gold);margin:10px 0;background:var(--panel)}.feedback-message.from-creator{border-color:#65b9c8}.feedback-message p{white-space:pre-wrap;margin:5px 0 0}.feedback-ticket textarea{width:100%;box-sizing:border-box}.feedback-thread{border-top:1px solid var(--line);margin-top:10px}.feedback-thread p{white-space:pre-wrap}
.farm-heading{align-items:flex-start}.farm-lead{display:flex;justify-content:space-between;align-items:center;gap:20px}.farm-lead p{max-width:660px}.farm-switches{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.farm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.farm-card{min-width:0}.farm-card h3{margin:13px 0}.farm-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.farm-rate{display:block;color:var(--gold);font-size:30px;margin:8px 0}.farm-rate small{font-size:14px;margin-left:3px}.farm-empty{grid-column:1/-1}.farm-journal{margin-top:20px}.farm-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.farm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.farm-metrics>div{padding:13px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.farm-metrics small,.farm-metrics strong{display:block}.farm-metrics small{color:var(--muted)}.farm-metrics strong{color:var(--gold);margin-top:5px}.farm-session{padding:14px 0;border-top:1px solid var(--line);line-height:1.55}.farm-session small{color:var(--muted)}.farm-session details{margin:8px 0}.farm-warning{color:#e5b65a;line-height:1.45}.farm-dialog{width:min(590px,94vw);max-width:none;box-sizing:border-box}.farm-dialog label{display:block;margin:10px 0}.farm-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.farm-input-grid input,.farm-dialog input,.farm-dialog textarea{max-width:100%;box-sizing:border-box}
.item-link{color:var(--gold);text-underline-offset:2px}.item-row{display:flex;justify-content:space-between;gap:12px}.item-row>*{min-width:0;overflow-wrap:anywhere}.outlook-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.outlook-grid>div{min-width:0;padding:18px;background:var(--panel2);border:1px solid var(--line);border-radius:10px}.outlook-pill{color:var(--gold);white-space:nowrap}.outlook-run{border-top:1px solid var(--line);padding:8px 0}.outlook-run span{display:block}.outlook-run summary{cursor:pointer}.reset-outlook .section-heading{align-items:start}
.hunt-gateways{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.hunt-gateways .hub-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.hunt-gateways .hub-card .btn{margin-top:auto}.hunt-board-split,.reputation-first-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:15px;margin:16px 0}.hunt-target-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.hunt-target-row>span:nth-child(2){display:grid;gap:3px}.hunt-target-row small{color:var(--muted)}.reputation-expansion-list{display:grid;gap:10px}.reputation-expansion-list details>summary{cursor:pointer}.reputation-expansion-list .reputation-reward{margin-top:9px}.pending-learned{font-size:11px;white-space:normal;max-width:130px}
@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.topbar nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}.topbar .account-actions{grid-column:2;grid-row:1}}
@media(max-width:680px){.topbar{padding:10px 12px;gap:7px}.topbar nav{justify-content:center}.topbar nav .nav{font-size:12px;padding:7px}.account-trigger{max-width:112px}.welcome-frame{grid-template-columns:1fr;margin:20px auto;padding:22px;gap:15px}.guide-layout,.outlook-grid,.hunt-board-split,.reputation-first-grid{grid-template-columns:1fr}.hunt-gateways{grid-template-columns:1fr}.guide-nav{position:static;flex-direction:row;flex-wrap:wrap}.guide-nav a{font-size:12px;padding:7px}.farm-lead,.farm-card-top{flex-wrap:wrap}.farm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.farm-input-grid{grid-template-columns:1fr}.feedback-ticket summary{display:block}}
/* v12.24: keep the established full-width, centered header and shared cards. */
.topbar{max-width:none;width:auto;margin:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:18px;padding:12px max(18px,calc((100vw - 1200px)/2));background:#100c17}
.topbar .brand{min-width:0;justify-self:start}.topbar nav{flex:none;justify-content:center;flex-wrap:nowrap;white-space:nowrap;gap:4px}.topbar nav .nav{font-size:14px;padding:9px 10px}.topbar .account-actions{justify-self:end}
@media(max-width:1220px){.topbar{grid-template-columns:minmax(0,1fr) auto}.topbar nav{grid-column:1/-1;grid-row:2;justify-content:center;flex-wrap:wrap;white-space:normal;width:100%}.topbar .account-actions{grid-column:2;grid-row:1}}
@media(max-width:680px){.topbar{padding:10px 12px;gap:8px}.topbar nav .nav{font-size:12px;padding:7px 8px}}

.welcome-frame{background:linear-gradient(130deg,color-mix(in srgb,var(--panel) 90%,#142b3a),var(--panel));box-shadow:0 20px 55px #0005}.welcome-preview{display:grid;gap:0;margin:25px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.welcome-preview>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 12px;padding:12px 15px;border-bottom:1px solid var(--line)}.welcome-preview>div:last-child{border:0}.welcome-preview span{grid-row:1/3;color:var(--gold);font-weight:700}.welcome-preview strong,.welcome-preview small{display:block}.welcome-preview small{color:var(--muted)}

.compact-roster-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:24px 0 12px}.compact-roster-heading h3{margin:3px 0;font:700 23px Georgia,serif}.compact-roster-heading p{margin:3px 0}.compact-roster-heading>small{color:var(--muted)}.roster-group{margin:15px 0}.roster-group h4{margin:0 0 9px;color:var(--gold)}.roster-group h4 small{color:var(--muted);font-weight:400}.compact-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.compact-character{display:flex;gap:12px;align-items:center;min-width:0;text-align:left}.compact-character.is-selected{border-color:var(--gold);background:color-mix(in srgb,var(--panel) 87%,var(--gold) 13%)}.roster-card-copy{display:block;min-width:0;flex:1}.roster-card-copy strong,.roster-card-copy small{display:block}.roster-card-copy small{color:var(--muted);margin:3px 0}.roster-selected{font:600 11px Segoe UI,sans-serif;color:var(--gold);white-space:nowrap}.roster-card-metrics{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:7px}.roster-card-metrics em{font-style:normal;font-size:11px;color:var(--muted)}

.hunt-board-primary{margin:18px 0 22px}.hunt-board-primary>.card{min-height:260px}.hunt-board-primary .card-head{align-items:start}.hunt-board-primary .hub-symbol{margin:0;flex:none}.hunt-board-primary .btn{margin-top:10px}.hunt-gateways{margin:9px 0 18px}.hunt-gateways .hub-card{min-height:190px}.reputation-first-grid>.card{min-width:0}.reputation-expansion-list{margin-bottom:15px}

.results-breakdown{margin:15px 0}.results-component-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0}.results-component-grid>div{padding:12px;background:var(--panel2);border:1px solid var(--line);border-radius:8px}.results-component-grid small,.results-component-grid strong{display:block}.results-component-grid small{color:var(--muted)}.results-component-grid strong{color:var(--gold);margin-top:4px}.results-roster{margin-top:15px}

.reset-outlook{padding:24px;margin:20px 0}.reset-outlook .section-heading{align-items:center;margin:0 0 17px}.reset-outlook h3{font-size:27px}.outlook-grid{grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr);gap:14px}.outlook-grid>div{padding:17px 19px;background:color-mix(in srgb,var(--panel) 82%,#18364a);border-color:#36516a}.outlook-return-row{display:flex;align-items:center;gap:13px;padding:11px 0}.outlook-return-row+.outlook-return-row{border-top:1px solid var(--line)}.outlook-return-row>div{flex:1;min-width:0}.outlook-return-row strong{display:block;font-size:14px}.outlook-return-row p,.outlook-before p{margin:5px 0;color:var(--muted);font-size:13px;line-height:1.5}.outlook-symbol{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#274658;color:#a9d7ee}.outlook-before h4{font:700 21px Georgia,serif;margin:2px 0 9px}.outlook-no-reset{display:inline-block;margin-top:16px;border-radius:20px;padding:7px 12px;color:#91d6bc;background:#24483d;font-size:11px}.outlook-items{margin-top:12px;color:var(--muted);font-size:12px}.outlook-items>summary{cursor:pointer}.outlook-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:10px}.outlook-run{border:1px solid var(--line);border-radius:8px;padding:10px}.outlook-run small{display:block;margin-bottom:6px}

.shared-instance-card{border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden}.shared-instance-card .dash-card-top{min-width:0}.shared-instance-card .dash-card-summary{min-width:0}.shared-instance-card .dash-card-footer{align-items:center}.shared-instance-card .dash-card-actions{flex-wrap:wrap}.route-card .shared-instance-card{border-radius:8px}.route-sample,.dash-gold-sample{display:flex;justify-content:space-between;align-items:center;gap:12px}.route-sample strong,.dash-gold-sample strong{color:var(--gold)}.route-sample small,.dash-gold-sample small{color:var(--muted);font-size:11px}.dash-gold-sample{margin:4px 0}
@media(max-width:900px){.results-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outlook-grid{grid-template-columns:1fr}}
@media(max-width:680px){.compact-roster-heading{align-items:start;flex-direction:column}.outlook-return-row{flex-wrap:wrap}.outlook-return-row .btn{margin-left:43px}.reset-outlook{padding:16px}.outlook-pill{white-space:normal}.welcome-preview>div{padding:10px}}
/* v12.25: layouts aligned with the approved page mockups. */
.roster-featured.featured-character{display:block;min-height:0;padding:20px;margin:17px 0;border-left:1px solid var(--line)}.roster-featured-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.roster-featured-head h3,.roster-all h3{font:700 21px Georgia,serif;margin:0}.roster-sync-pill{font-size:12px;color:#a3d8bd;border-radius:25px;padding:7px 11px;background:color-mix(in srgb,var(--panel2) 70%,#216148);max-width:55%;text-align:right}.roster-featured-main{display:flex;align-items:center;gap:19px;margin:17px 0 15px}.roster-featured-main .featured-avatar.avatar{width:74px;height:74px;flex:none}.roster-featured-main h4{font-size:17px;margin:0}.roster-featured-main h4 span{color:#87c7de}.roster-featured-main p{margin:4px 0;color:var(--muted)}.roster-featured-main small{color:var(--muted)}.roster-featured .featured-actions{display:flex;flex-wrap:wrap;gap:7px}.roster-featured .featured-actions .btn{padding:9px 12px;font-size:12px;min-width:112px}.roster-all{margin-top:17px}.roster-all-list{display:grid;margin-top:14px}.roster-all-row{display:flex;align-items:center;gap:12px;padding:10px 8px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer}.roster-all-row:last-child{border-bottom:0}.roster-all-row:hover,.roster-all-row.is-selected{background:var(--panel2)}.roster-all-row .avatar{width:46px;height:46px;flex:none}.roster-all-row>span:nth-child(2){flex:1;min-width:0}.roster-all-row strong,.roster-all-row small{display:block}.roster-all-row small{color:var(--muted)}.roster-all-row em{font-size:12px;color:var(--gold);font-style:normal;white-space:nowrap}.roster-all-row.is-selected em{padding:5px 9px;border-radius:20px;background:color-mix(in srgb,var(--panel2) 70%,#315547);color:#a3d8bd}.roster-manage-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.roster-manage-footer small{color:var(--muted)}.roster-manage-footer>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.roster-help{margin:7px 0 15px}

.hunt-gateways{margin:18px 0 16px}.hunt-gateways .hub-card{min-height:190px}.hunt-gateways .hub-card .text-link{margin-top:auto;padding:0;font-size:13px}.hunt-board-split{grid-template-columns:minmax(0,1.55fr) minmax(230px,.8fr);margin:0 0 18px}.hunt-board-split .card{min-width:0}.hunt-shared-pill{font-size:11px;color:#a4d9e8;padding:6px 10px;border-radius:20px;background:color-mix(in srgb,var(--panel2) 70%,#284758)}.hunt-target-row .hub-symbol{margin:0;flex:none}.hunt-target-row>span:nth-child(2){flex:1;min-width:0}.hunt-target-row .btn{flex:none;font-size:11px}.hunt-more>summary{cursor:pointer;color:var(--gold);padding:12px 0}.hunt-reputations h3{font:700 21px Georgia,serif}.hunt-reputations>p{color:var(--muted);line-height:1.55}.hunt-rep-link{display:flex;align-items:center;gap:10px;margin:16px 0;padding:15px 0;border-top:1px solid var(--line)}.hunt-rep-link .hub-symbol{margin:0;flex:none}.hunt-rep-link small,.hunt-rep-link strong{display:block}.hunt-rep-link small{color:var(--muted)}

.reputation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.reputation-summary .card{padding:13px}.reputation-summary small,.reputation-summary strong,.reputation-summary span{display:block}.reputation-summary small,.reputation-summary span{font-size:11px;color:var(--muted)}.reputation-summary strong{font-size:22px;color:var(--gold);margin:5px 0}.reputation-feature-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:12px}.reputation-feature-grid>.card{min-width:0}.reputation-feature h3,.reputation-browse h3{font:700 21px Georgia,serif}.reputation-caveat{font-size:11px;color:var(--gold);padding:5px 9px;border-radius:20px;background:var(--panel2)}.reputation-feature .reputation-reward{padding:12px 0}.reputation-feature h4{font:700 18px Georgia,serif;margin:17px 0 5px;padding-top:12px;border-top:1px solid var(--line)}.reputation-near{padding:8px 0}.reputation-near strong,.reputation-near small{display:block}.reputation-near small{font-size:11px;color:var(--muted)}.reputation-progress{display:block;height:6px;background:var(--panel2);border-radius:8px;margin:9px 0}.reputation-progress i{display:block;height:100%;background:#82c2dd;border-radius:8px}.reputation-browse details{border-top:1px solid var(--line);padding:9px 0}.reputation-browse details>summary{cursor:pointer}.reputation-browse details>summary strong,.reputation-browse details>summary small{display:block}.reputation-browse details>summary small{font-size:11px;color:var(--muted)}.reputation-view{font-size:11px;white-space:nowrap;text-decoration:none}.reputation-standings{margin:15px 0}.reputation-standings>summary{cursor:pointer;color:var(--gold);padding:12px}.reputation-standings .reputation-panel{margin-top:8px}

.results-title{margin-bottom:0}.results-overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(225px,.8fr);gap:12px;margin:13px 0}.results-overview-grid .results-trend{margin:0}.results-drop-card h3,.results-performance h3{font:700 20px Georgia,serif}.results-drop-row{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.results-drop-row>span{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:8px;background:var(--panel2);color:var(--gold)}.results-drop-row strong,.results-drop-row small{display:block}.results-drop-row small{color:var(--muted);font-size:11px}.results-performance-scroll{overflow:auto}.results-performance table{width:100%;border-collapse:collapse;min-width:530px}.results-performance th,.results-performance td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.results-performance th{font-size:11px;color:var(--muted);font-weight:600}.results-performance td strong,.results-performance td small{display:block}.results-performance td small{font-size:11px;color:var(--muted)}.results-performance tbody tr:last-child td{border-bottom:0}.results-breakdown-details,.results-collection-details{margin:12px 0;border:1px solid var(--line);border-radius:8px;padding:9px 12px}.results-breakdown-details>summary,.results-collection-details>summary{cursor:pointer;color:var(--gold)}

.shared-instance-card.art-row{padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:0;display:flex;flex-direction:column;gap:13px}.shared-instance-card.art-row::before{opacity:.1;filter:grayscale(1)}.shared-instance-card.art-row::after{background:linear-gradient(90deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel) 86%,transparent))}.shared-instance-card:hover{border-color:var(--gold)}.shared-instance-card.is-paused{opacity:.8}.shared-card-heading{display:flex;align-items:start;gap:13px}.shared-card-index{flex:none;color:#9dd4ef;font-size:13px;font-weight:700;min-width:22px}.shared-card-heading>div{flex:1;min-width:0}.shared-card-heading strong,.shared-card-heading small{display:block}.shared-card-heading strong{font-size:16px}.shared-card-heading small{color:var(--muted);font-size:11px;margin-top:3px}.shared-difficulties{opacity:.75}.shared-card-state{flex:none;color:#a9dfc5;background:var(--panel2);padding:5px 9px;border-radius:18px;font-size:11px}.shared-card-metrics{display:flex;flex-wrap:wrap;gap:10px 20px}.shared-card-metrics span{display:flex;gap:4px;align-items:baseline}.shared-card-metrics strong{font-size:15px;color:var(--gold)}.shared-card-metrics small{color:var(--muted);font-size:11px}.shared-card-rewards{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shared-card-rewards small{font-size:11px;color:var(--muted)}.shared-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shared-focus-grid span{display:block}.shared-focus-grid small,.shared-focus-grid strong{display:block}.shared-focus-grid small{font-size:11px;color:var(--muted)}.shared-focus-grid strong{font-size:22px;color:var(--gold);margin:3px 0}.shared-collection-focus{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;background:var(--panel2);border-radius:8px}.shared-collection-focus small{font-size:11px;color:var(--muted)}.shared-collection-focus strong{color:var(--gold);font-size:17px}.shared-card-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.shared-card-actions>div{display:flex;gap:7px;flex-wrap:wrap}.shared-card-actions .btn{font-size:11px;padding:7px 9px}.dashboard-card-grid,.instance-catalog-list{grid-template-columns:1fr}.route-card .shared-instance-card{height:100%}.route-order-column{align-self:start}.route-item{align-items:stretch}

.reset-outlook{background:var(--panel);border-color:var(--line);margin:18px 0}.outlook-grid>div{background:var(--panel2);border-color:var(--line)}.outlook-symbol{background:color-mix(in srgb,var(--panel2) 75%,#2b5369)}.outlook-no-reset{background:color-mix(in srgb,var(--panel2) 75%,#315544)}
.welcome-frame{background:none;box-shadow:none;border:0;max-width:1120px;grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);gap:45px;margin:9vh auto}.welcome-frame h2{font-size:clamp(30px,3.7vw,47px);max-width:610px}.welcome-benefits{list-style:none;padding:0;margin:25px 0}.welcome-benefits li{margin:10px 0}.welcome-benefits li::before{content:'✦';color:var(--gold);margin-right:9px}.welcome-choice{padding:25px}.welcome-choice h3{font:700 26px/1.2 Georgia,serif;margin:10px 0}.welcome-choice .auth-choices{margin:21px 0}.welcome-choice .auth-choices .btn{text-align:center}.welcome-choice>small{display:block;border-top:1px solid var(--line);padding-top:17px;line-height:1.5}.welcome-footer{display:flex;justify-content:space-between;gap:12px;padding:15px max(25px,calc((100vw - 1200px)/2));border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:11px}
@media(max-width:850px){.reputation-feature-grid,.results-overview-grid,.hunt-board-split{grid-template-columns:1fr}.shared-card-actions{align-items:flex-start;flex-direction:column}.shared-card-actions>div:last-child{align-self:flex-end}}
@media(max-width:680px){.reputation-summary{grid-template-columns:1fr 1fr}.roster-featured-head{align-items:start}.roster-sync-pill{max-width:65%}.roster-manage-footer{align-items:start;flex-direction:column}.welcome-frame{grid-template-columns:1fr;margin:16px auto;gap:14px}.welcome-footer{flex-wrap:wrap}.shared-card-heading{flex-wrap:wrap}.shared-card-state{margin-left:auto}.shared-focus-grid{grid-template-columns:1fr}.shared-collection-focus{align-items:flex-start;flex-direction:column}}
/* v12.26: artwork, route cards, compact previews and account control. */
.shared-instance-card.art-row{min-height:205px;background:var(--panel);gap:12px}
.shared-instance-card.art-row::before{opacity:.78;filter:saturate(.95);background-position:center var(--offset);transform:scale(1.03)}
.shared-instance-card.art-row:hover::before{opacity:.9}
.shared-instance-card.art-row::after{background:linear-gradient(90deg,rgba(11,13,23,.92),rgba(15,20,32,.81) 57%,rgba(16,20,31,.68))}
.shared-instance-card .shared-card-heading small,.shared-instance-card .shared-card-metrics small,.shared-instance-card .shared-focus-grid small,.shared-instance-card .shared-card-rewards small{color:#d6dce5}
.shared-card-index{display:grid;place-items:center;width:27px;height:27px;min-width:27px;border:1px solid #83aed5;border-radius:50%;background:#153354;color:#dbedff;font-size:12px}
.shared-card-actions{margin-top:auto;padding-top:8px;align-items:flex-end;flex-wrap:wrap}
.shared-card-actions>div{align-items:center}
.dashboard-card-grid,.instance-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-card-grid>.run-group-label,.dashboard-card-grid>.empty,.instance-catalog-list>.empty{grid-column:1/-1}
.route-card .shared-instance-card{min-height:215px}
.spotlight-instance.art-row{background:var(--panel2);color:#f0eefa;isolation:isolate}
.spotlight-instance.art-row::before{opacity:.55;filter:saturate(.9)}
.spotlight-instance.art-row::after{background:linear-gradient(90deg,rgba(11,14,24,.94),rgba(15,20,30,.79) 65%,rgba(14,19,29,.72))}
.spotlight-instance.art-row small{color:#d3dce6}
.spotlight-instance .spotlight-status.has-count{display:grid;place-items:center;width:23px;height:23px;color:#dcefff;border-color:#83aed5;background:#153354;font-size:11px;font-weight:700}
.outlook-items{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}
.outlook-items h4{margin:0 0 10px;font:700 16px Georgia,serif;color:var(--text)}
.outlook-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.outlook-run{background:var(--panel2);min-width:0;display:flex;flex-direction:column;gap:5px}
.outlook-run strong{font-size:13px;overflow-wrap:anywhere}.outlook-run span{color:var(--gold);font-weight:700}
.item-link{color:#e2dce7;text-decoration:none;font-weight:650}.item-link:hover{text-decoration:underline}
.item-link.item-quality-0{color:#9d9d9d}.item-link.item-quality-1{color:#fff}.item-link.item-quality-2{color:#1eff00}.item-link.item-quality-3{color:#4e9eff}.item-link.item-quality-4{color:#b880ff}.item-link.item-quality-5{color:#ffae28}.item-link.item-quality-6{color:#e6c98a}.item-link.item-quality-7{color:#d2d2d2}
.farm-heading-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.farm-switches{margin:10px 0 14px}.farm-card{display:flex;flex-direction:column;min-height:185px}.farm-card.is-selected{border-color:#7597b4;background:color-mix(in srgb,var(--panel) 85%,#24445d)}
.farm-card .farm-card-top .btn{padding:6px 9px;font-size:11px}.farm-card .farm-rate{margin-top:auto}.farm-journal{scroll-margin-top:20px}
.roster-featured.featured-character{border-radius:10px;border-color:#48637a;background:color-mix(in srgb,var(--panel) 89%,#18374a);box-shadow:inset 3px 0 #78b9d5}
.roster-featured .featured-actions .btn{min-width:132px}.roster-all{border-radius:10px}
.account-trigger{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:9px 12px;max-width:min(215px,24vw);text-decoration:none}
.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:var(--gold);background:var(--panel2);text-decoration:none}
.account-popover{border-color:#695a65;border-radius:10px;min-width:245px;max-width:min(310px,calc(100vw - 24px));box-shadow:0 16px 38px #0009}
@media(max-width:900px){.dashboard-card-grid,.instance-catalog-list{grid-template-columns:1fr}.outlook-item-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.account-trigger{max-width:135px;padding:8px}.topbar{grid-template-columns:minmax(0,1fr) auto}.topbar nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:100%;min-width:0;overflow:visible}.topbar nav .nav{font-size:11px;padding:6px 7px}.shared-card-actions{align-items:stretch}.shared-card-actions>div:last-child{align-self:auto}.outlook-item-grid{grid-template-columns:1fr}.farm-heading-actions{justify-content:flex-start}}
/* v12.27: route controls, character layout, collection icons, and welcome page. */
#app:has(.welcome-frame){display:flex;flex-direction:column;min-height:calc(100svh - 72px)}
#app:has(.welcome-frame) .welcome-frame{margin:auto;align-self:center;padding-top:45px;padding-bottom:45px}
#app:has(.welcome-frame) .welcome-footer{width:100%;margin-top:auto}
.welcome-story .eyebrow{letter-spacing:.2em}.welcome-story h2{font:700 clamp(34px,4vw,55px)/1.12 Georgia,serif;letter-spacing:-.025em;margin-bottom:17px}
.welcome-rule{width:70px;height:1px;margin:0 0 20px;background:linear-gradient(90deg,var(--gold),transparent)}
.route-toggle-button{min-width:119px;text-align:center}.route-pause-button{min-width:72px;text-align:center}
.outlook-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.outlook-run{gap:7px}.outlook-item-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;white-space:nowrap;font-size:12px}.outlook-item-line .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.outlook-item-line span{flex:none;color:var(--gold);font-size:11px}.outlook-run small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.character-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr);gap:15px;align-items:start;margin-top:16px}
.character-layout .roster-featured,.character-layout .roster-all{margin:0;min-width:0;height:100%}
.roster-featured.featured-character{padding:23px;border:1px solid var(--line);box-shadow:none;background:var(--panel)}
.roster-featured-head{align-items:flex-start}.roster-featured-head h3{font:700 24px Georgia,serif;margin:5px 0 0}.roster-featured-main{margin:23px 0}.roster-featured-main h4{font:700 25px Georgia,serif}.roster-featured-main .featured-avatar.avatar{width:80px;height:80px}
.roster-feature-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:14px 0;gap:10px}
.roster-feature-stats span{border-right:1px solid var(--line);padding:0 9px}.roster-feature-stats span:first-child{padding-left:0}.roster-feature-stats span:last-child{border:0}.roster-feature-stats strong,.roster-feature-stats small{display:block}.roster-feature-stats strong{font-size:20px;color:var(--gold)}.roster-feature-stats small{font-size:11px;color:var(--muted)}
.roster-featured .featured-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.roster-featured .featured-actions .btn{min-width:0;white-space:nowrap}
.roster-all{padding:21px}.roster-all .card-head{align-items:flex-start;flex-direction:column;gap:2px}.roster-all-list{max-height:360px;overflow:auto}
.hunt-target-icon{position:relative;overflow:hidden}.hunt-target-icon img{width:100%;height:100%;object-fit:cover}.hunt-target-icon img:not([hidden])+span{display:none}
@media(max-width:950px){.character-layout{grid-template-columns:1fr}.character-layout .roster-all{height:auto}.outlook-item-grid{grid-template-columns:1fr}}
@media(max-width:680px){#app:has(.welcome-frame){min-height:calc(100svh - 100px)}.welcome-footer{align-items:center;text-align:center}.roster-featured-head{flex-direction:column}.roster-sync-pill{max-width:100%;text-align:left}.roster-featured .featured-actions{grid-template-columns:1fr}.roster-feature-stats{gap:4px}.roster-feature-stats span{padding:0 5px}}

@media(max-width:520px){.outlook-item-line{font-size:11px}.outlook-item-line span{font-size:10px}.roster-feature-stats small{line-height:1.25}}

/* v12.33: character roster and focused instance controls */
.roster-featured .featured-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.roster-featured .featured-actions .btn{width:100%;min-width:0;min-height:42px;white-space:normal;overflow-wrap:break-word;line-height:1.25;display:flex;align-items:center;justify-content:center}
.roster-all-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:440px;overflow:auto;align-content:start}
.roster-all-row{border:1px solid var(--line);border-radius:9px;background:var(--panel2);padding:12px;min-width:0;align-items:flex-start;flex-wrap:wrap;transition:border-color .15s,background .15s}
.roster-all-row:last-child{border-bottom:1px solid var(--line)}
.roster-all-row:hover,.roster-all-row.is-selected{border-color:var(--gold);background:color-mix(in srgb,var(--panel2) 85%,var(--gold))}
.roster-all-row>span:nth-child(2){flex:1 1 95px;overflow-wrap:anywhere}
.roster-all-row em{margin-left:auto}
.roster-popup{width:min(880px,calc(100vw - 24px));padding:24px;background:var(--panel);box-shadow:0 22px 70px #0008}
.roster-popup-head{padding-bottom:13px;border-bottom:1px solid var(--line)}
.roster-popup>.muted{margin:13px 0}
.roster-popup .roster-manage-panel{background:var(--panel2);border-radius:10px;padding:16px}
.roster-popup .realm-group{margin-bottom:14px}
.roster-popup .realm-group h3{margin:5px 0 10px;color:var(--gold)}
.roster-popup .roster-row{background:var(--panel);border:1px solid var(--line);border-radius:9px;margin-bottom:8px;padding:12px;min-width:0}
.roster-popup .roster-row.is-selected{border-color:var(--gold)}
.roster-popup .account-picker{background:none;border:0;padding:0;margin:0}
.roster-popup .account-picker .picker-row{padding:15px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;gap:12px}
.roster-popup .account-picker .picker-row select{flex:1;min-width:180px}
.roster-popup .account-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.roster-popup .account-results label{padding:12px;background:var(--panel2);cursor:pointer;min-width:0}
.roster-popup .account-results label:has(input:checked){border-color:var(--gold)}
.shared-collection-focus{min-width:0;flex-wrap:wrap}
.shared-target-list{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;min-width:0}
.shared-target-list .mapped-reward-icon{flex:none}
.shared-target-list>span:last-child{color:var(--gold);font-weight:700;font-size:13px;margin-left:5px}
.run-group-label.paused-label{color:var(--gold)}
.route-pause-button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:850px){.roster-all-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.roster-all-list,.roster-popup .account-results{grid-template-columns:1fr}.roster-featured .featured-actions{grid-template-columns:1fr}.roster-popup{padding:16px}.shared-target-list{justify-content:flex-start}}
.welcome-error{border:1px solid #ba7858;background:color-mix(in srgb,var(--panel2) 82%,#9d4e35);border-radius:10px;padding:14px 16px;margin:0 0 20px;color:var(--text)}
.welcome-error strong{display:block;color:#f6c39b;font:700 17px Georgia,serif;margin-bottom:5px}
.welcome-error p{margin:0;font-size:13px;line-height:1.5}
.maintenance-notice{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 18px;background:#453321;color:#f4e1b9;border-bottom:1px solid #9f7845;font-size:13px;text-align:center}.maintenance-notice strong{color:#ffe4a9}
/* Identity card account menu */
.account-trigger{gap:7px;justify-content:flex-start;min-width:0}.account-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger-monogram,.account-monogram{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid color-mix(in srgb,var(--gold) 65%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--gold) 18%,var(--panel2));color:var(--gold);font:700 14px Georgia,serif}.account-chevron{flex:none;color:var(--gold);margin-left:auto}.account-identity-card{padding:0;overflow:hidden;width:310px;max-width:calc(100vw - 24px)}.account-identity-head{display:flex;align-items:center;gap:12px;padding:17px;background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 10%,var(--panel2)),var(--panel2));min-width:0}.account-monogram{width:42px;height:42px;font-size:22px}.account-identity-info{display:grid;gap:3px;min-width:0}.account-identity-info small{color:var(--muted);font-size:11px;line-height:1.3;overflow-wrap:anywhere}.account-identity-info small:first-child{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.09em}.account-identity-info strong{overflow-wrap:anywhere;font-size:16px;color:var(--text)}.account-menu-body{padding:9px 10px}.account-popover .account-menu-action{display:block;width:100%;height:auto;min-height:40px;padding:9px 10px;margin:0;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;text-decoration:none;white-space:normal;font:inherit}.account-popover .account-menu-action:hover,.account-popover .account-menu-action:focus-visible{background:var(--panel2);color:var(--gold)}.account-popover .account-menu-action[hidden]{display:none}.account-menu-footer{display:flex;align-items:center;justify-content:flex-end;min-height:45px;padding:9px 16px;border-top:1px solid var(--line);background:var(--panel)}.account-menu-footer small{margin-right:auto;color:var(--muted);font-size:11px}.account-menu-signout{padding:5px 0;border:0;background:none;color:var(--gold);font:inherit}.account-menu-signout:hover{text-decoration:underline}
@media(max-width:680px){.account-trigger{max-width:min(175px,42vw)}.account-identity-card{right:0}}

.run-group-empty{grid-column:1/-1;color:var(--muted);font-size:12px;margin:0 0 8px;padding:8px 4px}

/* v12.34: roster details, account search, and collectible strip */
.roster-featured .featured-actions{grid-template-columns:repeat(3,minmax(145px,1fr));gap:10px;min-width:0}
.roster-featured .featured-actions .btn{white-space:nowrap;overflow-wrap:normal;min-height:42px;padding:10px 14px;font-size:13px}
.roster-server-group h4{margin:19px 0 10px;color:var(--muted);font-size:13px;font-weight:600}
.roster-server-group .roster-all-list{margin-top:0;max-height:none;overflow:visible}
.roster-server-groups{max-height:560px;overflow:auto;padding:0 2px 3px}
.roster-all-row small{line-height:1.5;margin-top:2px}
.roster-popup .account-character-search{display:block;width:100%;margin-top:15px;box-sizing:border-box}
.roster-popup .account-results label[hidden]{display:none}
.roster-popup #addAccountCharacters{display:block;margin-top:20px;position:static;clear:both}
.raid-name,.run.art-row .run-name.raid-name,.content-row .raid-name,[data-theme=light] .raid-name{color:#e5a35e!important}
.dungeon-name,.run.art-row .run-name.dungeon-name,.content-row .dungeon-name,[data-theme=light] .dungeon-name{color:#8abbdc!important}
.shared-collection-focus{background:color-mix(in srgb,var(--panel2) 48%,transparent);border:1px solid color-mix(in srgb,var(--line) 55%,transparent);padding:10px 12px;justify-content:flex-start}
.shared-collection-focus .shared-target-list{justify-content:flex-start;gap:7px}
@media(max-width:600px){.roster-featured .featured-actions{grid-template-columns:1fr}.roster-featured .featured-actions .btn{white-space:nowrap}}

/* v12.34.1: softer instance colors and right-aligned reward counts */
[data-theme=light] .raid-name,[data-theme=light] .run.art-row .run-name.raid-name,[data-theme=light] .content-row .raid-name{color:#a96324!important}
[data-theme=light] .dungeon-name,[data-theme=light] .run.art-row .run-name.dungeon-name,[data-theme=light] .content-row .dungeon-name{color:#286a96!important}
.shared-collection-focus{flex-direction:row;align-items:center;justify-content:space-between}
.shared-collection-focus .shared-target-list{flex:1;min-width:0}
.shared-collection-focus .shared-mapped-count{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:400;color:#d6dce5}
[data-theme=light] .shared-collection-focus .shared-mapped-count{color:var(--muted)}

/* v12.35: shared ownership styling; image filtering never affects state badges. */
.collectible-artwork{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;overflow:hidden}
.collectible-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.collectible-artwork img:not([hidden])+.collectible-symbol{visibility:hidden}
.run-collectible-icon{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:5px;overflow:hidden}
.run-collectible-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.run-collectible-icon img:not([hidden])+.reward-pick-symbol{display:none}
.ownership-collected,.ownership-uncollected,.ownership-unchecked{filter:none!important;opacity:1!important}
.ownership-collected img,.ownership-collected>.collectible-symbol,.ownership-collected>.reward-pick-symbol{filter:grayscale(1)!important;opacity:.58!important}
.ownership-uncollected img,.ownership-unchecked img{filter:none!important;opacity:1!important}
.ownership-badge{position:absolute!important;right:0;bottom:0;z-index:3;display:grid!important;place-items:center;width:13px;height:13px;border-radius:50%;font:700 10px/1 Arial,sans-serif;border:1px solid #10151b;opacity:1!important;visibility:visible!important}
.ownership-badge.is-owned{background:#244d37;color:#b6efc9}
.ownership-badge.is-unknown{background:#37404b;color:#f0f1f3}
.ownership-pin{position:absolute!important;left:0;top:0;z-index:3;font:700 9px/1 Arial,sans-serif;color:var(--gold);background:var(--panel);border-radius:2px;padding:1px;opacity:1!important;visibility:visible!important}
.mapped-reward-icon.small .ownership-badge{width:11px;height:11px;font-size:9px}
[data-theme=light] .ownership-badge.is-owned{background:#d9efdf;color:#226537}
[data-theme=light] .ownership-badge.is-unknown{background:#e5e8ed;color:#34424f}
.collection-ownership-notice{margin:8px 0 14px;color:var(--muted);font-size:12px}
.collection-ownership-notice .text-link{font-size:inherit}
.ownership-pin svg{display:block;width:9px;height:9px}
.mapped-reward-icon.ownership-collected>span:not(.ownership-badge):not(.ownership-pin),.small-mount-icon.ownership-collected>span:not(.ownership-badge):not(.ownership-pin){filter:grayscale(1);opacity:.58}

/* v12.35.1: readable pin badges and collection controls */
.ownership-pin{left:auto;top:auto;right:0;bottom:0;display:grid;place-items:center;width:13px;height:13px;padding:0;border:1px solid #10151b;border-radius:50%;background:#584222;color:#f0d08d}
.ownership-pin svg{width:10px;height:10px;stroke-width:2.2}
.mapped-reward-icon.small .ownership-pin{width:11px;height:11px}
.mapped-reward-icon.small .ownership-pin svg{width:9px;height:9px}
.collectible-artwork:has(>.ownership-pin)>.ownership-badge,.mapped-reward-icon:has(>.ownership-pin)>.ownership-badge,.run-collectible-icon:has(>.ownership-pin)>.ownership-badge{right:auto;left:0}
[data-theme=light] .ownership-pin{background:#f1dfb7;color:#78501e;border-color:#c7ad7c}
.atlas-tabs .atlas-class-filter{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 auto;padding:5px 8px 5px 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--muted);font-size:12px;max-width:100%;box-sizing:border-box}
.atlas-class-filter label{white-space:nowrap}
.atlas-tabs .atlas-class-filter select{min-width:130px;max-width:220px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font:inherit}
@media(max-width:680px){.atlas-tabs .atlas-class-filter{margin-left:0}.atlas-tabs .atlas-class-filter select{min-width:0;max-width:100%}}

/* v12.36: collection overview and reputation atlas share the collection frame. */
.collection-overview-section{margin:22px 0}.collection-overview-section>.card-head{margin-bottom:14px}.collection-goal-grid,.collection-rep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.collection-goal-card{min-width:0;align-items:center}.collection-goal-card .atlas-item-copy{min-width:0}.collection-goal-card>.btn{flex-shrink:0}.collection-summary-icons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.collection-summary-icons>.atlas-pinned-icon{width:34px;height:34px;flex:0 0 34px}.collection-rep-card{min-width:0;display:flex;flex-direction:column}.collection-rep-card .card-head{gap:12px;align-items:start}.collection-rep-card h3{font-size:15px}.collection-rep-card .form-help{margin:12px 0}.collection-rep-reward{display:flex;gap:12px;align-items:center;margin-top:16px}.collection-rep-reward>div{min-width:0;display:grid;gap:3px}.collection-rep-reward .atlas-item-icon{width:42px;height:42px;flex:0 0 42px}.collection-rep-reward strong{overflow-wrap:anywhere}.collection-rep-reward small{font-size:12px}.collection-rep-meter{height:5px;background:var(--line);border-radius:3px;overflow:hidden;margin:12px 0 7px}.collection-rep-meter>i{display:block;height:100%;background:var(--gold)}.collection-rep-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}.collection-rep-filters{display:flex;flex-wrap:wrap;gap:10px}.collection-rep-filters .search{flex:1;min-width:180px}.collection-rep-filters select{max-width:100%;min-width:0}.collection-rep-pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:18px 0}.collection-overview-section details{margin-top:12px}.collection-overview-section details>.collection-goal-grid{margin-top:12px}.collection-overview-section .atlas-item{margin:0}
@media(max-width:760px){.collection-goal-grid,.collection-rep-grid{grid-template-columns:1fr}.collection-rep-filters>*{flex:1 1 220px}.collection-goal-card{flex-wrap:wrap}.collection-goal-card>.btn{margin-left:auto}}

/* v12.37: personal farms and Mounts-style reputation browser. */
.roster-featured-main{margin-top:8px}
.farm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 18px}.farm-toolbar .farm-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.farm-toolbar-right{margin-left:auto}.farm-toolbar select{width:auto;max-width:100%}.farm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.farm-card{display:flex;flex-direction:column;min-width:0;padding:20px}.farm-card h3{margin:10px 0 16px}.farm-rate{display:flex;flex-direction:column;gap:4px;margin:0 0 16px}.farm-rate strong{color:var(--gold);font-size:25px}.farm-rate small{font-size:12px;color:var(--muted)}.farm-card .farm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.farm-metrics small{display:block;color:var(--muted)}.farm-metrics strong{display:block;font-size:17px}.farm-components{font-size:12px;color:var(--muted);margin-bottom:18px}.farm-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.farm-card-actions .btn{flex:1;white-space:nowrap}.farm-dialog{width:min(760px,calc(100vw - 28px));max-width:100%;box-sizing:border-box}.farm-journal-popup{width:min(960px,calc(100vw - 28px))}.farm-journal-popup .farm-journal{border:0;padding:0;background:transparent}.farm-dialog h2{padding-right:28px}.farm-complete{display:flex!important;gap:8px;align-items:center}.farm-complete input{width:auto}.farm-dialog .farm-actions{display:flex;gap:8px;flex-wrap:wrap}.farm-dialog .farm-card-top{flex-wrap:wrap}.farm-session{overflow-wrap:anywhere}.farm-popup-content .farm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.farm-feedback{color:var(--gold)}
.reputation-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.reputation-faction-header{display:flex;align-items:center;gap:24px;margin-bottom:14px}.reputation-faction-header h4{flex:1;margin:0}.reputation-faction-header h4 small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.reputation-standing{flex:1;min-width:160px}.reputation-standing small{color:var(--muted)}.reputation-standing .collection-rep-meter{margin-top:6px}.reputation-reward-list{margin-top:14px}.reputation-reward-list summary{cursor:pointer;color:var(--gold);font-size:13px;margin-bottom:12px}.reputation-ownership-filters{align-items:center;flex-wrap:wrap;margin:16px 0}.reputation-ownership-filters .search{margin-left:auto}.reputation-faction .atlas-preview{flex-wrap:wrap}.reputation-reward-list .atlas-item-copy small{white-space:normal}.reputation-reward-list .atlas-item-copy a{color:var(--text)}
@media(max-width:760px){.farm-grid,.reputation-categories{grid-template-columns:1fr}.farm-toolbar-right{margin-left:0}.farm-card-actions .btn{font-size:12px;padding:9px}.farm-popup-content .farm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reputation-faction-header{flex-direction:column;align-items:stretch;gap:12px}.reputation-standing{min-width:0}.reputation-ownership-filters .search{width:100%;margin-left:0}}

.farm-dialog{min-width:0}.farm-toolbar select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:9px}.farm-complete input{margin:0;flex:none;accent-color:var(--gold)}.farm-journal-popup .farm-journal{margin-top:0}.farm-popup-content .farm-session small{font-size:12px}


/* v12.39: consistent farm controls. */
.farm-toolbar .btn,.farm-card-actions .btn{font-family:inherit;font-size:13px;font-weight:700;padding:8px 12px;min-height:36px;line-height:1.3}
.farm-toolbar select{font-family:inherit;font-size:13px;min-height:36px;padding:8px 10px}
.topbar .brand .crest{flex-shrink:0}.topbar .brand>div:last-child{min-width:0}.topbar .brand h1{overflow-wrap:normal;line-height:1.2}
/* v12.40: target the content wrapper used by every page. */
#app > .wrap > .page-title{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:24px;margin:0 0 20px;min-height:101px}
#app > .wrap > .page-title > div:first-child:not(.selected-character-control){min-width:0;display:grid;grid-template-rows:14px 33px minmax(42px,auto);gap:6px;align-content:start}
#app > .wrap > .page-title .eyebrow{margin:0;line-height:14px}
#app > .wrap > .page-title h2{margin:0;font-size:27px;line-height:33px}
#app > .wrap > .page-title p,#app > .wrap > .page-title .expansion-intro{margin:0;line-height:21px}
#app > .wrap > .page-title .selected-character-control{margin:0;width:260px;max-width:100%;align-self:start;justify-self:end;min-width:0}
#app > .wrap > .page-title .title-actions,#app > .wrap > .page-title > .btn{align-self:start;justify-self:end;align-items:center;margin-top:20px}
#app > .wrap > .page-title > h2{grid-column:1}
.maintenance-notice{display:block;padding:0;text-align:left;overflow:hidden}
.maintenance-notice-inner{max-width:1200px;margin:0 auto;padding:10px 18px;overflow:hidden;line-height:1.5;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.maintenance-notice-track{display:flex;gap:64px;align-items:center;width:max-content;white-space:nowrap;animation:maintenance-ticker 42s linear infinite}.maintenance-notice-copy{display:flex;gap:12px;align-items:center;flex-shrink:0}
.maintenance-notice:hover .maintenance-notice-track,.maintenance-notice:focus .maintenance-notice-track{animation-play-state:paused}
@keyframes maintenance-ticker{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 32px))}}
#runDialog [hidden]{display:none!important}
#runLoggingSection{min-width:0}
#runDialog .run-dialog-context{align-items:flex-start;gap:12px}
#runDialog .run-dialog-context p{margin:0;line-height:1.5}
#runDialog .run-rewards{margin:16px 0}
#runDialog .run-section-title{margin-top:18px}
.instance-run-history{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
.instance-run-history .run-history,.instance-run-history .addon-item-list{max-height:none;overflow:visible}
.instance-run-history .history-row{padding:14px 0;border-bottom:1px solid var(--line)}
.instance-run-history .history-row:last-child{border-bottom:0}
.instance-run-history .run-tag-difficulty{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.instance-run-history .run-tag-difficulty select{max-width:100%;width:auto}
.instance-dialog .detail-actions{gap:8px;flex-wrap:wrap;align-items:center}
.instance-dialog .detail-actions .btn{min-height:36px}
#app:has(.welcome-frame){position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(12,10,16,.9),rgba(12,10,16,.6)),url('/assets/azeroth-ledger-background.webp') center / cover no-repeat}
#app:has(.welcome-frame) .welcome-story{padding:22px;border-radius:12px;background:rgba(16,12,23,.48)}
#app:has(.welcome-frame) .welcome-choice{background:rgba(23,19,30,.9);border:1px solid var(--line);border-radius:12px}
[data-theme="light"] #app:has(.welcome-frame){background:linear-gradient(90deg,rgba(247,241,230,.94),rgba(247,241,230,.75)),url('/assets/azeroth-ledger-background.webp') center / cover no-repeat}
[data-theme="light"] #app:has(.welcome-frame) .welcome-story{background:rgba(247,241,230,.75)}
[data-theme="light"] #app:has(.welcome-frame) .welcome-choice{background:rgba(247,241,230,.94)}
@media(max-width:680px){#app > .wrap > .page-title{grid-template-columns:1fr;gap:14px;min-height:0}#app > .wrap > .page-title > div:first-child:not(.selected-character-control){grid-template-rows:auto auto auto}#app > .wrap > .page-title .selected-character-control{justify-self:start;width:260px}#app > .wrap > .page-title .title-actions,#app > .wrap > .page-title > .btn{margin-top:0;justify-self:start}.farm-toolbar .farm-actions{justify-content:flex-start}.farm-toolbar-right{margin-left:0}.maintenance-notice-track{animation-duration:38s}#app:has(.welcome-frame) .welcome-story{padding:15px}}
@media(prefers-reduced-motion:reduce){.maintenance-notice-track{animation:none;transform:none;width:auto;white-space:normal;flex-wrap:wrap}.maintenance-notice-copy{white-space:normal;flex-wrap:wrap}.maintenance-notice-copy[aria-hidden="true"]{display:none}.maintenance-notice-inner{mask-image:none}}

#instanceDialog .detail-rewards{max-height:none;overflow:visible}#instanceDialog{max-height:88svh;overflow:auto}#instanceDialog .dialog{max-height:none;overflow:visible}

/* v12.41: creator preview and personal farm list/summary share existing frames. */
.collection-section-nav .creator-reputation{color:#94bddb}.collection-section-nav .creator-reputation.active{color:#b4d5ed;border-color:#678aa8;background:color-mix(in srgb,var(--panel2) 82%,#396084)}
[data-theme="light"] .collection-section-nav .creator-reputation{color:#397399}
.farm-view-tabs{margin:0;gap:7px}.farm-toolbar .farm-view-tabs .filter{min-height:36px;padding:8px 12px;font-size:13px;white-space:nowrap}.farm-list-panel>.card-head{margin-bottom:18px}.farm-list-panel>.card-head h3{margin:0}.farm-list-panel>.card-head p{margin:7px 0 0}.farm-list-panel .farm-grid{margin:0}.farm-summary-page>.card{margin-top:18px}.farm-summary-overview{margin:18px 0}.farm-summary-overview .card h3{margin-top:0}.farm-summary-overview .farm-best-name{margin-top:18px}.farm-summary-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.farm-summary-components>div{padding:12px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.farm-summary-components small,.farm-summary-components strong{display:block}.farm-summary-components small{color:var(--muted);font-size:12px}.farm-summary-components strong{color:var(--gold);font-size:18px;margin-top:4px}.farm-summary-performance td small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.farm-summary-recent .farm-session:first-of-type{border-top:0}.farm-toolbar select:disabled{opacity:.55}.farm-list-panel .farm-card{background:var(--panel2)}
@media(max-width:760px){.farm-summary-overview{grid-template-columns:1fr}.farm-view-tabs{flex-wrap:wrap}.farm-list-panel>.card-head{flex-wrap:wrap;gap:8px}}

[data-hub-view="reputations"]{color:#94bddb}[data-theme="light"] [data-hub-view="reputations"]{color:#397399}

/* v12.42: shared farm cards and single-scroll dialog frames. */
.detail-collection-options{display:flex;justify-content:flex-end;margin:0 0 12px}.detail-show-collected{display:inline-flex;gap:8px;align-items:center;font-size:12px;cursor:pointer;margin:0}.detail-show-collected input{width:auto;margin:0;accent-color:var(--gold)}
.collection-more-targets{margin-top:16px}.collection-more-targets>summary{display:flex;align-items:center;gap:12px;justify-content:space-between;width:100%;padding:10px 13px;list-style:none;font-size:13px}.collection-more-targets>summary::-webkit-details-marker{display:none}.collection-more-targets>summary::marker{content:''}.collection-more-targets>summary:hover{border-color:var(--gold);color:var(--text)}.collection-more-targets .more-targets-hide{display:none}.collection-more-targets[open] .more-targets-hide{display:inline}.collection-more-targets[open] .more-targets-show{display:none}.more-targets-chevron{font-size:18px;line-height:1}.collection-more-targets[open] .more-targets-chevron{transform:rotate(180deg)}.collection-more-targets>.collection-goal-grid{padding-top:4px}
.creator-preview-title{color:#94bddb!important}[data-theme="light"] .creator-preview-title{color:#397399!important}
.farm-toolbar{gap:14px}.farm-toolbar>.farm-view-tabs{margin:0}.farm-toolbar-action.route-browse-all{margin-left:0;font-family:inherit;font-weight:400;font-size:13px;padding:6px 10px;min-height:34px}.farm-toolbar-right{margin-left:auto}.farm-sort-control{display:flex;align-items:center;gap:8px;white-space:nowrap;margin:0 0 0 auto;color:var(--muted);font-size:13px}.farm-sort-control select{width:auto;max-width:200px;padding:7px 10px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;font:inherit}
.farm-list-panel .farm-card.shared-instance-card{display:flex;flex-direction:column;gap:12px;padding:15px;min-height:215px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.farm-list-panel .farm-card.shared-instance-card:hover{border-color:var(--gold)}.farm-card .shared-card-heading strong{color:var(--text);overflow-wrap:anywhere}.farm-card .shared-card-heading small{color:var(--muted)}.farm-card .farm-components{font-size:12px;margin:0;color:var(--muted)}.farm-card .farm-components summary{cursor:pointer}.farm-card .shared-card-actions .btn{font-family:inherit;font-size:11px;padding:7px 9px;min-height:34px}.farm-card .shared-card-actions{padding-top:8px;margin-top:auto;flex-direction:row;align-items:flex-end}
#farmJournalDialog,#farmEditDialog,#farmRunDialog,#farmImportDialog{width:min(760px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;padding:0;box-sizing:border-box}
#farmJournalDialog{width:min(730px,calc(100vw - 24px))}
#farmJournalDialog>.dialog,#farmEditDialog>.dialog,#farmRunDialog>.dialog,#farmImportDialog>.dialog{width:100%;min-width:0;max-width:none;max-height:none;overflow:visible;margin:0;padding:24px;box-sizing:border-box}
.farm-dialog h2{font-size:24px;margin:0 0 12px;padding-right:38px}.farm-dialog .farm-dialog-context{margin:0 0 16px;line-height:1.5}.farm-dialog .farm-input-grid,.farm-run-context-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.farm-dialog .run-section-title{margin:18px 0 8px}.farm-dialog .run-submit-row{margin-top:16px}.farm-dialog .addon-item-list{max-height:none;overflow:visible}.farm-journal-popup .farm-journal{padding:0;margin:0;border:0;background:none}.farm-journal-popup .farm-metrics{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:12px;gap:12px}.farm-journal-popup .farm-metrics>div{border:0;padding:0;background:none}.farm-journal-popup .farm-metrics strong{font-size:16px}.farm-journal-popup .farm-session .danger{white-space:nowrap;align-self:start}.farm-journal-history .farm-session{padding:14px 0}.farm-dialog textarea,.farm-dialog input,.farm-dialog select{min-width:0}
@media(max-width:680px){.farm-toolbar-right{margin-left:0}.farm-sort-control{margin-left:0;flex-wrap:wrap;white-space:normal}.farm-list-panel>.card-head{align-items:flex-start}.farm-card .shared-card-actions{align-items:flex-start;gap:8px}.farm-dialog .run-submit-row{align-items:stretch;flex-direction:column;gap:12px}.farm-dialog .run-import-action{align-items:flex-start}.farm-card .shared-card-actions>div{align-self:auto}}
@media(max-width:420px){.farm-dialog .farm-input-grid,.farm-run-context-fields{grid-template-columns:1fr}.farm-sort-control select{max-width:100%}.farm-toolbar-right{flex-wrap:wrap}}

.instance-dialog .detail-show-collected{display:inline-flex;align-items:center;margin:0}.instance-dialog .detail-show-collected input{display:inline-block;width:auto;margin:0}.farm-dialog .run-submit-row>.btn{white-space:nowrap}.farm-dialog .farm-journal-history .farm-session>div:last-child{min-width:0}

/* v12.43: personal farm dialogs share instance detail/log treatments. */
.farm-standalone-note{margin:18px 0 0;padding:12px 0;border-top:1px solid var(--line);line-height:1.5}
.farm-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 20px}
.farm-detail-actions .btn{min-height:38px;white-space:nowrap}
.farm-delete-action{color:var(--muted)}
.farm-delete-action:hover{color:var(--text)}
.farm-detail-averages{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.farm-detail-averages>div:nth-child(n+3){border-top:1px solid var(--line);padding-top:9px}
.farm-log-context{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.farm-log-context p{margin:0;line-height:1.5}
.farm-log-context .btn{flex-shrink:0}
.farm-location-picker{margin:12px 0}
.farm-location-picker select{width:100%;min-height:40px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px}
.farm-location-picker [hidden]{display:none}
.farm-location-picker small{display:block;line-height:1.5;margin:6px 0}
@media(max-width:420px){.farm-log-context{gap:8px}.farm-detail-actions .btn{flex:1 1 auto}}

/* v12.44: match the approved route and instance reference layouts. */
.farm-order-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;border:1px solid var(--line);border-radius:10px;padding:7px;background:var(--panel2)}
.farm-order-number{font-size:12px;font-weight:700;color:var(--gold);padding-top:4px}
.farm-order-row .farm-card{height:100%;min-width:0}
.farm-order-row .shared-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.farm-order-row .shared-focus-grid strong{font-size:22px}
.farm-journal-popup .farm-journal{position:relative}
.farm-journal-popup .farm-journal>h2{padding-right:125px}
.farm-delete-top.reset-choice{position:absolute;top:0;right:35px;display:block;width:auto;padding:7px 10px;font-size:11px;border:1px solid #945359;border-radius:7px;background:#3a2226;color:#ffc6cc;font-weight:700}
.farm-detail-actions #farmEdit{margin-left:auto}
.farm-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.farm-history-row>div{min-width:0}
.farm-history-row .danger{white-space:nowrap}
#farmJournalDialog .average-breakdown{margin:16px 0}
#farmJournalDialog .run-history{max-height:none;overflow:visible}
#farmRunDialog .run-dialog-context{border-bottom:1px solid var(--line);padding-bottom:16px}
#farmRunDialog .run-dialog-context .btn{font-size:11px;padding:7px 9px}
#farmRunDialog .farm-input-grid{gap:0 13px}
@media(max-width:500px){.farm-order-row{grid-template-columns:20px minmax(0,1fr);gap:5px}.farm-order-row .shared-focus-grid strong{font-size:19px}#farmJournalDialog .average-breakdown-grid{grid-template-columns:1fr 1fr}#farmJournalDialog .average-time{grid-column:1/-1}.farm-delete-top.reset-choice{right:0}.farm-journal-popup .farm-journal>h2{padding-right:100px}}

/* Popup polish: reliable close targets, separated destructive actions, themed search. */
.dialog-close{z-index:20;box-sizing:border-box;isolation:isolate;pointer-events:auto;touch-action:manipulation;width:36px;height:36px;padding:0;flex:none}
.farm-popup-content{position:relative;z-index:0}
.farm-journal-popup .farm-journal>h2{padding-right:44px}
.farm-delete-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:24px;padding-top:16px}
.farm-location-options{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel2);margin-top:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.farm-location-options [role=option]{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--line)}
.farm-location-options [role=option]:last-child{border-bottom:0}
.farm-location-options [role=option]:hover,.farm-location-options [aria-selected=true]{background:var(--panel);color:var(--gold)}
.farm-location-options strong,.farm-location-options small{display:block}.farm-location-options small{color:var(--muted);margin-top:3px}.farm-location-options p{padding:10px 12px}
.farm-location-options[hidden],#feedbackForm[hidden],#feedbackConversations[hidden]{display:none}
.detail-mapped-rewards{border-top:1px solid var(--line);padding-top:16px;margin:18px 0}
.instance-dialog .detail-show-collected{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:0 0 12px;cursor:pointer}
.instance-dialog .detail-show-collected input{accent-color:var(--gold);width:16px;height:16px;flex:none}
#feedbackDialog{overflow:hidden;padding:0;max-height:88dvh}.feedback-shell{display:flex;flex-direction:column;max-height:88dvh;min-height:0}
.feedback-header{position:relative;padding:24px 24px 16px;border-bottom:1px solid var(--line);flex:none}.feedback-header h2{margin:0 44px 16px 0}.feedback-tabs{margin:0;gap:8px;flex-wrap:wrap}
.feedback-panels{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent;scrollbar-gutter:stable}
.feedback-dialog{padding:20px 24px;min-width:0}.feedback-conversations{padding:20px 24px}.feedback-conversations h3{margin:0 0 10px}.feedback-ticket summary{flex-wrap:wrap}.feedback-ticket summary span{font-size:12px;color:var(--muted)}
.version-dialog{padding:0;overflow:hidden;max-height:88dvh}.version-dialog-inner{display:flex;flex-direction:column;max-height:88dvh;overflow:hidden;padding:24px!important}.version-dialog-inner .footer-notes{display:flex;flex-direction:column;min-height:0;margin:0;padding:0;border:0}.version-dialog-inner h3{padding-right:42px;margin:0 0 18px;flex:none}.version-dialog-inner .version-history{display:block;overflow:auto;min-height:0;max-height:none;padding-right:12px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.version-dialog-inner .version-history li{padding:12px 0;border-top:1px solid var(--line)}.version-dialog-inner .version-history li:first-child{padding-top:0;border-top:0}.version-dialog-inner .version-history strong{display:block;white-space:normal;margin:0 0 4px}
@media(max-width:500px){.feedback-header{padding:20px 16px 14px}.feedback-dialog,.feedback-conversations{padding:18px 16px}.version-dialog-inner{padding:20px 16px!important}}

/* v12.46 reset overview and shared best-farm card. */
.reset-outlook .section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.reset-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.reset-summary-grid>div{min-width:0}.reset-summary-grid small,.reset-summary-grid span{display:block;color:var(--muted);font-size:12px}.reset-summary-grid strong{display:block;font-size:23px;color:var(--gold);margin:5px 0;overflow-wrap:anywhere}.reset-summary-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:12px}.farm-summary-overview .farm-grid{grid-template-columns:1fr}.farm-summary-overview .farm-order-row{grid-template-columns:1fr;padding:0;border:0;background:none}.farm-summary-overview .farm-order-number{display:none}.farm-summary-overview .farm-card{padding:16px}.farm-summary-overview .farm-instance-actions{justify-content:flex-end}@media(max-width:680px){.reset-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v12.47: welcome branding and local menu alignment. */
.account-menu-body>small{display:block;color:var(--muted);font-size:11px;margin:4px 0 3px;padding:0 12px}.welcome-story .welcome-brand{font:700 clamp(34px,4vw,48px)/1.12 Georgia,serif;color:#eeeaf1;letter-spacing:-.025em;margin:10px 0 22px}.welcome-story h2{font-size:clamp(28px,3.2vw,42px);margin-top:0}.welcome-story .welcome-beta-note{max-width:470px;margin:24px auto 0;padding-top:14px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}.welcome-beta-note span{display:block;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.outlook-loot-note{font-size:11px;color:var(--muted);margin:0 0 10px}

/* v12.48: match the coming-soon branding and quiet section headers. */
.welcome-beta-note span{display:inline-block;padding:8px 16px;border:1px solid #c8a36575;border-radius:100px;background:#e7c47e0d;color:#ebd39d;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.4;margin-bottom:10px}
.reset-outlook-heading{margin:0 0 18px;align-items:flex-start}.reset-outlook-heading h3{font:700 22px/1.25 Georgia,serif;margin:0;color:var(--text)}.reset-outlook-heading p{font-size:13px;line-height:1.5;margin:7px 0 0;color:var(--muted)}

/* v12.49: consistent crest, branding, copy and status sections. */
.welcome-crest{display:block;width:82px;height:90px;margin:0 auto 22px;filter:drop-shadow(0 10px 24px #0006)}.welcome-story .welcome-brand{font-size:clamp(34px,4vw,48px);margin:12px 0 0;line-height:1.12}.welcome-story .welcome-rule{width:min(100%,470px);height:1px;margin:24px auto;background:linear-gradient(90deg,transparent,#c8a36575,transparent)}.welcome-story .welcome-beta-rule{margin:28px auto 16px}.welcome-story .welcome-beta-note{border:0;padding-top:0;margin:0 auto;max-width:470px}.welcome-story>p:not(.welcome-beta-note){line-height:1.65}.welcome-frame{align-items:center}

/* v12.50: welcome uses its own branding; ledger restores the normal header. */
body:has(.welcome-frame)>.topbar{display:none}
body:has(.welcome-frame) #app{min-height:100svh}
.topbar .brand h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;line-height:1.1;letter-spacing:-.035em;color:var(--text)}

/* v12.51: optical alignment of welcome columns and a clearer header wordmark. */
#app:has(.welcome-frame) .welcome-frame{align-items:center}
#app:has(.welcome-frame) .welcome-frame>.welcome-story,#app:has(.welcome-frame) .welcome-frame>.welcome-choice{align-self:center;min-width:0}
@media(min-width:681px){#app:has(.welcome-frame) .welcome-frame>.welcome-choice{transform:translateY(18px)}}
.topbar .brand h1{font-size:24px;line-height:1.12;overflow:visible}
@media(max-width:850px){.topbar .brand h1{font-size:22px}}
@media(max-width:520px){.topbar .brand h1{font-size:20px}}

/* v12.53: character onboarding and parchment light theme (concept A). */
.nav:disabled{cursor:not-allowed;opacity:.48;background:transparent;color:var(--muted)}
.character-start{max-width:760px;margin:32px auto;padding:clamp(25px,5vw,60px);text-align:center}
.character-start-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;border:1px solid var(--line);border-radius:50%;color:var(--gold);background:var(--panel2);font-size:30px}
.character-start h3{font:700 clamp(22px,3vw,30px)/1.25 Georgia,serif;margin:0 0 14px}
.character-start-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px 0 18px}
.catalog-start-note{padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
[data-theme=light]{--bg:#eee9df;--panel:#faf7f0;--panel2:#f0e9dc;--line:#cbbfae;--text:#302c27;--muted:#655a4c;--gold:#805719;--green:#286341;--red:#9b3636}
[data-theme=light] body{background:radial-gradient(circle at 45% -15%,#f6f1e8,#eee9df 68%)}
[data-theme=light] .topbar{background:#f7f2e9f5}
[data-theme=light] :is(.card,.stat,.farm-card,.auth-card){background:var(--panel);border-color:var(--line)}
[data-theme=light] :is(.btn,.filter,.expansion-choice){background:#eee4ce;border-color:#bca77f;color:#443522}
[data-theme=light] :is(.btn.ghost,.filter,.expansion-choice){background:var(--panel);border-color:var(--line);color:var(--text)}
[data-theme=light] :is(.filter.active,.btn.active,.nav.active,.expansion-choice.is-selected){background:#e7d4a9;border-color:#947030;color:#493414}
[data-theme=light] .nav:hover:not(:disabled){background:#e9dfcc;color:#302c27}
[data-theme=light] :is(.btn,.filter,.expansion-choice):hover:not(:disabled){border-color:#947030;background:#e9dcc1}
[data-theme=light] :is(.btn,.filter,.expansion-choice):disabled{background:#e7e3dc;color:#777168;border-color:#c8c1b7;opacity:1;cursor:not-allowed}
[data-theme=light] .expansion-icon-picker .expansion-choice:not(:disabled){opacity:1;filter:none;color:#514431}
[data-theme=light] :is(.search,input,textarea,select,dialog){background:var(--panel);color:var(--text);border-color:var(--line)}
[data-theme=light] :is(.dialog,.farm-dialog) :is(input,textarea,select){background:#fffdf8;color:var(--text)}
[data-theme=light] :is(.gold,.shared-card-metrics strong,.shared-focus-grid strong){color:var(--gold)}
[data-theme=light] :is(.run-note,.farm-warning){color:#80521c}
[data-theme=light] .dashboard-focus .spotlight-target{background:var(--panel2);color:var(--text);border-color:var(--line)}
[data-theme=light] .dashboard-focus .spotlight-target small{color:var(--muted)}
[data-theme=light] .farm-card :is(.shared-card-heading small,.shared-focus-grid small,.shared-card-metrics small){color:var(--muted)}
[data-theme=light] .item-link{color:#302c27}
[data-theme=light] .item-link.item-quality-0{color:#65605a}
[data-theme=light] .item-link.item-quality-1{color:#302c27}
[data-theme=light] .item-link.item-quality-2{color:#237426}
[data-theme=light] .item-link.item-quality-3{color:#1767a1}
[data-theme=light] .item-link.item-quality-4{color:#773da8}
[data-theme=light] .item-link.item-quality-5{color:#99500a}
[data-theme=light] .item-link.item-quality-6{color:#806023}
[data-theme=light] .item-link.item-quality-7{color:#51565d}
[data-theme=light] .raid-name{color:#87561e!important}
[data-theme=light] .dungeon-name{color:#20698d!important}
/* Artwork keeps its own readable dark-surface palette. */
[data-theme=light] .art-row{--text:#f4f0e8;--muted:#c9c6c1;--gold:#e5c477;--line:#696153;--panel:#1c1d26;--panel2:#292a32;color:var(--text);background:#1c1d26;border-color:#696153}
[data-theme=light] .art-row::after{background:linear-gradient(90deg,#11141deb,#151a23cf 57%,#171b24a6)}
[data-theme=light] .art-row :is(.run-meta,.run-note,small){color:#d8d4cc}
[data-theme=light] .art-row :is(.raid-name,.run-name.raid-name){color:#efc474!important}
[data-theme=light] .art-row :is(.dungeon-name,.run-name.dungeon-name){color:#99cef0!important}
[data-theme=light] .art-row :is(.gold,.shared-card-metrics strong,.shared-focus-grid strong){color:#edcd80}
[data-theme=light] .art-row .btn{background:#65502b;color:#fff0c7;border-color:#b99a58}
[data-theme=light] .art-row .btn.ghost{background:#24252bdd;color:#f4f0e8;border-color:#938268}
[data-theme=light] .art-row .btn:hover:not(:disabled){background:#51432e;border-color:#d8b870}
[data-theme=light] .art-row .btn:disabled{background:#2b2b30;color:#9f9c95;border-color:#57544e;opacity:1}
[data-theme=light] .shared-instance-card.is-paused{opacity:1;border-style:dashed}
[data-theme=light] .shared-card-state{background:#344536;color:#e1efde;border:1px solid #789273}
[data-theme=light] .shared-card-state[data-state="Not on route"],[data-theme=light] .shared-card-state[data-state="Add a character"]{background:#383d46;color:#e8e8ec;border-color:#848a95}
[data-theme=light] .shared-instance-card.is-paused .shared-card-state{background:#57472a;color:#ffe5a9;border-color:#af945e}
[data-theme=light] .art-row .item-link.item-quality-1{color:#fff}
[data-theme=light] .art-row .item-link.item-quality-2{color:#85de7f}
[data-theme=light] .art-row .item-link.item-quality-3{color:#87bfff}
[data-theme=light] .art-row .item-link.item-quality-4{color:#d1a3ff}
[data-theme=light] .art-row .item-link.item-quality-5{color:#ffd08c}
[data-theme=light] .art-row .item-link:not([class*="item-quality-"]){color:#f4f0e8}
[data-theme=light] .art-row.inactive{opacity:1}
[data-theme=light] .art-row .item-link.item-quality-0{color:#b8b6b0}
[data-theme=light] .art-row .item-link.item-quality-6{color:#e6c98a}
[data-theme=light] .art-row .item-link.item-quality-7{color:#d2d2d2}

/* v12.54: character-page action remains aligned to the right. */
.roster-page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.roster-page-title .roster-header-actions{margin-left:auto;justify-content:flex-end}
@media(max-width:520px){.roster-page-title{display:flex}.roster-page-title .roster-header-actions{width:100%;justify-content:flex-end}}

/* v12.55: softened ivory artwork and saved-theme welcome screen. */
[data-theme=light]{color-scheme:light}
[data-theme=dark]{color-scheme:dark}
[data-theme=light] .run-meta,[data-theme=light] .run-note{color:var(--muted);text-shadow:none}
[data-theme=light] .history-row .run-meta{color:#655a4c;text-shadow:none}
[data-theme=light] .expansion-icon-picker .expansion-choice:not(:disabled){color:#514431!important;opacity:1;filter:none;text-shadow:none}
[data-theme=light] .expansion-icon-picker .expansion-choice.is-selected{color:#493414!important;background:#e7d4a9;border-color:#947030}
[data-theme=light] .art-row{--text:#302c27;--muted:#655a4c;--gold:#805719;--line:#cbbfae;--panel:#faf7f0;--panel2:#f0e9dc;background:#faf7f0;color:#302c27;border-color:#cbbfae;text-shadow:none}
[data-theme=light] .art-row::before,[data-theme=light] .art-row:hover::before{opacity:.6;filter:saturate(.65) brightness(1.25);transform:scale(1.03)}
[data-theme=light] .art-row::after{background:linear-gradient(90deg,#faf7f0fc 0%,#faf7f0ee 38%,#faf7f0bd 65%,#faf7f077 100%)}
[data-theme=light] .art-row :is(.run-meta,.run-note,small){color:#655a4c;text-shadow:none}
[data-theme=light] .art-row :is(.run-name,.content-row strong){text-shadow:none}
[data-theme=light] .art-row :is(.raid-name,.run-name.raid-name){color:#87561e!important;text-shadow:none}
[data-theme=light] .art-row :is(.dungeon-name,.run-name.dungeon-name){color:#20698d!important;text-shadow:none}
[data-theme=light] .art-row :is(.gold,.shared-card-metrics strong,.shared-focus-grid strong,.run-metrics){color:#805719;text-shadow:none}
[data-theme=light] .art-row .btn{background:#e7d4a9;color:#493414;border-color:#ad8f53}
[data-theme=light] .art-row .btn.ghost{background:#faf7f0ed;color:#302c27;border-color:#bcae98}
[data-theme=light] .art-row .btn:hover:not(:disabled){background:#eadbbf;border-color:#947030}
[data-theme=light] .art-row .btn:disabled{background:#e7e3dc;color:#777168;border-color:#c8c1b7}
[data-theme=light] .shared-card-state{background:#e3ecdf;color:#2c5c36;border-color:#9bac91}
[data-theme=light] .shared-card-state[data-state="Not on route"],[data-theme=light] .shared-card-state[data-state="Add a character"]{background:#e8e5de;color:#605b52;border-color:#bcb6a9}
[data-theme=light] .shared-instance-card.is-paused .shared-card-state{background:#f0dfb8;color:#70501c;border-color:#b9a071}
[data-theme=light] .art-row .item-link{color:#302c27}
[data-theme=light] .art-row .item-link.item-quality-0{color:#65605a}
[data-theme=light] .art-row .item-link.item-quality-1{color:#302c27}
[data-theme=light] .art-row .item-link.item-quality-2{color:#237426}
[data-theme=light] .art-row .item-link.item-quality-3{color:#1767a1}
[data-theme=light] .art-row .item-link.item-quality-4{color:#773da8}
[data-theme=light] .art-row .item-link.item-quality-5{color:#99500a}
[data-theme=light] .art-row .item-link.item-quality-6{color:#806023}
[data-theme=light] .art-row .item-link.item-quality-7{color:#51565d}
[data-theme=light] .art-row .item-link:not([class*="item-quality-"]){color:#302c27}
[data-theme=light] #app:has(.welcome-frame){background:linear-gradient(#f5f0e6e8,#eee9dff5),url('/assets/azeroth-ledger-background.webp') center / cover no-repeat fixed}
[data-theme=light] #app .welcome-frame{background:transparent;box-shadow:none;color:var(--text)}
[data-theme=light] .welcome-story .welcome-brand{color:#302c27}
[data-theme=light] .welcome-choice{background:#faf7f0ed;border-color:#cbbfae}
[data-theme=light] .welcome-story .welcome-beta-note span{color:#654817;background:#e9dbbd;border-color:#b79a60}
[data-theme=light] .welcome-story .welcome-rule{background:linear-gradient(90deg,transparent,#a9844b80,transparent)}
[data-theme=light] .welcome-crest{filter:drop-shadow(0 8px 15px #80571925)}

/* v12.56: light-theme spotlight actions and unboxed welcome branding. */
[data-theme=light] .dashboard-focus .spotlight-instance .btn:not(.ghost){background:#e7d4a9;color:#493414;border-color:#ad8f53}
[data-theme=light] .dashboard-focus .spotlight-instance .btn:not(.ghost):hover:not(:disabled){background:#eadbbf;color:#493414;border-color:#947030}
[data-theme=light] .dashboard-focus .spotlight-instance .btn:not(.ghost):disabled{background:#e7e3dc;color:#777168;border-color:#c8c1b7;opacity:1}
[data-theme=light] #app:has(.welcome-frame) .welcome-story{background:transparent;border:0;box-shadow:none}