/* World has its own bolder palette. Avatar, Shop and account styles remain scoped away. */
html[data-world-panel="world"] .world-heading,html[data-world-panel="world"] .world-dashboard { display:none; }
html[data-page="world"][data-world-panel="world"] #floating-tools { display:none; }
.world-panel[data-world-panel="world"] { --world-ink:#20394b; --world-accent:#d8a662; --world-paper:#fafaf6; }
.world-panel[data-world-panel="world"].active { display:grid; gap:20px; align-items:start; }
.world-activities.world-card { display:block; padding:0; border:1px solid #c6cfd2; border-radius:22px; overflow:hidden; box-shadow:0 12px 32px #20394b09; background:var(--world-paper); }
.world-intro-banner { position:relative; padding:24px 24px 18px; }
.world-intro-banner > div { min-width:0; flex:1; }
.world-intro-banner .eyebrow { color:#6d512a; letter-spacing:.12em; font-size:10px; margin:0 0 22px; margin-inline-end:94px; }
.world-intro-banner h2 { font-family:var(--font-body,system-ui,sans-serif); color:var(--world-ink); font-size:clamp(25px,4vw,34px); font-weight:800; letter-spacing:-.04em; line-height:1.1; margin:0 0 12px; }
.world-intro-banner p:not(.eyebrow) { color:#52616b; font-size:14px; line-height:1.55; margin:0; max-width:44ch; }
.world-intro-banner .context-guide-button { position:absolute; inset-block-start:14px; inset-inline-end:20px; margin:0; border-color:#9eafb8; color:var(--world-ink); font-size:12px; }
.world-topic-browser { padding:0 24px 20px; }
.world-topic-browser label { font-weight:700; color:var(--world-ink); margin-bottom:8px; }
.world-topic-browser select { border-color:#9eafb8; border-radius:10px; font-size:16px; min-height:48px; background:white; color:#243c4c; }
.world-topic-shortcuts { display:flex; gap:8px; overflow:auto; padding:12px 0 4px; scrollbar-width:thin; overscroll-behavior-inline:contain; }
.world-topic-shortcuts button { display:flex; gap:6px; align-items:center; flex:none; min-height:44px; max-width:220px; padding:7px 10px; border:1px solid #cbd5db; border-radius:10px; background:#fff; color:#344c5e; font:inherit; font-size:12px; line-height:1.35; text-align:start; }
.world-topic-shortcuts .community-art { width:28px; height:28px; flex:none; }
.world-topic-shortcuts button[aria-pressed="true"] { background:#e5edf3; border-color:#3d637f; box-shadow:inset 0 -2px #3d637f; }
.world-topic.world-topic { display:block; margin:0; padding:0; border:0; border-radius:0; background:white; overflow:hidden; }
.world-topic-cover { display:grid; grid-template-columns:minmax(0,1fr) 96px; gap:8px; align-items:center; padding:22px 24px; background:linear-gradient(125deg,#172d3c,#284c61); color:#fff; position:relative; isolation:isolate; }
.world-topic-cover::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.13; background:repeating-linear-gradient(135deg,transparent 0 34px,#b4cbd5 35px,transparent 36px 70px); }
.world-topic-cover small { color:#e6bf83; font-size:10px; font-weight:800; letter-spacing:.15em; }
.world-topic-cover p { color:#c6dae4; font-size:13px; margin:14px 0 6px; }
.world-topic-cover h3 { color:white; font-size:clamp(24px,3vw,30px); font-weight:800; line-height:1.18; letter-spacing:-.025em; margin:0; }
.world-topic-art { width:96px; aspect-ratio:1; padding:8px; background:#ffffff0d; border:1px solid #ffffff26; border-radius:24px; transform:rotate(-6deg); }
.world-topic-art .community-art { width:100%; height:100%; color:#e9c589; }
.world-topic-art .art-wash { fill:#bfd9e214; }
.world-topic:is([data-topic="gaming"],[data-topic="digital"],[data-topic="music"]) .world-topic-cover { background:linear-gradient(125deg,#272c4d,#38476b); }
.world-topic:is([data-topic="motors"],[data-topic="diy"],[data-topic="trades"]) .world-topic-cover { background:linear-gradient(125deg,#333b40,#56514b); }
.world-topic:is([data-topic="outdoors"],[data-topic="sport"],[data-topic="fitness"]) .world-topic-cover { background:linear-gradient(125deg,#193d3e,#2f5b56); }
.world-topic-body { display:grid; gap:12px; padding:24px; }
.world-topic-body > .channel-prompt { border:1px solid #b6cbd7; border-inline-start:4px solid #557c99; border-radius:12px; background:#f0f5f8; color:#203d52; font-size:18px; text-align:start; }
.world-topic-body .world-meaning { color:#526572; margin:0; font-size:14px; }
.world-topic-body details { border-block:1px solid #e0e6e9; padding-block:4px; }
.world-topic-body summary { color:#20394b; font-size:14px; }
.world-topic-body .world-phrase { padding:14px 0; }
.world-topic-body .world-phrase + .world-phrase { border-top:1px solid #e0e6e9; }
.world-topic-actions { padding-top:4px; }
.world-topic-actions .primary-button { background:#244c64; border-color:#244c64; box-shadow:0 5px 12px #20394b18; }
.world-topic-actions .outline-button { border-color:#698292; color:#284f66; }
.world-interest-options.world-interest-options { margin:0; padding:0; border:1px solid #c6cfd2; border-radius:18px; background:#fff; min-width:0; }
.world-interest-options > summary { padding:18px 20px; color:#20394b; font-size:14px; }
.world-interest-options .world-card { border:0; border-radius:0 0 18px 18px; box-shadow:none; padding:0 20px 20px; background:transparent; }
.world-interest-options .world-card h2 { font-family:var(--font-body,system-ui,sans-serif); font-size:25px; font-weight:800; color:#20394b; letter-spacing:-.035em; }
.world-interest-options .world-intro { color:#526572; font-size:13px; line-height:1.55; }
.world-interest-options .eyebrow { color:#6d512a; font-size:10px; }
#interest-grid { display:block; }
.world-interest-count { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#435e72; margin:16px 0 8px; }
.world-interest-count b { font-variant-numeric:tabular-nums; padding:5px 10px; border-radius:8px; background:#e8f0f5; }
.world-interest-group { margin:18px 0 0; padding:0; border:0; min-width:0; }
.world-interest-group legend { padding:0 0 10px; color:#324d60; font-size:12px; font-weight:800; }
.world-interest-group > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.world-interest-group .interest-chip { display:grid; grid-template-columns:24px minmax(0,1fr) 10px; gap:6px; align-items:center; min-height:66px; padding:8px; border:1px solid #bdcbd4; border-radius:12px; background:#fff; text-align:start; box-shadow:none; }
.world-interest-group .community-art { width:24px; height:24px; color:#4b697e; }
.world-interest-group .art-wash { fill:#edf1f3; }
.world-interest-group .interest-chip strong { font-size:12px; line-height:1.35; font-weight:650; color:#2b4659; overflow-wrap:anywhere; }
.world-interest-group .interest-chip.active { background:#e8f0f6; border-color:#35617d; box-shadow:inset 0 0 0 1px #35617d; }
.world-interest-group .interest-check { color:#345d78; font-size:15px; font-weight:800; }
.world-panel[data-world-panel="world"] :is(button,select,summary):focus-visible { outline:3px solid #ba8238; outline-offset:3px; }
@media (min-width:1000px) {
 html[data-page="world"][data-world-panel="world"] .app-shell { max-width:1120px; }
 html[data-page="world"][data-world-panel="world"] .bottom-nav { max-width:1120px; left:max(0px,calc((100vw - 1120px)/2)); right:max(0px,calc((100vw - 1120px)/2)); }
 .world-panel[data-world-panel="world"].active { grid-template-columns:minmax(0,1.25fr) minmax(310px,.85fr); }
 .world-interest-options { grid-column:2; }
}
@media (max-width:380px) { .world-intro-banner { flex-wrap:wrap; }.world-intro-banner,.world-topic-cover,.world-topic-body { padding:20px 16px; }.world-topic-browser { padding-inline:16px; }.world-topic-cover { grid-template-columns:minmax(0,1fr) 82px; }.world-topic-art { width:82px; border-radius:18px; }.world-interest-options .world-card { padding-inline:14px; }.world-interest-group .interest-chip { grid-template-columns:24px minmax(0,1fr); padding:8px; gap:6px; }.world-interest-group .community-art { width:24px; height:24px; }.world-interest-group .interest-check { display:none; } }
.a11y-font-200 .world-topic-cover { grid-template-columns:minmax(0,1fr); }.a11y-font-200 .world-topic-art { display:none; }.a11y-font-200 .world-interest-group > div { grid-template-columns:minmax(0,1fr); }
.high-contrast .world-topic-cover { background:#122837; }.high-contrast .world-topic-cover p { color:#fff; }.high-contrast .world-interest-group .interest-chip { border:2px solid #20394b; }
@media (prefers-reduced-motion:no-preference) { .world-topic-art { transition:transform .2s ease; }.world-topic-cover:hover .world-topic-art { transform:rotate(0); } }