/* In-room HUD; the host owns the persistent Home/Work launcher and hides its legacy chrome. */
.hw-ui{position:absolute;inset:0;z-index:6;pointer-events:none;color:var(--ink,#16202e);font:13px/1.4 Inter,system-ui,-apple-system,sans-serif}
.hw-panel{position:absolute;right:16px;top:82px;width:min(338px,calc(100vw - 32px));max-height:calc(100% - 100px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:13px;background:var(--panel,rgba(255,255,255,.9));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line,rgba(30,45,70,.1));border-radius:14px;box-shadow:var(--shadow,0 10px 30px rgba(20,35,60,.12));pointer-events:auto}
.hw-panel[hidden]{display:none}
.hw-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hw-head strong{display:block;font-size:15px;letter-spacing:-.01em}.hw-head small{display:block;color:var(--muted,#5d6b7e);font-size:11px;margin-top:2px}
.hw-close{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--panel-solid,#fff);font-size:20px;line-height:1;color:var(--muted)}
.hw-space-nav,.hw-tools,.hw-grid{display:flex;gap:5px;flex-wrap:wrap}.hw-space-nav{padding-bottom:8px;border-bottom:1px solid var(--line)}
.hw-orbit{display:flex;gap:5px;align-items:center}.hw-orbit button{flex:1}.hw-orbit [data-view-reset]{flex:2;white-space:nowrap}
.hw-panel button{font:600 11.5px/1.2 Inter,system-ui,sans-serif;color:var(--ink);background:var(--panel-solid,#fff);border:1px solid var(--line);border-radius:8px;padding:7px 9px;min-height:32px}
.hw-panel .hw-orbit [data-rotate]{font-size:19px;line-height:1}
.hw-panel button:hover:not(:disabled),.hw-panel button[aria-pressed=true]{background:var(--soft,#eef2f8)}.hw-panel button:focus-visible{outline:2px solid var(--accent,#2f6fec);outline-offset:2px}.hw-panel button:disabled{opacity:.55;cursor:default}
.hw-ownership{font-size:11px;font-weight:600;color:#765d36;background:color-mix(in srgb,#d4bd93 24%,transparent);border:1px solid color-mix(in srgb,#9b7048 28%,transparent);border-radius:8px;padding:7px 9px}
.hw-actions{min-height:36px;padding:8px 9px;border-radius:8px;background:var(--soft,#eef2f8);color:var(--muted,#5d6b7e);font-size:11.5px}
.hw-grid button{flex:1 1 145px}.hw-apps{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:8px;border-top:1px solid var(--line)}.hw-apps strong,.hw-apps small{grid-column:1/-1}.hw-apps strong{font-size:11.5px}.hw-apps small{color:var(--muted);font-size:10.5px}
.hw-touch{display:none;grid-template-columns:38px 38px 38px auto;grid-template-rows:38px 38px;gap:4px;align-items:center;justify-content:start}.hw-touch [data-move=up]{grid-column:2;grid-row:1}.hw-touch [data-move=left]{grid-column:1;grid-row:2}.hw-touch [data-move=down]{grid-column:2;grid-row:2}.hw-touch [data-move=right]{grid-column:3;grid-row:2}.hw-touch [data-interact]{grid-column:4;grid-row:2;margin-left:5px}
.hw-foot{color:var(--muted,#5d6b7e);font-size:10.5px}
@media(max-width:820px){.hw-panel{top:auto;right:8px;bottom:8px;width:min(360px,calc(100vw - 16px));max-height:min(52vh,440px);gap:8px;padding:10px}.hw-touch{display:grid}.hw-foot{display:none}.hw-panel button{min-height:36px}}
@media(prefers-reduced-motion:reduce){.hw-panel{scroll-behavior:auto}}

.hw-extras{font-size:11px;color:var(--muted)}.hw-extras summary{cursor:pointer;padding:5px 0}.hw-extras p{margin:4px 0 8px}.hw-extras button{width:100%}
.hw-design-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.hw-design-note[hidden]{display:none}
.design-menu{position:relative;font:12px/1.45 system-ui,sans-serif;color:var(--ink)}
.design-menu summary{cursor:pointer;list-style:none;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-weight:650}
.design-menu summary::after{content:'＋';float:right;margin-left:10px}.design-menu[open] summary::after{content:'−'}
.design-menu summary span{display:block;font-size:10px;font-weight:400;color:var(--muted)}
.design-menu-group{display:grid;gap:5px;margin:12px 0}
.design-menu-group>b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 3px}
.design-menu-group button{display:flex;flex-direction:column;text-align:left;width:100%;gap:3px}
.design-menu-group small{font-size:10px;font-weight:400;color:var(--muted);line-height:1.4}
.design-library-link{display:block;font-size:11px;padding:7px 3px;color:var(--ink)}
#world-designs[open]>div{position:absolute;bottom:calc(100% + 8px);right:0;width:300px;max-height:min(70vh,620px);overflow:auto;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:var(--shadow)}
#world-actions .design-menu-group button{padding:9px 10px}
@media(min-width:821px){body:not(.city-level) #world-designs[open]>div{top:calc(100% + 8px);bottom:auto;max-height:calc(100dvh - 280px)}}
@media(max-width:820px){#world-designs[open]>div{position:fixed;left:8px;right:8px;bottom:140px;width:auto;max-height:calc(100dvh - 165px)}}

:root[data-theme="dark"] .hw-ownership{color:#e8c88f;background:#30313a;border-color:#56515a}
@media(max-width:820px){.hw-touch{grid-template-columns:repeat(4,44px) 1fr;grid-template-rows:44px}.hw-touch [data-move],.hw-touch [data-interact]{grid-column:auto;grid-row:auto;margin-left:0}.hw-touch button{min-height:44px}}

.hw-workspace{display:block;text-align:center;padding:10px 12px;border-radius:10px;background:#203b53;color:#fff;text-decoration:none;font-weight:600;margin:8px 0}
.hw-workspace[hidden]{display:none}
