.live-mode .game-layout{max-width:1580px;grid-template-columns:180px minmax(0,1fr);gap:20px}.live-mode .house-column{grid-column:2;grid-row:1 / span 3}.live-mode .left-rail{grid-column:1;grid-row:1;display:block}.live-mode .right-rail{display:none}.live-mode .goal-panel,.live-mode .people-panel,.live-mode .autonomy-panel,.live-mode .memory-panel,.live-mode .journal,.live-mode .play-controls{display:none}.live-mode.show-details .right-rail{display:grid;grid-column:1;grid-row:2}.live-mode.show-details .goal-panel,.live-mode.show-details .people-panel,.live-mode.show-details .autonomy-panel,.live-mode.show-details .memory-panel,.live-mode.show-details .journal{display:block}.live-mode .house-board{max-height:none}.live-mode .player-panel{padding:14px}.live-mode .identity{display:block;margin:12px 0;text-align:center}.live-mode .identity canvas{height:80px;width:58px}.live-mode #needs{display:block}.live-mode .need{margin:15px 0}.live-mode .board-heading h2{font-size:25px}.live-mode .week-banner{padding:9px 14px}.live-mode .week-banner h3{font-size:14px}.live-mode .week-banner p{font-size:11px}.live-mode .room-button{opacity:.4;font-size:9px}.live-mode .room-button:hover,.live-mode .room-button:focus-visible{opacity:1}.live-mode .scene-caption{margin-bottom:12px}.live-mode .house-art{cursor:crosshair}.object-hotspot{position:absolute;z-index:5;transform:translate(-50%,-50%);width:36px;height:31px;border-radius:7px;background:#182236d9;color:#ffdd8d;border:1px solid #f2d18f88;box-shadow:0 2px 0 #0c1423;font-size:21px;padding:0}.object-hotspot:hover,.object-hotspot:focus-visible{background:#f1c976;color:#242439;border-color:#fff0c6}.object-hotspot small{display:none;position:absolute;white-space:nowrap;bottom:110%;left:50%;transform:translateX(-50%);background:#11182e;color:#ffdc8e;font:10px monospace;padding:4px 6px;pointer-events:none}.object-hotspot:hover small,.object-hotspot:focus-visible small{display:block}#world-menu{position:absolute;z-index:25;width:205px;padding:10px;background:#202b3ff5;border:1px solid #c0a47a;box-shadow:5px 6px 0 #111422bd;border-radius:8px}#world-menu strong{display:block;font-size:13px;color:#f4d48d;margin-bottom:6px}#world-menu button{display:block;width:100%;text-align:left;background:#344057;color:#f7f1e5;border:1px solid #52617c;border-radius:4px;padding:9px;margin-top:5px;font-size:12px}#world-menu button:hover{border-color:#f1c976;background:#4c4a52}#world-menu small{display:block;color:#bdc9d6;font-size:10px;margin-top:3px}#player-activity{position:absolute;z-index:9;transform:translate(-50%,-100%);padding:5px 8px;background:#e5efe5;color:#20333a;border:1px solid #fff4cf;border-radius:8px;font:bold 10px monospace;white-space:nowrap;pointer-events:none;box-shadow:2px 3px 0 #121b2b66}#player-activity:after{content:'';position:absolute;left:45%;top:100%;border:5px solid transparent;border-top-color:#e5efe5}#walk-marker{position:absolute;transform:translate(-50%,-50%);width:22px;height:12px;border:2px solid #f5d181;border-radius:50%;pointer-events:none;z-index:7;box-shadow:0 0 0 4px #f5d18122}#activity-dock{background:linear-gradient(110deg,#28364a,#1b263a);border:1px solid #53617c;border-top:3px solid #f1c976;border-radius:0 0 8px 8px;padding:16px;margin-top:10px}.dock-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dock-heading h3{font-size:17px;margin-top:3px}.dock-heading .quiet{font-size:11px;white-space:nowrap}.activity-meter{height:5px;background:#0b1425;margin:13px 0;border-radius:5px;overflow:hidden}.activity-meter>span{height:100%;display:block;background:var(--teal);transition:width .15s linear}#action-queue{display:flex;gap:8px;overflow:auto;min-height:64px;padding-bottom:4px}.queue-item{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #4f5d76;min-width:180px;background:#1a2638;border-radius:6px}.queue-item.current{border-color:#a6bca6;background:#33463f}.queue-icon{font:22px monospace;color:#f3d087}.queue-item strong{font-size:11px;white-space:nowrap}.queue-item small{display:block;font-size:10px;color:#acbecc}.queue-item button{border:0;background:transparent;font-size:22px;color:#c9d3da;margin-left:auto;padding:0 4px}.empty-queue{font-size:12px;color:#a7b9ce;align-self:center}#play-feedback{font-size:11px;color:#b0c3d3;margin-top:8px;min-height:17px}.live-mode .placing #object-layer{display:none}.live-mode .sim-toolbar>span{margin-right:auto}.live-mode .has-life-event{border-color:#be8191}@media(max-width:1000px){.live-mode .game-layout{grid-template-columns:150px minmax(0,1fr);padding:16px;gap:14px}.live-mode .player-panel{display:block}.live-mode .board-heading h2{font-size:20px}.object-hotspot{width:29px;height:26px;font-size:18px}.live-mode .sim-toolbar{gap:6px}.live-mode .sim-toolbar button{font-size:11px;padding:7px 9px}}@media(max-width:760px){.live-mode .game-layout{display:flex;flex-direction:column;padding:12px;gap:12px}.live-mode .house-column{width:100%;order:0}.live-mode .left-rail{width:100%;order:1}.live-mode .player-panel{display:grid;grid-template-columns:85px 1fr;gap:0 14px}.live-mode .identity{display:flex;text-align:left;margin:0;grid-row:2}.live-mode .identity canvas{width:33px;height:55px}.live-mode .identity h2{font-size:13px}.live-mode #needs{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.live-mode .need{margin:5px 0}.live-mode .right-rail{width:100%;order:2}.live-mode .room-button{font-size:8px;padding:1px 3px}.live-mode .board-heading h2{font-size:21px}.object-hotspot{width:24px;height:24px;font-size:16px;border-radius:4px}.object-hotspot small{font-size:8px}#world-menu{width:170px;padding:7px;max-width:60vw;left:20%!important;top:15%!important}#world-menu button{font-size:11px;padding:7px}#player-activity{font-size:8px;padding:3px 5px}#activity-dock{padding:12px}.dock-heading h3{font-size:15px}.queue-item{min-width:160px}.live-mode .scene-caption{font-size:10px}.live-mode .weather{display:none}.live-mode .week-banner{margin-bottom:9px}.live-mode .week-banner p{font-size:10px}.live-mode .sim-toolbar{margin-bottom:8px}}
.live-mode .topbar{padding:10px 24px}.live-mode .game-layout{padding-top:12px}.live-mode .board-heading{margin-bottom:7px}.live-mode .board-heading .eyebrow{display:none}.live-mode .week-banner p{display:none}.live-mode .week-banner{padding:7px 12px;margin-bottom:8px}.live-mode .sim-toolbar{padding:6px 8px;margin-bottom:8px}.live-mode .house-board{width:min(100%,calc((100dvh - 425px)*1.5));min-width:min(100%,400px);margin-inline:auto}.live-mode #activity-dock{padding:10px 14px;margin-top:8px}.live-mode #action-queue{min-height:48px}.live-mode .queue-item{padding:6px 9px}.live-mode .activity-meter{margin:8px 0}.live-mode .scene-caption{margin:8px 0}.live-mode .house-board #world-menu{width:190px}.live-mode .board-heading h2{font-size:21px}.live-mode .dock-heading h3{font-size:15px}@media(max-width:760px){.live-mode .house-board{width:100%;min-width:0}.live-mode .topbar{padding:12px}.live-mode .game-layout{padding-top:9px}.live-mode .board-heading h2{font-size:20px}.live-mode .sim-toolbar{padding:7px}.live-mode .week-banner p{display:none}.live-mode #activity-dock{padding:10px}}
.live-mode .game-layout{position:relative}.live-mode .board-heading{display:none}.live-mode .week-banner{position:absolute;left:24px;top:450px;width:180px;display:block}.live-mode .week-banner .secondary{width:100%;margin-top:8px}.live-mode .week-banner h3{font-size:14px}.live-mode .house-board{width:min(100%,calc((100dvh - 275px)*1.5));min-width:min(100%,440px)}.live-mode.show-details .week-banner{position:static;width:auto;display:flex}.live-mode.show-details .week-banner .secondary{width:auto;margin:0}@media(max-width:1000px) and (min-width:761px){.live-mode .week-banner{left:16px;width:150px;top:440px}}@media(max-width:760px){.live-mode .week-banner{position:static;width:auto;display:flex}.live-mode .week-banner .secondary{width:auto;margin:0}.live-mode .house-board{width:100%;min-width:0}.live-mode .board-heading{display:flex}}
.live-mode #characters{z-index:5}.live-mode .person-hotspot{z-index:7}.live-mode .object-hotspot{z-index:8;opacity:1;transition:opacity .15s}.live-mode .object-hotspot:hover,.live-mode .object-hotspot:focus-visible{opacity:1}.live-mode #you-label{z-index:9}.live-mode #world-menu{z-index:25}.live-mode .house-art{transition:filter .8s}.bedtime .house-art{filter:brightness(.38) saturate(.65)}.bedtime #characters{filter:brightness(.85)}.bedtime .object-hotspot,.bedtime .room-button,.bedtime #you-label{opacity:0;pointer-events:none}.bedtime #house-board{box-shadow:0 0 35px #9180c744}.bedtime #player-activity{display:none}


.live-mode.show-details .right-rail{position:fixed;display:block;grid-column:auto;grid-row:auto;right:18px;top:76px;bottom:18px;width:370px;max-width:calc(100vw - 24px);overflow-y:auto;overscroll-behavior:contain;background:#171f31;border:1px solid #69738a;border-radius:10px;padding:15px;z-index:40;box-shadow:0 12px 45px #050916aa}.live-mode.show-details .right-rail>section{margin-bottom:14px}.resident-details-close{position:sticky;top:0;z-index:2;width:100%;padding:10px;margin-bottom:10px;background:#344159;border:1px solid #72819a;color:#f6dda5;text-align:center;border-radius:5px}.live-mode.show-details .right-rail .action{padding:11px}.live-mode.show-details .right-rail .course-card{line-height:1.6}@media(max-width:760px){.live-mode.show-details .right-rail{top:108px;right:12px;bottom:12px;width:calc(100vw - 24px)}}

#household-builder{max-width:900px;width:calc(100% - 36px);max-height:92dvh;overflow:auto;padding:28px;border-color:#b8a06e;background:linear-gradient(140deg,#25374a,#171c30)}.family-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.family-heading h2{font-size:29px;margin:8px 0}.family-heading p{color:#b7c6d3;font-size:14px}.family-builder-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;margin-top:16px}.family-builder-grid h3{font-size:18px;color:#f0d28b;margin-bottom:8px}.family-member{display:grid;grid-template-columns:125px minmax(0,1fr) 28px;gap:8px;align-items:end;margin:12px 0}.family-member label,.home-selects label{font-size:11px;color:#b5c5d2;display:block}.family-member input,.family-member select,.home-selects select{width:100%;background:#111e30;border:1px solid #586c81;color:#f5ebd5;padding:10px 7px;border-radius:5px;margin-top:4px;font-size:13px}.remove-relative{background:#3b2e40;color:#e5b2b2;border:1px solid #795363;padding:8px 0;border-radius:4px}.home-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}#add-relative{padding:10px 15px;margin-top:8px;border-radius:4px}.home-plan-grid{display:grid;grid-template-columns:repeat(var(--rooms),minmax(0,1fr));gap:4px;padding:5px;background:#344356;border:1px solid #738092}.plan-bedroom{background:#5a637e;min-height:83px;padding:9px;display:flex;flex-direction:column;justify-content:space-between}.plan-bedroom>span{font:9px monospace;color:#f3dfac}.plan-bedroom>strong{font-size:26px;color:#e3c79b;line-height:1.2}.plan-bedroom>small{font-size:10px;line-height:1.4;color:#f2ece3}.plan-hall{text-align:center;background:#98744f;color:#ffedca;font:9px monospace;padding:8px}.plan-common{display:flex;gap:4px}.plan-common span{background:#3d655d;flex:1;font-size:11px;padding:15px 8px}.plan-baths{display:flex;gap:4px;margin-top:4px}.plan-baths span{background:#517d8a;padding:10px 6px;flex:1;font-size:10px}.family-start{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #566077;margin-top:24px;padding-top:18px}.family-start p{font-size:12px;color:#bdc8d7;margin:0}.family-start button{white-space:nowrap}.family-home-info{padding:14px 16px;margin:12px 0;border:1px solid #52657a;background:#1a2a3c;border-radius:7px;font-size:12px}.family-home-info>div{display:flex;justify-content:space-between;gap:12px;color:#dac28e}.family-home-info details{margin-top:9px}.family-home-info summary{cursor:pointer;color:#b9ccd6}.family-home-info .home-plan-grid{margin-top:10px}.family-home-info[hidden]{display:none}@media(max-width:650px){#household-builder{padding:18px}.family-builder-grid{grid-template-columns:1fr;gap:20px}.family-start{flex-direction:column;align-items:stretch}.family-heading{display:block}.family-heading h2{font-size:25px}.family-home-info>div{display:block}.family-home-info span{display:block;margin-top:4px}}

.family-member.age-member{display:block;border:1px solid #506277;background:#19283b;padding:10px;border-radius:7px;margin:12px 0}.family-member-main{display:grid;grid-template-columns:48px 1fr 1fr 58px 23px;gap:7px;align-items:end}.family-member-main canvas{width:48px;height:64px;image-rendering:pixelated;background:#314358;border-radius:4px}.family-member-main input,.family-member-main select{padding:8px 5px;font-size:12px}.appearance-options{margin-top:9px;font-size:11px;color:#d5c594}.appearance-options summary{cursor:pointer;padding:4px}.appearance-options>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.appearance-options .glasses-option{display:flex;gap:7px;align-items:center}.appearance-options input[type=checkbox]{width:auto;margin:0}.family-builder-grid{grid-template-columns:1.2fr 1fr}@media(max-width:650px){.family-builder-grid{grid-template-columns:1fr}.family-member-main{grid-template-columns:40px 1fr 1fr 49px 20px;gap:5px}.family-member-main canvas{width:40px;height:56px}.family-member-main label{font-size:9px}}

.family-life-panel{margin:12px 0;padding:15px 17px;background:linear-gradient(115deg,#243b3c,#1e2a3c);border:1px solid #52736d;border-radius:8px}.family-life-panel[hidden]{display:none}.family-life-panel h3{font-size:18px;margin:4px 0 10px;color:#ead4a4}.family-now p{font-size:13px;color:#d4e4df;margin:7px 0}.family-now small{display:inline-block;font-size:10px;margin-left:9px;color:#9fbbb4}.family-event-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#9dd2be}.family-event-dot.argument{background:#d79b83}.family-event-dot.homework{background:#d8c484}.family-last{font-size:12px;color:#b7c7c8;border-top:1px solid #58786d55;padding-top:10px;margin:10px 0}.family-relationship-list{font-size:12px;color:#d9c891}.family-relationship-list summary{cursor:pointer;padding:7px 0}.family-link{border-top:1px solid #64807644;padding:11px 0;color:#c4d2d0}.family-link>div:first-child{display:flex;justify-content:space-between;gap:10px}.family-link>div:first-child span{font-size:10px;color:#ddc69b}.family-link-values{display:flex;gap:16px;font-size:10px;margin:6px 0;color:#adc2bf}.family-link-meter{height:3px;background:#101f2c}.family-link-meter i{height:100%;display:block;background:#8cbea5}.family-link p{font-size:11px;margin-top:7px;color:#b7c7c8}@media(max-width:650px){.family-now small{display:block;margin:4px 0 0 15px}.family-link>div:first-child{display:block}}

.family-invitations{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.family-invitations button{padding:8px 12px;border-radius:5px;font-size:12px}

.resident-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:16px 0}.resident-goals>div{border:1px solid #ffffff24;border-radius:10px;padding:12px;background:#ffffff06}.resident-goals strong,.resident-goals span,.resident-goals small{display:block}.resident-goals span{font-size:13px;margin:5px 0}.resident-goals small{color:#a9c7b6;font-size:12px}

.family-speech-layer{position:absolute;inset:0;pointer-events:none;z-index:15}.family-speech{position:absolute;transform:translate(-50%,-100%);max-width:230px;width:max-content;background:#fff6da;color:#27263b;border:2px solid #514963;border-radius:12px;padding:9px 12px;font:14px/1.4 system-ui;box-shadow:0 3px 12px #0005}.family-speech:after{content:'';position:absolute;bottom:-8px;left:50%;border-width:8px 6px 0;border-style:solid;border-color:#fff6da transparent transparent}.family-speech b{display:block;font-size:11px;color:#69537b}.player-speech{background:#d7f0df;z-index:2}.family-conversation{padding:18px;border:1px solid #7e9b8b60;border-radius:12px;background:#1a2936;margin:12px 0}.family-conversation h3{margin:6px 0 12px}.personality-list{display:flex;flex-wrap:wrap;gap:8px}.personality-list span{font-size:12px;background:#ffffff0b;border-radius:7px;padding:7px}.family-conversation article{border-top:1px solid #ffffff20;margin-top:12px;padding-top:8px}.conversation-choices{display:flex;flex-wrap:wrap;gap:8px}.conversation-choices button{color:#e9eadb;border:1px solid #859887;background:#263c41;border-radius:8px;padding:10px;font:inherit;cursor:pointer}.conversation-choices button:hover{background:#3d5559}@media(max-width:600px){.family-speech{font-size:11px;max-width:150px;padding:6px 8px}.conversation-choices{display:grid}.family-conversation{padding:12px}}

.resident-request{padding:18px;border:2px solid #dec685;border-radius:12px;background:#263a3d;margin:12px 0;box-shadow:0 0 20px #e3c87915}.resident-request[hidden],.resident-request-bubble[hidden]{display:none}.resident-request h3{margin:7px 0;font-size:20px}.resident-request-choices{display:flex;gap:8px;flex-wrap:wrap}.resident-request-bubble{position:absolute;z-index:18;transform:translate(-50%,-100%);max-width:240px;width:max-content;background:#fff2cd;color:#292536;border:2px solid #b89c57;border-radius:12px;padding:10px;box-shadow:0 4px 12px #0005;font:13px/1.4 system-ui}.resident-request-bubble b,.resident-request-bubble span{display:block}.resident-request-bubble b{font-size:11px;color:#6a4f36}.resident-request-bubble button{display:block;margin-top:7px;padding:5px 14px;border-radius:6px;border:1px solid #92784a;background:#33474a;color:#fff;font:inherit;cursor:pointer}@media(max-width:600px){.resident-request{padding:12px}.resident-request-choices{display:grid}.resident-request-bubble{font-size:11px;max-width:165px}}

.family-promises{padding:18px;background:#202d3d;border:1px solid #94816680;border-radius:12px;margin:12px 0}.family-promises h3{margin:6px 0 10px}.family-promises>p{font-size:13px;color:#c3cbd0;line-height:1.6}.promise-form{display:grid;grid-template-columns:1fr 1.3fr 1.2fr auto;gap:10px;align-items:end}.promise-form label{display:grid;gap:5px;font-size:12px}.promise-form select{width:100%;min-width:0;padding:10px;border:1px solid #78818e;border-radius:7px;background:#172133;color:#f1eddf;font:inherit}.promise-plans article{padding:12px;border:1px solid #a3b6a64d;border-radius:8px;margin:10px 0;background:#ffffff05}.promise-controls{display:flex;flex-wrap:wrap;gap:8px}.family-promises details{margin-top:12px;font-size:13px}.family-promises summary{cursor:pointer}.family-promises[hidden]{display:none}@media(max-width:850px){.promise-form{grid-template-columns:1fr 1fr}}@media(max-width:520px){.family-promises{padding:12px}.promise-form{grid-template-columns:1fr}.promise-controls{display:grid}}

.resident-commitments{padding:18px;margin:12px 0;border:1px solid #8d89a866;background:#252c40;border-radius:12px}.resident-commitments h3{margin:7px 0 12px}.resident-commitments article{padding:12px;margin:10px 0;background:#ffffff05;border:1px solid #ffffff24;border-radius:9px}.resident-commitments .small{line-height:1.6}.town-weather{padding-top:12px;margin-top:14px;border-top:1px solid #ffffff24}.town-weather a{color:#c4dcbf}.resident-commitments[hidden]{display:none}.resident-accountability{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:600px){.resident-commitments{padding:12px}.resident-accountability{display:grid}}

.repair-progress{padding:10px;margin-top:12px;border-left:3px solid #b9cba2;background:#a8bd8d0b}.repair-progress p{font-size:13px}.repair-progress small{color:#c4cdbc;line-height:1.7}
