html,body{margin:0;height:100%;background:#1f2630;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#eef2f6}#game{position:fixed;inset:0}#game canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#hud .bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px}#hud .bar>*{pointer-events:auto;background:#141a22c7;border-radius:8px;padding:6px 10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#clock{font-variant-numeric:tabular-nums;font-weight:600;min-width:11ch}#speed{display:flex;gap:4px;padding:4px}#hud button{font:inherit;color:inherit;background:#ffffff14;border:0;border-radius:6px;padding:6px 10px;min-width:36px;cursor:pointer}#hud button.active{background:#f6c445;color:#1f2630}#seed{display:flex;gap:6px;align-items:center}#seed input{font:inherit;width:10ch;color:inherit;background:#ffffff14;border:0;border-radius:6px;padding:6px 8px}#saved{opacity:0;transition:opacity .3s;font-size:13px;color:#cfe3b5}#saved.show{opacity:1}#stats{font-family:ui-monospace,Menlo,monospace;font-size:12px}#details{position:absolute;right:8px;bottom:8px;width:min(340px,calc(100vw - 16px));max-height:70vh;display:flex;flex-direction:column;pointer-events:auto}#cutaway{position:absolute;right:356px;bottom:8px;width:min(620px,max(300px,calc(100vw - 372px)));display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}#cutaway .cutaway-head,#cutaway-slot{width:100%;box-sizing:border-box}#cutaway[hidden]{display:none}#cutaway .cutaway-head{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#141a22db;border-radius:10px;padding:4px 4px 4px 14px;margin-bottom:8px;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#cutaway-title{font:inherit;font-weight:600;font-size:15px;color:inherit;background:none;border:0;padding:4px 0;cursor:pointer;text-align:left}#cutaway-title:hover{color:#8fb3e6}#cutaway-slot{max-height:38vh;pointer-events:none}#details[hidden]{display:none}#details .pane{position:relative;min-height:0;overflow:auto;background:#141a22db;border-radius:10px;padding:12px 14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#crumbs{display:flex;flex-direction:column;align-items:stretch;flex:none}#crumbs .crumb{font:inherit;font-weight:600;font-size:15px;text-align:left;color:inherit;background:#141a22db;border:0;border-radius:10px;padding:8px 14px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#crumbs .crumb:hover{background:#28303ce6}#crumbs .link-line{display:block;width:2px;height:12px;margin:0 auto;background:#ffffff8c}#details a{color:#8fb3e6;text-decoration:none;border-bottom:1px solid rgba(143,179,230,.4)}#details a:hover{border-bottom-color:#8fb3e6}#details h2{font-size:18px;margin:0 28px 8px 0}#details dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:14px}#details dt{color:#8f9bab}#details dd{margin:0}#details .details-tools{position:absolute;top:6px;right:6px;display:flex;gap:4px}#close-details,#close-cutaway{min-width:28px;padding:2px 8px;font-size:18px}#follow{font-size:13px;padding:4px 10px}#details h2{margin-right:110px}#people[hidden]{display:none}#details h3{font-size:13px;color:#8f9bab;margin:10px 0 4px;text-transform:uppercase;letter-spacing:.04em}#details .meter-cell{display:flex;align-items:center}#details .meter{display:block;width:100%;max-width:160px;height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}#details .meter i{display:block;height:100%;background:#8fb3e6}#details .meter.hunger i{background:#e6a14a}#details .meter.energy i{background:#7fcf8a}#details .meter.social i{background:#b48fe6}#details .meter.stress i{background:#e66a5c}#details .mood-happy{color:#cfe3b5}#details .mood-angry{color:#ff8a7a}#details .mood-sad{color:#9fc2f0}#details .mood-scared{color:#f0d28a}#details .log{list-style:none;margin:0;padding:0;font-size:13px}#details .log li{display:grid;grid-template-columns:5ch 1fr;gap:8px;padding:2px 0}#details .log time{color:#8f9bab;font-variant-numeric:tabular-nums}#tooltip{position:absolute;pointer-events:none;background:#141a22e6;border-radius:6px;padding:4px 8px;font-size:13px;white-space:nowrap}#people{position:absolute;left:8px;top:56px;bottom:8px;width:min(300px,calc(100vw - 16px));display:flex;flex-direction:column;pointer-events:auto;background:#141a22db;border-radius:10px;padding:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#people .people-head{display:flex;gap:6px;align-items:center}#people-search{flex:none;width:100%;box-sizing:border-box;min-width:0;font:inherit;color:inherit;background:#ffffff14;border:0;border-radius:6px;padding:8px 10px}#close-people{min-width:32px;padding:4px 8px;font-size:18px}#people-count{font-size:12px;color:#8f9bab;padding:6px 2px 2px}#people-list{list-style:none;margin:0;padding:0;overflow:auto;flex:1;-webkit-overflow-scrolling:touch}#people-list li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 6px;border-radius:6px;cursor:pointer;font-size:14px}#people-list li:hover,#people-list li.selected{background:#ffffff14}#people-list li .who{font-weight:600}#people-list li .what,#people-list li .where{color:#8f9bab;font-size:12px}#people-list li .where{grid-column:1 / -1}#people-list li.dead{opacity:.55}#people-list li .tag{color:#f6c445}#people .tabs{display:flex;gap:4px;flex:1}#people .tab{flex:1;min-width:0;padding-inline:6px;font-size:13px}#people .tab.active{background:#f6c445;color:#1f2630}#list-view,#census-view,#townhall-view,#notebook-view{display:flex;flex-direction:column;min-height:0;flex:1}#list-view[hidden],#census-view[hidden],#townhall-view[hidden],#notebook-view[hidden]{display:none}#people-search{margin-top:8px}#people .controls{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:13px}#people .controls label{display:flex;align-items:center;gap:4px;color:#8f9bab}#people select,#people input[type=number]{font:inherit;font-size:13px;color:inherit;background:#ffffff14;border:0;border-radius:6px;padding:5px 6px;min-width:0}#people select{flex:1}#people input[type=number]{width:4.5ch}#clear-filters{margin-left:auto;font-size:13px;padding:4px 8px}#facets{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;max-height:124px;flex:none;overflow:auto}#facets .chip{font-size:12px;padding:3px 8px;border-radius:999px;min-width:0}#facets .chip.active{background:#f6c445;color:#1f2630}#census-view{overflow:auto;-webkit-overflow-scrolling:touch;margin-top:8px}#census-view>*{flex:none}#census-view h3{font-size:12px;color:#8f9bab;margin:10px 0 4px;text-transform:uppercase;letter-spacing:.04em}#census-view .row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:4px 6px;border-radius:6px;font-size:13px}#census-view .row.pick{cursor:pointer}#census-view .row.pick:hover,#census-view .row.on{background:#ffffff14}#census-view .row .num{font-variant-numeric:tabular-nums}#census-view .row .share{grid-column:1 / -1;height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}#census-view .row .share i{display:block;height:100%;background:#8fb3e6}#census-view .chart{width:100%;height:130px;display:block;margin:2px 0 6px}#census-view .chart text{fill:#8f9bab;font-size:9px}#census-view .legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:#8f9bab;margin-bottom:4px}#census-view .legend .key i{display:inline-block;width:10px;height:3px;vertical-align:middle;margin-right:4px;border-radius:2px}#census-view .legend b{color:#eef2f6;font-weight:600}#census-view .chart-empty{font-size:12px;color:#8f9bab;margin:4px 0}#details .who{list-style:none;margin:0;padding:0}#details .who li{display:flex;justify-content:space-between;gap:8px}#details .who .aside{color:#9aa6b4;font-size:12px}#details .homes{margin-top:4px;font-size:12px;line-height:1.6}#townhall-view{overflow:auto;-webkit-overflow-scrolling:touch;margin-top:8px}#townhall-view>*{flex:none}#townhall-view h3{font-size:12px;color:#8f9bab;margin:10px 0 4px;text-transform:uppercase;letter-spacing:.04em}#townhall-view .row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:4px 6px;border-radius:6px;font-size:13px}#townhall-view .row.pick{cursor:pointer}#townhall-view .row.on{background:#ffffff14}#townhall-view .row .num{font-variant-numeric:tabular-nums}#townhall-view .row .share{grid-column:1 / -1;height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}#townhall-view .row .share i{display:block;height:100%;background:#8fb3e6}#townhall-view .chart{width:100%;height:130px;display:block;margin:2px 0 6px}#townhall-view .chart text{fill:#8f9bab;font-size:9px}#townhall-view .legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:#8f9bab;margin-bottom:4px}#townhall-view .legend .key i{display:inline-block;width:10px;height:3px;vertical-align:middle;margin-right:4px;border-radius:2px}#townhall-view .legend b{color:#eef2f6;font-weight:600}#townhall-view .chart-empty{font-size:12px;color:#8f9bab;margin:4px 0}#townhall-view .row.red .num{color:#ff8a7a}#townhall-view .setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:4px 6px;font-size:13px}#townhall-view .setting>span{grid-column:1 / -1;color:#c9d2dc}#townhall-view .setting input[type=range]{width:100%;margin:0;accent-color:#f6c445}#townhall-view .setting select{grid-column:1 / -1;font:inherit;font-size:13px;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#eef2f6}#townhall-view .hint{font-size:12px;color:#8f9bab;margin:4px 6px}#details h2 .you{display:block;font-size:12px;font-weight:500;color:#f6c445}#notebook-view{overflow:auto;-webkit-overflow-scrolling:touch;margin-top:8px}#notebook-view>*{flex:none}#notebook-view .hint{font-size:12px;color:#8f9bab;margin:6px 2px}#notebook-view .tally{display:flex;gap:10px;font-size:12px;color:#8f9bab;margin:6px 2px}#notebook-view .tally .up{color:#9fd49a}#notebook-view .tally .down{color:#ff8a7a}#notebook-view .notes{list-style:none;margin:0;padding:0}#notebook-view .notes li{padding:6px 8px;border-left:3px solid #8f9bab;border-radius:4px;margin:4px 0;background:#ffffff0a;cursor:pointer}#notebook-view .notes li.up{border-color:#9fd49a}#notebook-view .notes li.down{border-color:#ff8a7a}#notebook-view .notes li.meeting{background:#f6c44514}#notebook-view .notes .meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#8f9bab}#notebook-view .notes .who{color:#eef2f6;font-weight:600}#notebook-view .notes .line{font-size:13px;margin-top:2px}#talk{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(440px,calc(100vw - 16px));pointer-events:auto;background:#141a22e6;border-radius:10px;padding:10px 12px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2}#talk[hidden]{display:none}#talk .talk-head{display:flex;justify-content:space-between;align-items:center;gap:8px}#talk .timer{height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden;margin:8px 0}#talk .timer i{display:block;height:100%;width:100%;background:#f6c445;transform-origin:left}#talk .timer i.low{background:#ff8a7a}#talk p{margin:0 0 8px;font-size:14px;min-height:1.4em;color:#eef2f6}#talk p:empty:before{content:"…";color:#8f9bab}#talk #talk-topics{display:flex;flex-wrap:wrap;gap:6px}#talk #talk-topics button{font-size:13px;padding:6px 10px;border-radius:999px}#talk #talk-topics button[disabled]{opacity:.4}#townhall-view .setting.call{grid-template-columns:1fr 1fr}#townhall-view .setting.call select{grid-column:auto}#townhall-view .setting.call button{grid-column:1 / -1}#details .hint{font-size:12px;color:#8f9bab;margin:0 0 8px}