/* v77: Friends & Creators are flat, not striped cards. Three accessible theme palettes. */
html[data-world-theme="default"]{--fc-bg:#0d1923;--fc-surface:#172938;--fc-ink:#f3f8fc;--fc-muted:#c1d1dd;--fc-line:#365063;--fc-active:#294b61;--fc-active-ink:#fff;--fc-button:#b7eaf5;--fc-button-ink:#102d3b}
html[data-world-theme="soft"]{--fc-bg:#1a2b37;--fc-surface:#304657;--fc-ink:#f8fbfd;--fc-muted:#d2e0e9;--fc-line:#647c8c;--fc-active:#49677a;--fc-active-ink:#fff;--fc-button:#b9e7ef;--fc-button-ink:#122f3c}
html[data-world-theme="light"]{--fc-bg:#b1c1ce;--fc-surface:#dce8ee;--fc-ink:#163143;--fc-muted:#365367;--fc-line:#91a9b8;--fc-active:#316b85;--fc-active-ink:#fff;--fc-button:#24718c;--fc-button-ink:#fff}
html[data-world-theme] body:has(.app .topbar),html[data-world-theme] body:has(.shell .top){background:var(--fc-bg)!important;color:var(--fc-ink)!important;--text:var(--fc-ink)!important;--muted:var(--fc-muted)!important;--line:var(--fc-line)!important}
/* Remove the blue / white rectangle and its section-heading stripe; keep actual content. */
html[data-world-theme] body .app main,html[data-world-theme] body .shell main,
html[data-world-theme] body .app .content,html[data-world-theme] body .shell .content,
html[data-world-theme] body .app .pane,html[data-world-theme] body .shell .pane,
html[data-world-theme] body .app .panel,html[data-world-theme] body .shell .panel,
html[data-world-theme] body .app .section-title,html[data-world-theme] body .shell .section-title,
html[data-world-theme] body .app .empty,html[data-world-theme] body .shell .empty,
html[data-world-theme] body .shell .intro,html[data-world-theme] body .shell .ranking-list {
 background:transparent!important;background-color:transparent!important;box-shadow:none!important;
 border-color:transparent!important;color:var(--fc-ink)!important;
}
html[data-world-theme] body .app .section-title,html[data-world-theme] body .shell .section-title{
 display:block!important;padding:0!important;margin:0 0 17px!important;letter-spacing:.08em!important;
}
html[data-world-theme] body .app .topbar,html[data-world-theme] body .shell .top{
 background:transparent!important;border-bottom:1px solid var(--fc-line)!important;
}
html[data-world-theme] body .app :is(h1,h2,h3,.section-title,.name,.details,.empty strong,.empty span,.helper,.sub,.online-note),
html[data-world-theme] body .shell :is(h1,h2,h3,.intro,.tools label,.ranking-info,.ranking-empty,.rank-name,.rank-score,.empty,.empty strong,.empty span){
 color:var(--fc-ink)!important;text-shadow:none!important;
}
html[data-world-theme] body .app :is(.sub,.helper,.online-note),html[data-world-theme] body .shell :is(.intro,.ranking-info,.ranking-empty,.rank-score small){color:var(--fc-muted)!important}
html[data-world-theme] body .app .tab:not(.active):not(.add),html[data-world-theme] body .shell .tab:not(.active){
 background:transparent!important;color:var(--fc-ink)!important;opacity:1!important;
}
html[data-world-theme] body .app .tab.active,html[data-world-theme] body .shell .tab.active,
html[data-world-theme] body .shell .rank-tab.active{
 background:var(--fc-active)!important;color:var(--fc-active-ink)!important;border-color:var(--fc-active)!important;
}
html[data-world-theme] body .app .tab.add,html[data-world-theme] body .app .primary,
html[data-world-theme] body .shell .primary{
 background:var(--fc-button)!important;color:var(--fc-button-ink)!important;
}
html[data-world-theme] body .app :is(input,select,.action),html[data-world-theme] body .shell :is(input,select,textarea,.rank-tab){
 background:var(--fc-surface)!important;color:var(--fc-ink)!important;border:1px solid var(--fc-line)!important;
}
html[data-world-theme] body .app input::placeholder,html[data-world-theme] body .shell input::placeholder{color:var(--fc-muted)!important;opacity:1}
html[data-world-theme] body .app .row,html[data-world-theme] body .shell .rank-row{border-bottom:1px solid var(--fc-line)!important}
html[data-world-theme] body .shell .creator{background:var(--fc-surface)!important;color:var(--fc-ink)!important;border-color:var(--fc-line)!important}
/* Modal must remain identical and legible regardless of the page theme. */
body .world-settings-overlay:not([hidden]),body .settingsOverlay:not(.hidden){background:rgba(0,0,0,.73)!important;z-index:10002!important}
body .world-settings-dialog,body .settingsDialog{
 background:#213849!important;color:#f7fbff!important;border:1px solid #638398!important;
 border-radius:18px!important;box-shadow:0 25px 75px #0009!important;
}
body .world-settings-dialog :is(h2,label,p,strong),body .settingsDialog :is(h2,label,p,strong,span){color:#f7fbff!important;opacity:1!important;text-shadow:none!important}
body .world-settings-dialog p,body .settingsDialog .settingsNote{color:#d4e5ee!important}
body .world-settings-dialog select,body .settingsDialog select{
 background:#344d60!important;color:#fff!important;border:1px solid #7294a8!important;
}
body .world-settings-dialog select option,body .settingsDialog select option{background:#213849!important;color:#fff!important}
body .world-settings-dialog input[type="checkbox"],body .settingsDialog input[type="checkbox"]{accent-color:#aee5ee!important}
body .world-settings-dialog button,body .settingsDialog button{color:#fff!important}