@import './home-housemates.css';
/* Menu text preferences keep geometry responsive instead of scaling the whole UI. */
:root { --menu-text:18px; --menu-small:14px; --menu-tiny:12px; --menu-reading:20px; --menu-tracking:.08em; }
body[data-menu-text-size="small"] { --menu-text:14px; --menu-small:12px; --menu-tiny:11px; --menu-reading:18px; }
body[data-menu-text-size="large"] { --menu-text:22px; --menu-small:18px; --menu-tiny:14px; --menu-reading:24px; --menu-tracking:.04em; }
/* Wonder menu: supplied Hunter-Midwinter instrument layout. */
:root { --menu-ink:#eef0e8; --menu-muted:#aab3ae; --menu-dim:#8d9893; --menu-amber:#e0a24b; --menu-lichen:#bdc7ad; --menu-rule:rgba(170,179,174,.25); --menu-row:rgba(170,179,174,.13); }
.wonder-menu { position:fixed; inset:0; z-index:44; color:var(--menu-ink); background:radial-gradient(circle at 70% 40%,rgba(82,101,94,.28),transparent 42%),rgba(9,14,18,.94); animation:wonder-menu-reveal .25s ease; color-scheme:dark; }
.wonder-menu[hidden],.wonder-menu [hidden] { display:none!important; }
@keyframes wonder-menu-reveal { from { opacity:0; } to { opacity:1; } }
.wonder-menu-switch { position:fixed;top:max(18px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:46;width:40px;height:40px;padding:0;border:1px solid rgba(170,179,174,.55);border-radius:50%;background:#111821;overflow:hidden;cursor:pointer;transition:border-color .25s ease; }
.wonder-menu-logo { display:block;width:100%;height:100%; }
.wonder-menu-switch:hover { border-color:var(--menu-amber); }
body:has(.wonder-menu-switch) .hud-buttons { display:none; }
body:has(#start-surface:not([hidden])) .wonder-menu-switch { display:none; }
body.wonder-menu-open .identity { z-index:45;pointer-events:none;max-width:210px; }
body.wonder-menu-open .identity #place { display:none; }
body.wonder-menu-open :is(.beta-build-status,#home-world-label,#home-compass,#god-mode-hud,#land-cover-hud,#vehicle-fuel-gauge,#action-focus,#action-cross,#touch-controls,#action-hints,.instrument-hud,.gamepad-hint) { visibility:hidden; }
body.wonder-hud-hidden > :is(.wonder-menu,.wonder-menu-switch,.wonder-microphone-toggle) { visibility:visible!important;opacity:1!important; }
.wonder-menu-tabs { position:absolute;top:0;right:80px;height:76px;display:flex;align-items:stretch; }
.wonder-menu-tab { display:flex;align-items:center;gap:8px;padding:0 18px;border:0;border-top:2px solid transparent;border-radius:0;background:none;color:var(--menu-dim);font:var(--menu-text) ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer; }
.wonder-menu-tab:hover { color:var(--menu-ink); }
.wonder-menu-tab[aria-selected="true"] { border-top-color:var(--menu-amber);background:rgba(36,41,44,.72);color:var(--menu-ink); }
.wonder-menu-tab-settings { width:54px;padding:18px; }
.wonder-menu-tab-settings svg { width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5; }
.wonder-menu-home-badge { color:var(--menu-lichen);font:var(--menu-tiny) ui-monospace,monospace;letter-spacing:.08em; }
.wonder-menu-step { display:flex;align-items:center;cursor:default;border:0;background:none;padding:0 12px;color:var(--menu-dim);font:var(--menu-small) ui-monospace,monospace;letter-spacing:.12em; }
.wonder-menu-content { position:absolute;inset:76px 0 56px;overflow:auto;overscroll-behavior:contain;padding:56px 96px 40px; }
.wonder-menu-kicker { margin:0 0 14px;color:var(--menu-amber);font:var(--menu-text)/1.6 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase; }
.wonder-menu-title { margin:0 0 36px;font:500 64px/1 'Avenir Next Condensed','Barlow Condensed',sans-serif;letter-spacing:-.04em; }
.wonder-menu-footer { position:absolute;inset:auto 24px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px; }
.wonder-menu-controls-hint,.wonder-menu-footer button { padding:0;border:0;background:none;color:var(--menu-dim);font:var(--menu-small) ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase; }
.wonder-menu-footer button { cursor:pointer; }
.wonder-menu :is(button,input,select,textarea,a):focus-visible,.wonder-menu-switch:focus-visible { outline:2px solid var(--menu-amber);outline-offset:3px; }
.wonder-menu button:focus:not(:focus-visible) { outline:none; }
.wonder-menu .wonder-menu-embedded { position:static;inset:auto;width:100%;max-width:none;max-height:none;height:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;transform:none;background:none;overflow:visible;display:block; }
.wonder-menu :is(.navigation-shell,.memory-sheet,.pause-panel) { width:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;box-shadow:none;background:none;overflow:visible; }
.wonder-menu :is(.navigation-heading,.memory-heading,.first-day-home-heading,.people-panel>header,.pause-heading) { display:none; }
.wonder-menu :is(button,input,select,textarea) { border-radius:2px; }
.wonder-menu :is(input,select,textarea) { color:var(--menu-ink);background:#0d1418;border:1px solid rgba(170,179,174,.55); }
.wonder-menu :is(input,textarea)::placeholder { color:#89928e; }
.wonder-menu .wonder-instrument { color:var(--menu-ink);font:var(--menu-text)/1.6 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase; }
.wonder-menu :is(.wonder-qualifier,.wonder-menu-note,.wonder-menu-unavailable) { color:#89928e;font:var(--menu-small)/1.7 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase; }
.wonder-menu .wonder-section-label { margin:0 0 15px;color:var(--menu-dim);font:var(--menu-small)/1.6 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase; }
.wonder-menu :is(.wonder-primary,.wonder-text-button) { padding:9px 12px;border:1px solid var(--menu-amber);background:rgba(36,41,44,.72);color:var(--menu-ink);font:var(--menu-small)/1.5 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer; }
.wonder-menu .wonder-text-button { border:0;background:none;color:var(--menu-dim);padding:9px 0; }
.wonder-menu .wonder-detail-title { margin:10px 0 18px;font:500 34px/1.05 'Avenir Next Condensed','Barlow Condensed',sans-serif;letter-spacing:-.03em;color:var(--menu-ink); }
/* The rail occupies a real column, including on phones. */
.wonder-menu .wonder-home.wonder-menu-embedded { display:grid;grid-template-columns:22px minmax(0,1fr);gap:20px; }
.wonder-home-body { min-width:0; }
.wonder-home-rail { border-left:2px dashed #7e8884;color:#7e8884;writing-mode:vertical-rl;font:var(--menu-small) ui-monospace,monospace;letter-spacing:.32em;text-transform:uppercase;padding-top:10px; }
.wonder-home[data-at-home="true"] .wonder-home-rail { border-left-style:solid;border-left-color:var(--menu-lichen);color:var(--menu-lichen); }
.wonder-subtabs { display:flex;gap:8px;overflow-x:auto;padding:6px;margin:-6px -6px 0; }
.wonder-subtabs button { flex:1 0 auto;min-height:44px;border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 14px;color:var(--menu-dim);background:rgba(170,179,174,.04);font:var(--menu-text) ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer; }
.wonder-subtabs button[aria-current="true"] { border-bottom-color:var(--menu-amber);background:rgba(224,162,75,.18);color:var(--menu-ink); }
.wonder-home-tab-hint { margin:7px 0 20px;color:var(--menu-muted);font:var(--menu-small)/1.5 ui-monospace,monospace;letter-spacing:.08em; }
.wonder-subtab-count { margin-left:10px;color:#89928e;font-size:var(--menu-tiny);letter-spacing:.08em; }
.wonder-home-status { border-left:2px solid #7e8884;padding:10px 14px;background:rgba(13,20,24,.68);margin-bottom:24px; }
.wonder-home[data-at-home="true"] .wonder-home-status { border-color:var(--menu-lichen); }
.wonder-home-house { display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:32px;align-items:start; }
.wonder-room-board { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(120px,auto) minmax(154px,auto) minmax(154px,auto) minmax(124px,auto);gap:4px;padding:4px;border:1px solid var(--menu-rule); }
.wonder-home[data-at-home="false"] .wonder-room-board { opacity:.6; }
.wonder-room { display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:10px 8px;text-align:left;background:rgba(13,20,24,.68);border:1px dashed var(--menu-rule);color:var(--menu-muted);cursor:pointer; }
.wonder-room[aria-pressed="true"] { border:1px solid var(--menu-amber);background:rgba(36,41,44,.72); }
.wonder-room-label { font:var(--menu-tiny)/1.3 ui-monospace,monospace;letter-spacing:.12em;color:var(--menu-dim); }
.wonder-room-tag { font:var(--menu-tiny)/1.3 ui-monospace,monospace;letter-spacing:.12em;color:var(--menu-amber); }
.wonder-room-bedroom-1 .wonder-room-tag { color:var(--menu-lichen); }
.wonder-room-reading { font:var(--menu-tiny)/1.4 ui-monospace,monospace;letter-spacing:.06em;overflow-wrap:anywhere; }
.wonder-room-bedroom-1 .wonder-room-reading { font:500 19px 'Avenir Next Condensed','Barlow Condensed',sans-serif;color:var(--menu-ink); }
.wonder-room-state { margin-top:auto;font:var(--menu-tiny) ui-monospace,monospace;color:#89928e;letter-spacing:.08em; }
.wonder-room-gauge { display:flex;flex-wrap:wrap;gap:2px; }
.wonder-room-gauge i { width:5px;height:13px;border:1px dashed rgba(170,179,174,.25); }
.wonder-room-slots { display:flex;flex-wrap:wrap;gap:3px; }
.wonder-room-slots i { width:22px;height:22px;border:1px dashed rgba(170,179,174,.35); }
.wonder-garage-bays { display:flex;gap:6px;width:100%; }
.wonder-garage-bays span { width:50%;height:50px;border:1px dashed var(--menu-rule);padding:8px;font:var(--menu-tiny) ui-monospace,monospace;color:#89928e; }
.wonder-room-detail { min-width:0;animation:wonder-menu-reveal .3s ease; }
.wonder-home-sleep { display:block;margin:24px 0 10px;padding:12px 16px;border:1px solid var(--menu-amber);background:rgba(36,41,44,.72);color:var(--menu-ink);text-transform:uppercase;font:var(--menu-text)/1.5 ui-monospace,monospace;letter-spacing:.12em;cursor:pointer; }
.wonder-home-people { display:grid;grid-template-columns:1fr 1fr;gap:48px; }
.wonder-housemates-list h3:not(:first-child) { margin-top:30px; }
.wonder-person-row { width:100%;padding:15px 12px;text-align:left;background:rgba(36,41,44,.72);border:0;border-left:2px solid var(--menu-amber);color:var(--menu-ink);font:var(--menu-text) ui-monospace,monospace;letter-spacing:.12em;cursor:pointer; }
.wonder-person-notes { display:block;box-sizing:border-box;width:100%;min-height:100px;margin-top:8px;padding:12px;font:var(--menu-reading) 'Avenir Next Condensed','Barlow Condensed',sans-serif; }
/* Places consumes the existing globe and receipt-bearing place controller. */
.wonder-menu .navigation-layout { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,1fr) minmax(200px,1fr);gap:28px; }
.wonder-menu .navigation-map { grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:1;min-height:0;align-self:start;overflow:hidden; }
.wonder-menu .navigation-canvas { width:100%;height:100%; }
.wonder-menu .navigation-places { position:static;grid-column:2;grid-row:1;max-height:none;min-width:0;display:block;overflow:visible;padding:0;border:0;background:none; }
.wonder-menu .navigation-list { display:block;min-height:0;max-height:none;overflow:visible; }
.wonder-place-row { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--menu-row); }
.wonder-place-row>button { padding:0;border:0;background:none;color:var(--menu-ink);text-align:left;font:var(--menu-text)/1.6 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase; }
.wonder-place-row>button.wonder-place-rename { color:var(--menu-dim);font-size:var(--menu-small); }
.wonder-place-row .wonder-qualifier { display:block; }
.wonder-menu #navigation-name-form { border-left:2px solid var(--menu-amber);padding:12px;margin-top:8px;background:rgba(36,41,44,.72); }
.wonder-menu #navigation-name { width:100%;box-sizing:border-box;border-color:var(--menu-amber);padding:12px;font:var(--menu-text) ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase; }
.wonder-menu #navigation-name-form button,.wonder-menu .navigation-pages button { padding:8px 10px;background:none;border:1px solid var(--menu-rule);color:var(--menu-dim);font:var(--menu-small) ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase; }
.wonder-menu #navigation-name-form label { display:none; }
.wonder-menu .navigation-pages { flex-wrap:wrap; }
.wonder-menu #navigation-status,.wonder-menu #navigation-areas-status,.wonder-menu #navigation-detail-status { font:var(--menu-small)/1.7 ui-monospace,monospace;text-transform:uppercase;color:#89928e;letter-spacing:.08em; }
.wonder-menu .navigation-areas h2 { font:var(--menu-small) ui-monospace,monospace;letter-spacing:.18em;color:var(--menu-dim);text-transform:uppercase; }
.wonder-menu .navigation-areas { grid-column:3;grid-row:1;margin:0;border:0;padding:0;min-width:0; }
.wonder-menu .wonder-country-search { width:100%;box-sizing:border-box;padding:12px;margin-bottom:12px;font:var(--menu-small) ui-monospace,monospace;letter-spacing:.12em; }
.wonder-map-group { border-bottom:1px solid var(--menu-row);padding:10px 0; }
.wonder-map-group summary,.wonder-map-country { cursor:pointer;font:var(--menu-text)/1.6 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--menu-muted); }
.wonder-map-country { padding:8px 12px; }
/* People: live read model, bounded name visibility, existing census and voice. */
.wonder-menu .people-panel { display:block; }
.wonder-menu .people-bullseye,.wonder-menu .people-distance-note { display:none; }
.wonder-people-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px; }
.wonder-menu .people-nearby { margin:0; }
.wonder-menu .people-nearby h2 { margin:0 0 15px;font:var(--menu-small) ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--menu-dim); }
.wonder-menu #people-nearby { list-style:none;margin:0;padding:0; }
.wonder-nearby-person { padding:16px;margin-bottom:8px;border-left:2px solid rgba(170,179,174,.25);background:rgba(13,20,24,.68); }
.wonder-nearby-name { display:block;font:500 28px 'Avenir Next Condensed','Barlow Condensed',sans-serif;letter-spacing:-.02em; }
.wonder-menu .wonder-people-contact button { min-width:44px;min-height:44px; }
.wonder-menu .wonder-person-detail>button+button { margin-inline-start:16px; }
.wonder-menu .people-panel .wonder-relationship-choices { display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px; }
.wonder-menu .people-total { margin:28px 0 16px;font:var(--menu-small) ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--menu-dim); }
.wonder-menu .people-panel table { width:100%;border-collapse:collapse; }
.wonder-menu .people-panel :is(td,th) { padding:13px 0;border-bottom:1px solid var(--menu-row);font:var(--menu-text) ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase; }
.wonder-menu #people-status { font:var(--menu-small)/1.7 ui-monospace,monospace;color:#89928e;text-transform:uppercase;letter-spacing:.08em; }
.wonder-people-group { border-bottom:1px solid var(--menu-row);padding:15px 0; }
.wonder-menu #settings-voice { margin-top:30px; }
.wonder-menu .voice-controls { padding:0;border:0;background:none; }
.wonder-menu .voice-controls>summary { display:none; }
.wonder-menu .voice-controls :is(p,label,button,select) { font:var(--menu-small)/1.7 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase; }
.wonder-menu .voice-controls button { background:none;border:1px solid var(--menu-rule);color:var(--menu-muted);padding:8px 12px; }

@media(min-width:681px) and (max-width:1100px) { .wonder-menu .navigation-layout { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); } .wonder-menu .navigation-areas { grid-column:2;grid-row:2; } }
@media(max-width:1100px) { .wonder-home-house { grid-template-columns:1fr; } .wonder-room-detail { max-width:600px; } }
@media(max-width:900px) { .wonder-menu-content { padding:40px; } body.wonder-menu-open .identity { max-width:140px; } .wonder-menu-tab { padding:0 12px; } .wonder-menu .navigation-layout { gap:32px; } }
@media(max-width:680px) {
 .wonder-menu-switch { top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:44px;height:44px; }
 body.wonder-menu-open .identity { max-width:calc(100% - 80px); }
 .wonder-menu-tabs { top:70px;right:0;left:0;height:48px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 44px; }
 .wonder-menu-tabs>.wonder-menu-step { display:none; }
 .wonder-menu-tab { justify-content:center;flex-direction:column;gap:4px;padding:0 4px;font-size:var(--menu-tiny);letter-spacing:.08em; }
 .wonder-menu-tab-settings { width:44px;padding:13px; }.wonder-menu-home-badge { font-size:var(--menu-tiny); }
 .wonder-menu-content { top:119px;padding:28px 14px;bottom:60px; }.wonder-menu-title { font-size:40px;margin-bottom:24px; }
 .wonder-menu-footer { left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom)); }.wonder-menu-controls-hint { font-size:var(--menu-tiny);letter-spacing:.03em; }.wonder-menu-resume { display:none; }
 .wonder-subtabs { gap:5px; }.wonder-subtabs button { padding-inline:8px;letter-spacing:.08em; }.wonder-home-tab-hint { font-size:var(--menu-tiny); }.wonder-subtab-count { display:none; }
 .wonder-home-house,.wonder-home-people,.wonder-people-layout { display:block; }
 .wonder-room-board { display:flex;flex-direction:column;gap:2px;padding:0;border:0; }
 .wonder-room { display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:44px;padding:9px 12px;gap:3px 10px;border:0;border-left:2px dashed var(--menu-rule); }
 .wonder-room[aria-pressed="true"] { border-left:2px solid var(--menu-amber); }
 .wonder-room-label { font-size:var(--menu-text);letter-spacing:.12em; }.wonder-room-state { grid-column:2;grid-row:1;font-size:var(--menu-tiny);letter-spacing:.08em; }.wonder-room-reading { grid-column:1 / -1;font-size:var(--menu-small);letter-spacing:.08em; }
 .wonder-room-tag,.wonder-room-gauge,.wonder-room-slots,.wonder-garage-bays { display:none; }
 .wonder-room-detail,.wonder-housemate-detail { margin-top:28px; }.wonder-home-status { padding:10px; }.wonder-home-status .wonder-instrument { font-size:var(--menu-small); }.wonder-home-status .wonder-qualifier { font-size:var(--menu-tiny); }
 .wonder-menu .navigation-layout { display:flex;flex-direction:column;gap:24px; }.wonder-menu .navigation-map { order:-1;width:min(100%,540px);height:auto;aspect-ratio:1;margin:auto; }.wonder-menu #navigation-places { display:block; }.wonder-menu #navigation-places-toggle { display:none; }.wonder-menu .navigation-places,.wonder-menu .navigation-areas { width:100%; }
 .wonder-people-right { margin-top:30px; }
}
@media(prefers-reduced-motion:reduce) { .wonder-menu,.wonder-room-detail { animation:none; } }
.wonder-voice-instrument { display:none; }
.wonder-menu .wonder-voice-instrument { display:block; }
.wonder-menu .voice-controls>:is(#voice-enable,#voice-listen,#voice-mute) { display:none; }
.wonder-menu .wonder-microphone-row { display:flex;width:100%;padding:13px 0!important;border:0!important;border-bottom:1px solid var(--menu-row)!important;font-size:var(--menu-text)!important;color:var(--menu-ink)!important; }
.wonder-menu .wonder-microphone-row[aria-pressed="true"] { color:#8fc79d!important; }
.wonder-hear-row { display:flex;align-items:center;gap:12px;margin:13px 0; }
.wonder-hear-row>span { font:var(--menu-text) ui-monospace,monospace;letter-spacing:.12em;margin-right:auto; }
.wonder-menu .wonder-hear-row>button { padding:8px!important; }
.wonder-menu .wonder-hear-row>button[aria-pressed="true"] { border-color:var(--menu-amber);color:var(--menu-ink); }

.wonder-radio-options { display:none; }
.wonder-menu .wonder-radio-options { display:block;margin:16px 0 8px; }
.wonder-menu .voice-controls:not([data-radio-options="true"])>:is(label,#voice-channel,#voice-station-form) { display:none; }
.wonder-menu .voice-controls #voice-channel { margin:6px 0 12px; }
.wonder-menu .voice-controls #voice-off { margin-top:10px; }
.wonder-menu .voice-controls .voice-note { font:var(--menu-small)/1.7 ui-monospace,monospace;color:#89928e;letter-spacing:.08em; }

.wonder-menu .people-groups { display:block;margin:0; }
.wonder-menu .wonder-nearby-person { padding:16px; }

.wonder-menu .wonder-map-country { cursor:default; }
.wonder-menu .pause-menu.wonder-menu-embedded { display:block;place-items:normal; }
.wonder-menu .pause-panel { justify-self:start;margin:0; }

/* Controller playtest: readable rows and no empty fixed-height Parts panes. */
.wonder-menu :is(button,input,select,textarea) { max-width:100%; }
.wonder-menu-tab { letter-spacing:var(--menu-tracking); }
.wonder-menu .navigation-map { box-sizing:border-box; }
.wonder-menu .navigation-canvas { display:block;min-width:0;max-width:100%;max-height:100%; }
.wonder-menu .wonder-text-sizes { display:flex;flex-wrap:wrap;gap:8px; }
.wonder-menu .wonder-text-sizes button { min-height:44px;padding:8px 12px;border:1px solid var(--menu-rule);color:var(--menu-muted);background:none;font:var(--menu-small) ui-monospace,monospace; }
.wonder-menu .wonder-text-sizes button[aria-pressed="true"] { color:var(--menu-ink);border-color:var(--menu-amber);background:rgba(36,41,44,.72); }
.wonder-menu .pause-row[data-row="text-size"] { grid-template-columns:1fr; }
.wonder-menu .wonder-pack-destination { display:block;color:var(--menu-dim);font:var(--menu-small)/1.5 ui-monospace,monospace;letter-spacing:.06em; }
.wonder-menu .wonder-pack-key-choices { display:flex;flex-wrap:wrap;gap:8px; }
.wonder-menu .wonder-pack-key-choices button { min-height:44px;padding:8px 12px; }
.wonder-menu .wonder-hear-row { flex-wrap:wrap; }
.wonder-menu .wonder-memory-timeline { min-width:0;overflow-x:auto;grid-template-columns:repeat(10,minmax(76px,1fr)); }
.wonder-menu .memory-list,.wonder-menu .wonder-memory-scroll { max-height:none;overflow:visible; }
.wonder-menu .memory-layout { grid-template-columns:minmax(180px,1fr) minmax(0,2.2fr); }
@media(max-width:680px) {
 .wonder-menu-tabs { display:flex;overflow-x:auto;overscroll-behavior-inline:contain; }
 .wonder-menu-tab { flex:1 0 auto;min-width:58px;font-size:var(--menu-small);padding-inline:8px; }
 .wonder-menu-tab-settings { flex:0 0 44px;min-width:44px; }
 .wonder-menu-home-badge { display:none; }
 .wonder-menu .memory-layout { grid-template-columns:minmax(0,1fr); }
 .wonder-menu .wonder-memory-header { grid-template-columns:minmax(0,1fr); }
 .wonder-menu .memory-navigation { justify-content:start; }
 .wonder-menu .wonder-volume-cells { flex-wrap:wrap; }
 .wonder-menu .pause-row { padding-inline:8px; }
 .wonder-menu .pause-row:has(.wonder-volume-cells) { grid-template-columns:1fr; }
 .wonder-menu .wonder-home.wonder-menu-embedded { grid-template-columns:22px minmax(0,1fr);gap:12px; }
 .wonder-menu .wonder-memory-timeline { grid-template-columns:repeat(10,minmax(76px,1fr)); }
}

/* Home systems use the same instrument and reading size controls as the menu. */
.wonder-home-operation { display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:22px;margin:-12px 0 18px; }
.wonder-home-operation p { flex:1;min-width:160px;margin:0;color:var(--menu-amber); }
.wonder-home-household { display:flex;align-items:center;gap:14px;margin-bottom:18px; }
.wonder-home-household-options { display:flex;gap:8px;flex-wrap:wrap;min-width:0; }
.wonder-home-household-options .wonder-home-chip { overflow-wrap:anywhere;text-align:left; }
.wonder-home-house .wonder-room-board-area { min-width:0; }
.wonder-home-house .wonder-room-board-area>.wonder-qualifier { margin-top:14px; }
.wonder-room-board { grid-template-rows:minmax(100px,auto) minmax(128px,auto) minmax(128px,auto) minmax(104px,auto); }
.wonder-room-board[data-lights="true"] { border-color:rgba(224,162,75,.55);box-shadow:0 0 48px rgba(224,162,75,.10); }
.wonder-room { border-style:solid; }
.wonder-room[data-unbuilt="true"] { border-style:dashed;background:transparent; }
.wonder-room[data-active="true"] { background:linear-gradient(rgba(224,142,58,.11),rgba(224,142,58,.11)),rgba(13,20,24,.68); }
.wonder-room[aria-pressed="true"] { box-shadow:inset 0 0 0 1px rgba(224,162,75,.5); }
.wonder-room-heading { display:flex;width:100%;justify-content:space-between;gap:5px;flex-wrap:wrap; }
.wonder-room-occupant { font:500 19px/1.1 'Avenir Next Condensed','Barlow Condensed',sans-serif;letter-spacing:-.01em;color:var(--menu-ink); }
.wonder-room-lights .wonder-room-occupant { font-size:24px; }
.wonder-room-gauge i { width:7px;height:13px;border:1px solid rgba(170,179,174,.3);box-sizing:border-box; }
.wonder-room-gauge i[data-filled="true"] { background:var(--menu-amber);border-color:var(--menu-amber); }
.wonder-room-slots i { width:30px;height:30px;display:flex;align-items:center;justify-content:center;font:7px ui-monospace,monospace;font-style:normal;letter-spacing:.06em; }
.wonder-room-slots i[data-filled="true"] { background:rgba(224,162,75,.16);border:1px solid var(--menu-amber);color:var(--menu-ink); }
.wonder-room-state:empty { display:none; }
.wonder-room-reading { margin-top:auto; }
.wonder-room .wonder-garage-bays { flex:1; }
.wonder-room .wonder-garage-bays span { flex:1;width:auto;min-width:0;height:auto;min-height:64px;box-sizing:border-box;overflow-wrap:anywhere;line-height:1.6; }
.wonder-home-prose { font:var(--menu-reading)/1.55 'Avenir Next Condensed','Barlow Condensed',sans-serif;color:var(--menu-muted);letter-spacing:.005em;margin:14px 0 20px; }
.wonder-home-reading-row { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-top:1px solid var(--menu-row);font:var(--menu-small)/1.5 ui-monospace,monospace;letter-spacing:.08em;color:var(--menu-dim);text-transform:uppercase; }
.wonder-home-reading-row>span:last-child { text-align:right;color:var(--menu-ink);overflow-wrap:anywhere; }
.wonder-home-action,.wonder-home-chip { padding:8px 10px;border:1px solid #66705f;border-radius:2px;background:rgba(36,41,44,.72);color:var(--menu-ink);font:var(--menu-small)/1.4 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer; }
.wonder-home-action { border-color:var(--menu-amber); }
.wonder-home-action:disabled,.wonder-home-chip:disabled { cursor:default;opacity:.45; }
.wonder-room-detail [aria-disabled="true"] { cursor:default;opacity:.45; }
.wonder-home-action:hover:not(:disabled),.wonder-home-chip:hover:not(:disabled) { border-color:var(--menu-amber); }
.wonder-home-action:focus-visible,.wonder-home-chip:focus-visible,.wonder-home-input:focus-visible { outline:1px solid var(--menu-amber);outline-offset:3px; }
.wonder-room-detail>.wonder-home-action,.wonder-room-detail>.wonder-text-button { margin:12px 8px 8px 0; }
.wonder-home-item { display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--menu-row); }
.wonder-home-item>div:first-child { min-width:0; }
.wonder-home-item .wonder-instrument { display:block;overflow-wrap:anywhere;text-transform:uppercase; }
.wonder-home-item .wonder-qualifier { display:block;margin-top:4px; }
.wonder-home-item>.wonder-home-action { flex:none; }
.wonder-home-installed { border-left:2px solid var(--menu-amber);padding-left:12px; }
.wonder-home-source { display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 10px; }
.wonder-home-chip[aria-pressed="true"] { border-color:var(--menu-amber);color:var(--menu-ink); }
.wonder-home-chip { border-color:var(--menu-rule);color:var(--menu-muted);background:transparent; }
.wonder-build-choice { padding:9px 0;border-top:1px solid var(--menu-row); }
.wonder-build-choice>.wonder-home-item { border:0;padding:0; }
.wonder-build-choice>.wonder-qualifier { margin:8px 0;line-height:1.5; }
.wonder-build-cost { display:flex;gap:5px 10px;flex-wrap:wrap;font:var(--menu-tiny)/1.6 ui-monospace,monospace;color:#89928e;letter-spacing:.08em; }
.wonder-build-cost .available { color:var(--menu-lichen); }
.wonder-home-input { box-sizing:border-box;min-width:0;padding:9px 10px;border:1px solid rgba(170,179,174,.55);border-radius:2px;background:rgba(13,20,24,.82);color:var(--menu-ink);font:var(--menu-text) ui-monospace,monospace;letter-spacing:.1em; }
.wonder-storage-heading { display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap; }
.wonder-storage-heading>input { width:220px;max-width:100%; }
.wonder-storage-columns { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px;margin-top:24px;align-items:start; }
.wonder-storage-pack>.wonder-section-label,.wonder-storage-group-title { border-left:2px solid var(--menu-amber);padding:6px 0 8px 14px; }
.wonder-storage-group-title { border-color:var(--menu-lichen);display:flex;align-items:center;justify-content:space-between;gap:12px; }
.wonder-storage-group-title h3 { margin:0; }
.wonder-storage-group { margin-bottom:24px; }
.wonder-storage-entry { padding-left:14px; }
.wonder-home-inline-form,.wonder-home-inline-actions { display:flex;gap:8px;align-items:center; }
.wonder-home-inline-form { flex-wrap:wrap;padding:12px 0; }
.wonder-home-inline-form input { flex:1;min-width:100px;width:140px; }
.wonder-home-effect:not(:empty) { margin-top:18px;padding-top:10px;border-top:1px solid var(--menu-rule); }
.wonder-home-effect .wonder-home-action { margin:6px 8px 6px 0; }
.wonder-home-people { display:block; }
@media(max-width:700px) {
 .wonder-storage-columns { grid-template-columns:1fr;gap:30px; }
 .wonder-home-household { align-items:flex-start;flex-direction:column;gap:8px; }
 .wonder-home-household-options { width:100%; }
 .wonder-room-heading { display:contents; }
 .wonder-room-tag { display:block;grid-column:2;grid-row:1; }
 .wonder-room-occupant { display:none; }
 .wonder-room-reading { grid-column:1 / -1; }
 .wonder-room-detail { scroll-margin-top:14px; }
 .wonder-home-action,.wonder-home-chip { min-height:36px; }
 .wonder-home-item { gap:8px; }
 .wonder-home-inline-actions { flex-wrap:wrap;justify-content:flex-end; }
 .wonder-storage-entry { padding-left:8px; }
}
.wonder-room-bedroom-1 .wonder-room-reading { font:var(--menu-tiny)/1.4 ui-monospace,monospace;letter-spacing:.06em;color:var(--menu-muted); }

.wonder-home-effect .wonder-home-prose { white-space:pre-line; }
.wonder-home-effect audio { max-width:100%;width:100%; }

/* Static views of the actual parked models; no extra interactive surface. */
.wonder-garage-bays > .wonder-garage-car { display:flex;flex-direction:column;justify-content:center;border-style:solid;padding:3px;gap:2px; }
.wonder-garage-car img { display:block;width:100%;height:auto;object-fit:contain;pointer-events:none; }
.wonder-garage-car .wonder-garage-car-caption { display:block;border:0;padding:0;width:auto;height:auto;min-height:0;text-align:center;font-size:var(--menu-tiny);line-height:1.3;color:var(--menu-ink); }
.wonder-garage-gallery { display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px; }
.wonder-garage-gallery > .wonder-garage-car { display:block;border:1px solid var(--menu-rule);padding:8px;border-radius:6px;background:rgba(255,255,255,.025); }
.wonder-garage-car-compact img { max-height:64px; }
@media(max-width:700px) { .wonder-room .wonder-garage-bays { display:flex; } .wonder-garage-car-compact img { max-height:44px; } }

/* The menu is a viewport, with bounded reading and collection panes. */
.wonder-menu { --menu-edge:24px; --menu-gap:20px; }
body.wonder-menu-open .identity { top:max(14px,env(safe-area-inset-top));left:var(--menu-edge,24px);max-width:220px; }
body.wonder-menu-open .identity .name { font-size:18px;line-height:24px;letter-spacing:.22em; }
.wonder-menu-tabs { height:48px;right:72px; }
.wonder-menu-tab { padding:0 13px;letter-spacing:.08em; }
.wonder-menu-tab-settings { width:44px;padding:13px; }
.wonder-menu-step { padding:0 8px; }
.wonder-menu-switch { top:max(8px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));width:36px;height:36px; }
.wonder-microphone-toggle { position:fixed;top:calc(max(8px,env(safe-area-inset-top)) + 42px);right:calc(max(20px,env(safe-area-inset-right)) - 4px);z-index:46;width:44px;height:44px;padding:10px;border:1px solid #aab3ae55;border-radius:50%;background:#111821;color:#d9ded9;cursor:pointer; }
.wonder-microphone-toggle[hidden] { display:none!important; }
.wonder-microphone-toggle svg { display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.wonder-microphone-toggle .wonder-microphone-slash { stroke:#f16c72;stroke-width:2.6; }
.wonder-microphone-toggle[data-muted="false"] .wonder-microphone-slash { display:none; }
.wonder-microphone-toggle[data-muted="false"] { color:#a4d3b0;border-color:#a4d3b0; }
.wonder-microphone-toggle:focus-visible { outline:2px solid var(--menu-amber);outline-offset:3px; }
.wonder-microphone-toggle:disabled { cursor:default;opacity:.65; }
.wonder-menu-content { inset:46px var(--menu-edge) 36px;display:flex;flex-direction:column;min-height:0;padding:0;overflow:visible; }
.wonder-menu-title { flex:none;margin:0 0 12px;font-size:42px;line-height:1.05; }
.wonder-menu-kicker { flex:none;margin:0 0 4px;font-size:var(--menu-small);line-height:1.3; }
.wonder-menu-feature { flex:1;min-width:0;min-height:0; }
.wonder-menu-footer { inset:auto var(--menu-edge) 10px;min-height:18px; }
.wonder-menu-controls-hint { font-size:12px;line-height:1.3;letter-spacing:.06em; }
.wonder-menu-unavailable { position:fixed;z-index:200;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:max-content;max-width:min(680px,calc(100vw - 32px));box-sizing:border-box;text-align:center;padding:8px 18px;border-top:1px solid var(--menu-amber);background:rgba(13,20,24,.9);font:500 clamp(16px,1.25vw,22px)/1.5 system-ui,sans-serif;pointer-events:none; }
.wonder-menu-unavailable:empty { display:none; }
body:has(> .transient-notice:not(:empty)) .wonder-menu-unavailable { visibility:hidden; }
body:has(.wonder-menu-unavailable:not([hidden]):not(:empty)) > .prompt { visibility:hidden; }
.wonder-menu .wonder-menu-embedded { height:100%;min-height:0; }
.wonder-menu .wonder-section-label { margin-bottom:8px;line-height:1.4;letter-spacing:.1em; }
.wonder-menu .wonder-detail-title { margin:0 0 12px;font-size:32px;line-height:1.05; }
.wonder-menu .wonder-home.wonder-menu-embedded { display:block; }
.wonder-home-body { display:flex;flex-direction:column;min-height:0;height:100%; }
.wonder-home-household { flex:none;margin:0 0 8px;gap:10px; }
.wonder-home-household .wonder-section-label { margin:0; }
.wonder-home-operation { flex:none;margin:0 0 8px;min-height:0;gap:8px; }
.wonder-home-operation .wonder-text-button { padding:4px 0; }
.wonder-home-operation p:empty { display:none; }
.wonder-home-house { flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:var(--menu-gap);align-items:stretch; }
.wonder-home-house .wonder-room-board-area { display:flex;flex-direction:column;min-height:0; }
.wonder-room-board { flex:1;min-height:0;grid-template-rows:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,1fr); }
.wonder-home-house .wonder-room-board-area>.wonder-qualifier { flex:none;margin:8px 0 0;font-size:var(--menu-tiny);line-height:1.4;letter-spacing:.04em; }
.wonder-room { min-height:0;padding:8px;gap:5px; }
.wonder-room-heading { gap:3px; }
.wonder-room-label,.wonder-room-tag { letter-spacing:.06em;overflow-wrap:anywhere; }
.wonder-room :is(.wonder-room-occupant,.wonder-room-slots,.wonder-room-gauge,.wonder-garage-bays,.wonder-room-reading,.wonder-room-state):empty { display:none; }
.wonder-room-slots { gap:2px; }
.wonder-room-slots i { width:22px;height:22px; }
.wonder-room-gauge { gap:2px; }
.wonder-room-gauge i { width:5px;height:11px; }
.wonder-room-reading { line-height:1.3;letter-spacing:.03em; }
.wonder-room .wonder-garage-bays span { min-height:0;padding:4px; }
.wonder-garage-car-compact img { max-height:80px; }
.wonder-room-detail { min-width:0;min-height:0;max-width:none;margin:0;padding:5px 6px 6px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
.wonder-home-prose { margin:8px 0 12px;line-height:1.4; }
.wonder-home .wonder-rv-home-open { flex:none;margin:0 0 8px;min-height:44px;white-space:normal; }
.wonder-home .wonder-rv-home .wonder-home-action { display:block;width:100%;min-height:44px;margin:8px 0;white-space:normal;overflow-wrap:anywhere; }
.wonder-rv-home .wonder-home-prose { overflow-wrap:anywhere; }
.wonder-home-reading-row { gap:8px;padding:7px 0;line-height:1.4;letter-spacing:.05em; }
.wonder-home-item { gap:8px;padding:8px 0; }
.wonder-home-item .wonder-instrument { font-size:var(--menu-small);line-height:1.4;letter-spacing:.05em; }
.wonder-home-item .wonder-qualifier { margin-top:3px;line-height:1.4;letter-spacing:.04em; }
.wonder-home-action,.wonder-home-chip { min-height:36px;padding:6px 8px;letter-spacing:.04em; }
.wonder-home-inline-actions { gap:6px;flex-wrap:wrap;justify-content:flex-end; }
.wonder-home-source { margin:10px 0 8px; }
.wonder-room-detail>.wonder-home-action,.wonder-room-detail>.wonder-text-button { margin:8px 6px 4px 0; }
.wonder-home-effect:not(:empty) { margin-top:10px; }
.wonder-home-sleep { margin:10px 0 8px; }
.wonder-room[aria-pressed="true"] { border-color:var(--menu-amber);background-color:#29302d;box-shadow:inset 0 0 0 1px var(--menu-amber); }
.wonder-menu :is(button,input,select,textarea,a):focus-visible,
html[data-gamepad-focus] .wonder-menu :is(button,input,select,textarea,a):focus { outline:2px solid #f1c57f;outline-offset:-3px; }

.wonder-menu .navigation-shell { display:flex;flex-direction:column;height:100%;min-height:0; }
.wonder-menu .navigation-layout { flex:1;min-height:0;grid-template-columns:minmax(0,1.25fr) minmax(210px,1fr) minmax(190px,.9fr);grid-template-rows:minmax(0,1fr);gap:var(--menu-gap);align-items:stretch; }
.wonder-menu .navigation-map { width:100%;height:100%;max-height:100%;aspect-ratio:auto;align-self:stretch; }
.wonder-menu .navigation-places,.wonder-menu .navigation-areas { min-height:0;max-height:100%;padding:4px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
.wonder-menu .navigation-areas { grid-column:3;grid-row:1; }
.wonder-menu .navigation-areas-list { max-height:none; }
.wonder-place-row { gap:6px;padding:8px 0; }
.wonder-place-row>button { font-size:var(--menu-small);line-height:1.4;letter-spacing:.06em; }
.wonder-menu #navigation-name-form { padding:8px;margin-top:6px; }
.wonder-menu #navigation-name { padding:8px; }
.wonder-menu .wonder-country-search { margin-bottom:6px;padding:8px;letter-spacing:.04em; }
.wonder-map-group { padding:6px 0; }
.wonder-map-group summary,.wonder-map-country { font-size:var(--menu-small);line-height:1.4;letter-spacing:.05em; }
.wonder-menu :is(#navigation-status,#navigation-areas-status,#navigation-detail-status) { line-height:1.4;letter-spacing:.04em; }

.wonder-menu .people-panel { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--menu-gap);min-height:0; }
.wonder-people-layout { min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px; }
.wonder-people-left,.wonder-people-right,.wonder-people-household { min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px; }
.wonder-menu .people-panel:not(:has(.wonder-people-household)) { display:block; }
.wonder-menu .people-panel:not(:has(.wonder-people-household)) .wonder-people-layout { height:100%; }
.wonder-menu .people-nearby h2 { margin-bottom:8px; }
.wonder-nearby-person { padding:10px;margin-bottom:6px; }
.wonder-nearby-name { font-size:24px; }
.wonder-menu .people-total { margin:14px 0 8px;line-height:1.4; }
.wonder-menu .wonder-people-group { padding:8px 0; }
.wonder-menu .wonder-people-group>.wonder-instrument { font-size:var(--menu-small);line-height:1.4; }
.wonder-menu .wonder-people-group>.wonder-qualifier,.wonder-menu .people-groups>.wonder-qualifier { margin:6px 0;line-height:1.4;letter-spacing:.04em; }
.wonder-menu .people-panel :is(td,th) { font-size:var(--menu-small);padding:8px 0;letter-spacing:.04em; }
.wonder-menu #settings-voice { margin-top:14px; }
.wonder-people-household .wonder-housemates { gap:16px; }
.wonder-people-household .wonder-housemates-list { flex-basis:160px;gap:12px; }
.wonder-people-household .wonder-housemate-detail { flex-basis:220px;gap:10px; }
.wonder-people-household .wonder-housemate-detail .wonder-detail-title { font-size:30px; }
.wonder-people-household .wonder-housemate-row { padding:8px;font-size:var(--menu-small);letter-spacing:.04em; }
.wonder-people-household .wonder-housemate-facts>div { padding:6px 0;letter-spacing:.04em; }
.wonder-people-household .wonder-housemate-note-label textarea { min-height:72px; }
.wonder-people-household .wonder-house-log-row { grid-template-columns:minmax(0,1fr);gap:4px;line-height:1.4; }
.wonder-people-household .wonder-house-log-row time { white-space:nowrap;font-size:var(--menu-tiny); }

@media(max-width:1100px) {
 .wonder-menu { --menu-edge:18px;--menu-gap:14px; }
 body.wonder-menu-open .identity { left:18px; }
 .wonder-menu-tab { padding-inline:10px; }
 .wonder-menu .navigation-layout { grid-template-columns:minmax(0,1.1fr) minmax(180px,1fr) minmax(170px,.85fr); }
 .wonder-menu .people-panel { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .wonder-people-layout { grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,.8fr) minmax(0,1fr);gap:12px; }
}
@media(max-width:800px) {
 .wonder-menu { --menu-edge:12px;--menu-gap:10px; }
 body.wonder-menu-open .identity { left:12px; }
 .wonder-menu-tabs { top:42px;left:12px;right:68px;height:42px;display:flex;overflow-x:auto; }
 .wonder-menu-tabs>.wonder-menu-step { display:none; }
 .wonder-menu-tab { flex:1 0 auto;min-width:0;justify-content:center;padding:0 5px;font-size:var(--menu-small); }
 .wonder-menu-tab-settings { flex:0 0 40px;width:40px; }
 .wonder-menu-content { top:92px;bottom:34px; }
 .wonder-menu-title { font-size:34px;margin-bottom:10px; }
 .wonder-menu .navigation-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:10px; }
 .wonder-menu .navigation-map { grid-column:1;grid-row:1 / span 2;order:0;margin:0; }
 .wonder-menu .navigation-places { grid-column:2;grid-row:1; }
 .wonder-menu .navigation-areas { grid-column:2;grid-row:2; }
 .wonder-home-house { grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr); }
 .wonder-room { padding:6px;gap:3px; }
 .wonder-room-heading { display:flex; }
 .wonder-room-occupant { display:block;font-size:17px; }
 .wonder-room-label { font-size:var(--menu-tiny); }
 .wonder-room-tag { display:block; }
 .wonder-room .wonder-room-slots,.wonder-room .wonder-room-gauge { display:flex; }
 .wonder-menu-controls-hint { font-size:11px;letter-spacing:0; }
 .wonder-people-right { margin-top:0; }
}
@media(max-width:600px) {
 .wonder-menu-content { bottom:40px; }
 .wonder-menu-title { font-size:30px; }
 .wonder-menu-footer { bottom:10px; }
 .wonder-menu-controls-hint { max-width:100%;font-size:11px; }
 .wonder-home-house { grid-template-columns:minmax(108px,.75fr) minmax(0,1.25fr); }
 .wonder-home-house .wonder-room-board-area { overflow:auto;overscroll-behavior:contain; }
 .wonder-room-board { display:flex;flex:none;flex-direction:column;gap:3px;padding:3px;border:0; }
 .wonder-room { display:flex;flex-direction:column;align-items:stretch;min-height:44px;padding:8px 6px;border:1px solid var(--menu-rule); }
 .wonder-room-heading { display:flex;flex-direction:column; }
 .wonder-room-label { font-size:14px;letter-spacing:0; }
 .wonder-room-tag,.wonder-room-reading,.wonder-room-state { font-size:12px;letter-spacing:0; }
 .wonder-room .wonder-room-slots,.wonder-room .wonder-room-gauge,.wonder-room .wonder-room-occupant,.wonder-room .wonder-garage-bays { display:none; }
 .wonder-room-detail { padding:3px; }
 .wonder-menu .wonder-detail-title { font-size:28px; }
 .wonder-home-item { flex-wrap:wrap; }
 .wonder-home-item>div:first-child { flex:1 1 100%; }
 .wonder-home-reading-row { grid-template-columns:minmax(0,1fr);gap:3px; }
 .wonder-home-reading-row>span:last-child { text-align:left; }
 .wonder-home-action,.wonder-home-chip { min-height:40px;font-size:14px; }
 .wonder-menu .people-panel { grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:10px; }
 .wonder-people-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:10px; }
 .wonder-people-household { border-top:1px solid var(--menu-rule);padding-top:10px; }
 .wonder-people-household .wonder-housemates { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px; }
 .wonder-people-household .wonder-housemate-detail { margin-top:0; }
}
@media(min-width:801px) and (max-height:650px) {
 .wonder-menu-title { font-size:36px;margin-bottom:8px; }
 .wonder-home-operation { margin-bottom:4px; }
 .wonder-room { padding:5px;gap:3px; }
 .wonder-room-slots i { width:18px;height:18px; }
 .wonder-home-house .wonder-room-board-area>.wonder-qualifier { margin-top:4px; }
}

/* Home uses equal square plan units; multi-unit rooms keep their real spans. */
.wonder-home .wonder-room-board-area { overflow:hidden;container-type:size;align-items:center; }
.wonder-home .wonder-room-board { flex:0 0 auto;width:min(100%,calc((100cqh - 32px) * 1.2));box-sizing:border-box;aspect-ratio:6 / 5;grid-template-rows:repeat(5,minmax(0,1fr)); }
.wonder-home .wonder-room { overflow:hidden; }
.wonder-home .wonder-room[data-forecast="true"] .wonder-room-reading { flex:1;margin-top:0;white-space:pre-line;overflow:auto;font-size:var(--menu-tiny);line-height:1.55; }
.wonder-home .wonder-room-state { font-size:var(--menu-tiny);line-height:1.4; }
.wonder-home .wonder-room[data-unbuilt="true"] .wonder-room-state { color:var(--menu-dim); }
.wonder-home .wonder-room-power .wonder-room-gauge { flex-wrap:wrap; }
.wonder-home .wonder-room-garage .wonder-room-gauge { display:none; }
.wonder-home .wonder-garage-bays { display:flex;flex-direction:column;gap:4px; }
.wonder-home .wonder-garage-bays>.wonder-garage-car { display:grid;grid-template-columns:minmax(64px,1fr) minmax(0,1.1fr);grid-template-rows:auto auto;gap:2px 5px;align-items:center; }
.wonder-home .wonder-garage-car-compact img { grid-row:1 / span 2;height:64px;max-height:64px; }
.wonder-home .wonder-garage-car-compact .wonder-garage-car-caption { text-align:left;align-self:end;font-size:var(--menu-tiny); }
.wonder-home .wonder-garage-car-status { display:block;font:var(--menu-tiny)/1.4 ui-monospace,monospace;letter-spacing:.02em;color:var(--menu-muted); }
.wonder-home .wonder-garage-car-compact .wonder-garage-car-status { grid-column:2;align-self:start;padding:0; }
.wonder-home .wonder-garage-gallery { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px; }
.wonder-home .wonder-garage-gallery img { max-height:92px; }
.wonder-home .wonder-garage-gallery .wonder-garage-car-status { margin-top:5px;text-align:center; }
.wonder-home .wonder-room-detail .wonder-build-choice { padding:14px 0; }
.wonder-home .wonder-room-detail .wonder-build-choice[data-expanded] { padding:4px 0; }
.wonder-home .wonder-build-choice[data-expanded] .wonder-home-item { padding:4px 0; }
.wonder-home .wonder-build-choice[data-expanded] .wonder-text-button { padding:4px 0; }
.wonder-home .wonder-room-detail .wonder-build-cost { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:var(--menu-small);line-height:1.5; }
.wonder-home .wonder-room-detail .wonder-build-cost>span,.wonder-home .wonder-room-detail .wonder-build-cost>div { display:flex;flex-direction:column;gap:5px;border:1px solid var(--menu-rule);padding:12px;background:rgba(255,255,255,.025); }
.wonder-home .wonder-room-detail .wonder-build-cost>div>span { font-size:var(--menu-text);color:var(--menu-ink); }
.wonder-home .wonder-room-detail .wonder-build-cost>div>small { font-size:var(--menu-tiny); }
.wonder-home .wonder-build-room>.wonder-home-action { margin-top:14px; }
.wonder-home .wonder-room-detail[data-selection="kitchen"]>.wonder-home-effect { margin-top:4px;padding-top:0;border-top:0; }
.wonder-home .wonder-food-recipes { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }
.wonder-home .wonder-food-choice { display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;min-height:48px;padding:7px 8px;text-align:left;line-height:1.25; }
.wonder-home .wonder-food-choice small { font:var(--menu-tiny)/1.2 ui-monospace,monospace;color:var(--menu-muted);letter-spacing:.03em; }
.wonder-home .wonder-food-recipe { margin-top:12px;padding:12px;border:1px solid var(--menu-rule); }
.wonder-home .wonder-food-recipe>.wonder-instrument { margin:0; }
.wonder-home .wonder-food-recipe>.wonder-qualifier { margin:7px 0;line-height:1.4; }
.wonder-home .wonder-food-ingredients { display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;font:var(--menu-tiny)/1.4 ui-monospace,monospace; }
.wonder-home .wonder-food-ingredients>span { padding:5px 7px;border:1px solid var(--menu-rule);color:var(--menu-muted); }
.wonder-home .wonder-food-ingredients>.available { color:var(--menu-lichen); }
.wonder-home .wonder-food-active { display:flex;flex-wrap:wrap;gap:6px 12px; }
@media(max-width:600px) {
 .wonder-home-house { grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,2fr) minmax(0,3fr); }
 .wonder-home .wonder-room-board { display:grid;aspect-ratio:6 / 5;width:min(100%,calc(100cqh * 1.2)); }
 .wonder-home .wonder-room { min-height:0;padding:3px;gap:2px;overflow:hidden; }
 .wonder-home .wonder-room-label { font-size:11px;line-height:1.1; }
 .wonder-home .wonder-room-tag,.wonder-home .wonder-room-state,.wonder-home .wonder-room-reading { display:none; }
 .wonder-home .wonder-room-board-area>.wonder-qualifier { display:none; }
 .wonder-home .wonder-room .wonder-garage-bays { display:none; }
 .wonder-home .wonder-garage-gallery { grid-template-columns:minmax(0,1fr); }
 .wonder-home .wonder-room-detail .wonder-build-cost { grid-template-columns:minmax(0,1fr); }
 .wonder-home .wonder-room[data-forecast="true"] .wonder-room-reading { max-height:100px;font-size:12px; }
}

/* Paged Home content keeps its type size as records and stored items grow. */
.wonder-menu .wonder-paged { display:flex;flex-direction:column;min-height:0;overflow:hidden;scrollbar-gutter:auto; }
.wonder-page-content { flex:1;min-height:0;overflow:hidden;display:flow-root; }
.wonder-page-flow { display:contents!important; }
.wonder-page-flow[hidden],.wonder-page-content [hidden] { display:none!important; }
.wonder-page-controls { flex:none;display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0 0;min-height:42px; }
.wonder-page-controls[hidden] { display:none; }
.wonder-page-controls button { min-width:44px;min-height:36px; }
.wonder-page-content>.wonder-home-action,.wonder-page-content>.wonder-text-button { margin:8px 6px 4px 0; }
.wonder-storage-expansion { display:flex;gap:8px;flex:none;padding:4px 0; }
.wonder-menu-pack>.wonder-home-storage { display:flex;flex-direction:column;overflow:hidden; }
.wonder-menu-pack .wonder-storage-columns { flex:1;min-height:0;align-items:stretch; }
.wonder-menu-pack .wonder-storage-shelves { min-height:0; }
.wonder-page-content .wonder-storage-group-title { margin-top:6px; }

.wonder-page-oversize { max-height:var(--page-item-limit);overflow:auto;overscroll-behavior:contain; }
@media(max-width:700px) {
  .wonder-menu .wonder-menu-pack:has(.wonder-home-storage:not([hidden])) { grid-template-rows:minmax(0,.6fr) minmax(0,1.4fr); }
}

.wonder-home-moves .wonder-home-action { display:block;width:100%;min-height:44px;margin:8px 0;white-space:normal;overflow-wrap:anywhere; }
.wonder-home-moves .wonder-home-prose { overflow-wrap:anywhere; }

/* Shared day/navigation, heading/microphone and context/action rows. */
.wonder-menu-content { top:56px; }
.wonder-menu-title { min-height:44px;margin:0 64px 10px 0; }
.wonder-menu-context-row { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:38px;margin-bottom:16px;flex:none; }
.wonder-menu-context { margin:0;color:var(--menu-muted);font:var(--menu-small)/1.4 ui-monospace,monospace;letter-spacing:.03em; }
.wonder-menu-context-custom { min-width:0;grid-column:1;grid-row:1; }
.wonder-menu-context-custom:empty { display:none; }
.wonder-menu-header-actions { display:flex;align-items:center;justify-content:flex-end;gap:8px;grid-column:2;grid-row:1; }
.wonder-menu-header-actions :is(button,.wonder-text-button,.wonder-primary,.wonder-storage-chip) { box-sizing:border-box;min-height:36px;height:36px;margin:0;padding:6px 10px;border:1px solid var(--menu-rule);background:transparent;color:var(--menu-ink);font:var(--menu-small)/1.2 ui-monospace,monospace;letter-spacing:.03em;white-space:nowrap; }
.wonder-microphone-toggle { top:56px; }
.wonder-home .wonder-room-garage-1,.wonder-home .wonder-room-garage-2 { min-height:0; }
.wonder-home .wonder-room-garage-1 .wonder-room-gauge,.wonder-home .wonder-room-garage-2 .wonder-room-gauge { display:none; }
.wonder-home .wonder-garage-car-compact img { height:42px;max-height:42px; }
@media(max-width:800px) { .wonder-menu-content { top:92px; }.wonder-microphone-toggle { top:92px; }.wonder-menu-context-row { gap:8px;margin-bottom:10px; }.wonder-menu-title { min-height:38px; } }
@media(max-width:600px) { .wonder-menu-context-row { grid-template-columns:minmax(0,1fr); }.wonder-menu-header-actions { grid-column:1;grid-row:2;justify-content:flex-end; }.wonder-menu-context { font-size:var(--menu-tiny); }.wonder-menu-header-actions :is(button,.wonder-text-button,.wonder-primary,.wonder-storage-chip) { min-height:32px;height:32px;font-size:var(--menu-tiny); } }
.wonder-menu #pause-menu.wonder-menu-embedded { height:100%;min-height:0;overflow:auto;overscroll-behavior:contain; }
.wonder-menu-header-actions [data-action="photos"] { order:0; }
.wonder-menu-header-actions [data-action="supply-cache"] { order:1; }

/* Home fittings keep one physical reserve and a shared personal-storage block. */
.wonder-home-personal-rooms { display:contents; }
.wonder-room-board[data-rv="true"] .wonder-home-personal-rooms { display:flex;flex-direction:column;gap:4px;grid-column:5 / span 2;grid-row:5;min-height:0; }
.wonder-room-board[data-rv="true"] .wonder-home-personal-rooms>.wonder-room { flex:1;min-height:0;padding:8px; }
.wonder-room-board[data-rv="true"] .wonder-home-personal-rooms .wonder-room-reading,.wonder-room-board[data-rv="true"] .wonder-home-personal-rooms .wonder-room-state { display:none; }
.wonder-home-rename { display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px; }
.wonder-home-rename input { min-width:100px;flex:1;color:var(--menu-ink);background:var(--menu-panel);border:1px solid var(--menu-rule);padding:10px;font:inherit; }
.wonder-home-rename .wonder-home-action { width:auto; }
@media(max-width:600px) {
 .wonder-home .wonder-room-board-area { overflow:auto;container-type:normal;align-items:stretch;overscroll-behavior:contain; }
 .wonder-home .wonder-room-board { width:100%;aspect-ratio:auto;grid-template-rows:repeat(4,minmax(56px,auto)) minmax(96px,auto); }
 .wonder-home .wonder-room { min-height:44px;box-sizing:border-box;padding:5px; }
 .wonder-home .wonder-room-label { font-size:12px;line-height:1.2; }
 .wonder-room-board[data-rv="true"] .wonder-home-personal-rooms>.wonder-room { min-height:44px;padding:5px; }
 .wonder-home-household { display:grid;grid-template-columns:1fr auto;gap:6px; }
 .wonder-home-household-options { grid-column:1 / -1;grid-row:2; }
 .wonder-home-household-options .wonder-home-chip { min-height:44px; }
}