/* Index 0.22: calm interface details, using the existing amber line system. */
.language-switch{pointer-events:auto;display:flex;align-items:center;border-left:1px solid #d6bf9326;padding-left:10px;margin-left:2px}
.language-trigger{display:flex;gap:6px;align-items:center;min-height:30px;padding:2px 5px;color:#e6c696;font:9px var(--mono);letter-spacing:.8px;border-radius:4px}
.language-trigger svg{width:13px;height:13px}.language-trigger:hover{background:#ffb35c0c;color:#ffcf8c}
.language-popover{z-index:1000}.language-popover [role=option]{grid-template-columns:29px 1fr 16px!important}
.city-presence{position:absolute;right:30px;top:139px;display:flex;align-items:center;gap:9px;z-index:6;color:#aaa992;transition:opacity .3s}
.city-presence button{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:.7px;min-height:28px;padding:4px 6px}
.city-presence time{color:#d3cbb9;font-variant-numeric:tabular-nums}.city-presence [data-clock-label]{font-size:7px;letter-spacing:1.2px;color:#898b79}
.presence-orbit{display:block;height:12px;width:12px;border:1px solid #d4aa6b4d;border-radius:50%;position:relative;transform:rotate(-35deg)}
.presence-orbit:after{content:'';position:absolute;inset:4px -4px;border-block:1px solid #e2b57655;border-radius:50%}
.panel-open .city-presence{opacity:0;pointer-events:none}
.panel-language{position:absolute;right:62px;top:19px;display:flex;gap:2px;border:1px solid #ddbd8320;border-radius:5px;padding:2px;z-index:5;background:#161910}
.panel-language button{min-width:28px;min-height:25px;font:9px var(--mono);letter-spacing:.6px;border-radius:3px;color:#989d88}
.panel-language button[aria-pressed=true]{color:#ffcc86;background:#e7a44c12}.panel-language button:hover{color:#ffcf8d}
.space-card:hover,.account-node:hover,.phase-card:hover{background-image:radial-gradient(210px circle at 50% 50%,#ffb95f0b,transparent 70%)}
@media(min-width:761px){.world-heading{gap:11px}.world-heading .view-help{white-space:nowrap}}
@media(max-width:1100px){.world-heading .world-status{display:none}.city-presence{top:137px;right:22px}}
@media(max-width:760px){.world-heading{left:14px;right:14px;width:auto;top:211px!important;justify-content:space-between;gap:8px}.world-heading .world-status{display:none}.language-switch{margin-left:auto;padding-left:9px}.language-trigger{min-height:27px;font-size:9px}.city-presence{top:256px;right:20px;gap:5px;opacity:.8}.city-presence button{font-size:8px;gap:6px}.presence-orbit{width:10px;height:10px}.panel-language{top:16px;right:56px}}
@media(max-width:360px){.world-heading{top:218px!important}.city-presence{top:259px}.world-heading .eyebrow{font-size:7px}.language-trigger{font-size:8px}}
@media(prefers-reduced-motion:reduce){.city-presence{transition:none}.space-card,.account-node,.phase-card{background-image:none!important}}
html[data-interface-motion=off] .space-card,html[data-interface-motion=off] .account-node,html[data-interface-motion=off] .phase-card{background-image:none!important}

/* Share one stable header row with the panel's close control. */
.panel-language{top:0;right:42px}
.room-breadcrumb{justify-content:flex-start;gap:12px;padding-right:126px}
.academy-topline,.lesson-top{padding-right:130px!important;min-height:36px;flex-wrap:wrap}
@media(max-width:760px){.panel-language{top:0;right:40px}.room-breadcrumb{padding-right:110px}.academy-topline,.lesson-top{padding-right:114px!important}}
.panel-language{pointer-events:auto}


/* Hover stays on the control; the operating system owns the cursor. */
@media(hover:hover) and (pointer:fine){
 :where(button,a[href],summary,[role=button],[role=tab],[role=option]):hover:not(:disabled):not([aria-disabled=true]):not(:focus-visible):not(.atlas-building):not(.atlas-sun-control){outline:1px solid #e2b57638;outline-offset:2px}
}