:root{color:#293c32;font-synthesis:none;--forest:#294e3b;--cream:#f4f1e9;--line:#dddcd0;--muted:#7a8275;--gold:#b98442;background:#f4f1e9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b58547}button{border:0}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{letter-spacing:-1.3px;font-size:38px}h2{letter-spacing:-.5px;font-size:23px}h3{font-size:21px}p{line-height:1.65}label{color:#536153;margin-bottom:8px;font-size:12px;font-weight:600;display:block}input:not([type=range]),select{color:#294337;background:#fffefa;border:1px solid #d3d6cb;border-radius:8px;width:100%;min-height:44px;padding:12px 14px}input[type=range]{width:100%;accent-color:var(--forest);margin:20px 0}form label:not(:first-child){margin-top:18px}.primary,.outline{letter-spacing:.1px;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:18px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--forest);color:#fffdf4;border:1px solid var(--forest)}.primary:hover:not(:disabled){background:#3a634c}.outline{color:#34523e;background:#fffefa;border:1px solid #cbd0c3}.outline:hover:not(:disabled){background:#e9eddf}.full{justify-content:space-between;width:100%;margin-top:24px}.quiet{color:#64705f;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px;font-size:12px;text-decoration:none;display:inline-flex}.quiet:hover{color:var(--forest);background:#e6e8dc}.icon-button{color:#5d685a;background:#f0f0e6;border-radius:50%;width:36px;height:36px;font-size:23px}.muted{color:#7c8377;font-size:12px;line-height:1.7}.small{font-size:11px}.eyebrow{letter-spacing:2px;color:#8a927e;font-size:9px;font-weight:700}.tiny-label{letter-spacing:1.6px;color:#8a927e;font-size:9px;font-weight:700}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:36px;max-width:1700px;margin:auto;padding:22px 44px;display:flex}.wordmark{letter-spacing:-1.7px;align-items:center;font-family:Georgia,serif;font-size:31px;font-weight:700;text-decoration:none;display:flex}.wordmark-dot{color:#b88549}.mountain-mark{color:#476948;margin-right:10px;font-size:42px;transform:rotate(-12deg)}.top-tag{letter-spacing:2px;color:#8a917f;font-size:8px;font-weight:600}.topbar nav{gap:16px;margin-left:auto;display:flex}.village-layout{max-width:1600px;margin:auto;padding:40px 44px 16px}.village-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px;display:flex}.village-heading h1{margin-top:9px}.chapter-copy{color:#838a7c;margin-top:10px;font-size:12px}.village-picker{grid-template-columns:210px;justify-items:end;display:grid}.village-picker label{letter-spacing:1.5px;text-transform:uppercase;color:#838c78;font-size:9px}.village-picker select{background:0 0;min-height:38px;padding:8px 12px;font-size:12px}.village-main{grid-template-columns:minmax(0,1fr) 274px;align-items:start;gap:25px;display:grid}.world-column{min-width:0}.resource-bar{background:#f9f9f0;border:1px solid #d7ddcd;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;display:flex}.day-block{border-right:1px solid #dce0d2;align-items:center;gap:10px;padding-right:18px;display:flex}.sun-symbol{color:#b89042;font-size:25px}.day-block strong{white-space:nowrap;font-size:13px;display:block}.day-block strong span{color:#9fa58f;font-size:11px;font-weight:400}.day-block small{color:#959a89;white-space:nowrap;margin-top:5px;font-size:9px;display:block}.resource>span{color:#939b85;white-space:nowrap;margin-bottom:7px;font-size:9px;display:block}.resource strong{white-space:nowrap;font-family:Georgia,serif;font-size:22px;font-weight:400}.resource strong small{color:#8e9880;font-family:inherit;font-size:10px}.world-scene{aspect-ratio:2;background:#7a8b55 url(/village.png) 50%/100% 100%;border-left:1px solid #d7ddcd;border-right:1px solid #d7ddcd;width:100%;position:relative;overflow:hidden}.pixi-host{position:absolute;inset:0}.pixi-host canvas{max-width:100%;display:block}.scene-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -70px 70px -40px #243b33aa}.snow:after{content:"";pointer-events:none;background-color:#d1e2ee12;background-image:radial-gradient(2px 2px at 20% 30%,#fff 95%,#0000),radial-gradient(2px 2px at 70% 60%,#fff 95%,#0000),radial-gradient(1px 1px at 45% 20%,#fff 95%,#0000);background-size:78px 95px,130px 113px,85px 130px;animation:12s linear infinite snowfall;position:absolute;inset:0}.map-badge{color:#667453;letter-spacing:1.5px;pointer-events:none;background:#fffef1e8;border-radius:5px;align-items:center;gap:8px;padding:8px 12px;font-size:8px;font-weight:600;display:flex;position:absolute;top:17px;left:18px}.live-dot,.saved-dot{background:#7b9255;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.saved-dot{background:#a8af97}.map-caption{color:#fffef2;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:18px;left:22px}.map-caption>span{font-family:Georgia,serif;font-size:18px}.map-caption small{opacity:.75;font-size:9px}.playback-bar{background:#f9f9f0;border:1px solid #d7ddcd;border-top:0;border-radius:0 0 10px 10px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.playback-actions{align-items:center;gap:10px;display:flex}.play-button,.step-button{gap:10px;min-height:38px;padding:10px 13px;font-size:11px}.speed-button{color:#738268;background:0 0;min-width:35px;min-height:38px;font-size:11px}.saved-label{color:#8c9680;white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.residents-section{margin-top:30px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.section-heading h2{font-size:21px}.section-heading>span{color:#909983;font-size:10px}.resident-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.resident-card{background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;min-width:0;padding:11px 2px;display:flex}.resident-card:hover{background:#eeeee2}.resident-card.selected{background:#e8ecdf;border-color:#bfceb6}.avatar{color:#fff8e7;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:19px;display:inline-flex;box-shadow:inset 0 0 0 4px #ffffff24}.avatar.large{flex-shrink:0;width:50px;height:50px;font-size:26px}.resident-card strong{margin-top:9px;font-size:11px;font-weight:600}.resident-card small{color:#8b9480;white-space:nowrap;text-overflow:ellipsis;max-width:90%;margin-top:5px;font-size:8px;overflow:hidden}.inspector{background:#fcfaf4;border:1px solid #e0e1d5;border-radius:10px;padding:25px 22px;position:sticky;top:20px}.inspector .eyebrow{font-size:8px}.resident-title{align-items:center;gap:14px;margin-top:24px;display:flex}.resident-title h2{font-size:29px}.resident-title p{color:#89907f;margin-top:2px;font-size:10px}.character-description{color:#89907f;margin:18px 0 22px;font-size:11px;font-style:italic}.activity-card{background:#eff1e6;border-radius:7px;padding:13px}.activity-card p{color:#54684c;margin-top:7px;font-size:11px;line-height:1.5}.needs{flex-direction:column;gap:17px;margin:24px 0;display:flex}.need>div{color:#6b795f;justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.need>div span:last-child{color:#8c957e}meter{background:#e7e9da;border:0;border-radius:5px;width:100%;height:5px;display:block}meter::-webkit-meter-bar{background:#e7e9da;border:0;border-radius:4px;height:5px}meter::-webkit-meter-optimum-value{background:#8ba16e;border-radius:5px}meter.low::-webkit-meter-optimum-value{background:#c7985c}.pocket{color:#8a947d;border-top:1px solid #e6e7dc;border-bottom:1px solid #e6e7dc;justify-content:space-between;padding:16px 0;font-size:10px;display:flex}.pocket strong{color:#5d7150;font-weight:500}.detail-section{border-bottom:1px solid #e6e7dc;padding:15px 0}.detail-section summary{cursor:pointer;color:#718064;font-size:10px;line-height:1.7}.trait{color:#849076;justify-content:space-between;margin-top:10px;font-size:10px;display:flex}.trait span{text-transform:capitalize}.memory{color:#8c947f;margin-top:10px;font-size:10px}.probability{color:#7b886e;justify-content:space-between;gap:10px;margin-top:13px;font-size:9px;line-height:1.5;display:flex}.probability strong{white-space:nowrap}.lower-grid{grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;display:grid}.lower-grid>section{border-top:1px solid #dcded1;padding-top:25px}.lower-grid h2{margin:10px 0;font-size:22px}.priority-options{grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0 10px;display:grid}.priority-options button{text-align:left;background:0 0;border:1px solid #dce0d2;border-radius:7px;padding:11px 8px}.priority-options button.chosen{background:#e7ecdd;border-color:#9eb293}.priority-options strong{color:#637958;font-size:10px;font-weight:600;display:block}.priority-options span{color:#95a087;margin-top:6px;font-size:9px;line-height:1.5;display:block}.priority-section>small{font-size:9px}.timeline-section label{color:#8e9883;margin:19px 0 0;font-size:10px;font-weight:400}.timeline-actions{flex-wrap:wrap;gap:6px;display:flex}.timeline-actions button{min-height:36px;padding:9px;font-size:10px}.timeline-section .small{margin-top:14px;font-size:10px}.journal{border-top:1px solid #dcdfd0;margin-top:30px;padding-top:28px}.journal .eyebrow{margin-bottom:10px}.journal ol{margin:0;padding:0;list-style:none}.journal li{border-bottom:1px solid #e3e4d8;align-items:baseline;gap:14px;padding:12px 0;font-size:11px;display:flex}.event-dot{background:#a5b498;border-radius:50%;flex:none;width:5px;height:5px}.event-dot.world{background:#c69a58}.event-dot.conflict{background:#bc8574}.event-time{color:#9ba58e;white-space:nowrap;flex:none;width:61px;font-size:9px}.journal li p{color:#74816a;font-size:11px}.app-footer{color:#969e8b;border-top:1px solid #dcdfd0;justify-content:space-between;gap:20px;margin-top:20px;padding:35px 0 10px;font-size:10px;display:flex}.app-footer summary{cursor:pointer}.app-footer details p{margin-top:10px;font-size:10px}.error-banner{color:#896541;background:#f4e6d7;border:1px solid #dbc2a6;border-radius:7px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;font-size:12px;line-height:1.6;display:flex}.error{color:#986441;margin-top:14px;font-size:12px}.login-page{grid-template-columns:1.25fr 1fr;min-height:100vh;display:grid}.login-art{background:#7c8b62 url(/village.png) 50%/cover}.login-card{align-self:center;width:100%;max-width:420px;margin:60px auto;padding:30px}.brand-mark{color:var(--forest);font-size:64px}.login-card .eyebrow{margin:8px 0 16px}.login-card h1{letter-spacing:-4px;font-size:76px}.login-card h1 span{color:#b88d52}.login-intro{color:#849078;margin:24px 0 32px;font-size:13px}.login-card label{font-size:11px}.login-foot{text-align:center;color:#9da38f;margin-top:24px;font-size:10px}.welcome{grid-template-columns:1.4fr 1fr;align-items:center;gap:60px;max-width:1300px;margin:50px auto;padding:0 40px;display:grid}.welcome-image{aspect-ratio:1;background:url(/village.png) 50%/cover;border-radius:16px}.welcome h1{margin:18px 0;font-size:46px;line-height:1.2}.welcome section>p:not(.eyebrow){color:#7f8a76;margin-bottom:25px;font-size:13px}.welcome .primary{margin-top:10px}dialog{color:#354936;background:#fbfaf3;border:1px solid #d6dccd;border-radius:14px;width:min(540px,100vw - 32px);max-height:90vh;padding:27px;overflow:auto;box-shadow:0 25px 100px #10201440}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c332a77}.modal-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.modal-head h2{font-size:27px}dialog form{margin-top:20px}.compare-table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:25px;font-size:11px}.compare-table th,.compare-table td{text-align:left;word-break:break-word;border-bottom:1px solid #dedfd1;padding:12px 7px}.compare-table thead th{color:#809071;font-size:10px}.field-guide p{color:#7b8971;margin:10px 0 22px;font-size:12px}.field-guide h3{font-size:20px}@keyframes snowfall{to{background-position:40px 180px,-20px 180px,60px 180px}}@media (width>=1500px){.village-main{grid-template-columns:minmax(0,1fr) 300px}.inspector{padding:30px}.world-scene{aspect-ratio:2}}@media (width<=1150px){.topbar{padding:18px 26px}.village-layout{padding:30px 26px}.village-main{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.inspector{padding:20px 16px}.resource-bar{gap:10px;padding:15px}.day-block{padding-right:10px}.resource strong{font-size:19px}.resource strong small,.saved-label{display:none}.lower-grid{grid-template-columns:1fr}.top-tag{display:none}.resident-list{grid-template-columns:repeat(4,1fr)}.resident-card{flex-flow:wrap;justify-content:center;gap:6px}.resident-card strong{margin:0}.resident-card small{text-align:center;width:100%;margin:0}.world-scene{aspect-ratio:1.8}.resource>span,.day-block small{font-size:8px}}@media (width<=800px){.village-main{grid-template-columns:1fr}.inspector{position:static}.inspector .needs{grid-template-columns:1fr 1fr;gap:18px;display:grid}.resident-title{margin-top:14px}.character-description{margin:12px 0}.inspector .detail-section{display:block}.resource strong small{display:inline}.resident-list{grid-template-columns:repeat(8,1fr)}.resident-card{flex-direction:column;gap:0}.resident-card strong{margin-top:8px}.resident-card small{margin-top:5px}.world-scene{aspect-ratio:1.8}.lower-grid{grid-template-columns:1fr 1fr;gap:20px}.login-page{grid-template-columns:1fr}.login-art{height:32vh;min-height:190px}.login-card{margin:0 auto 30px;padding-top:10px}.brand-mark{display:none}.login-card .eyebrow{margin-top:25px}.login-card h1{font-size:60px}.welcome{grid-template-columns:1fr;gap:30px;margin-top:30px}.welcome-image{aspect-ratio:2}.welcome h1{font-size:36px}.welcome section{max-width:450px}.login-intro{margin:16px 0 24px}}@media (width<=550px){.topbar{gap:10px;padding:12px 18px}.wordmark{font-size:27px}.mountain-mark{font-size:35px}.topbar nav{gap:1px}.topbar nav button{padding:7px;font-size:10px}.village-layout{padding:25px 16px 12px}.village-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:18px}.village-heading h1{letter-spacing:-.9px;font-size:30px}.eyebrow{letter-spacing:1.6px;font-size:8px}.chapter-copy{max-width:320px;font-size:11px}.village-picker{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}.village-picker label{display:none}.village-picker select{width:100%;font-size:11px}.village-picker button{font-size:11px}.resource-bar{flex-wrap:wrap;gap:8px;padding:12px 11px}.day-block{border:0;border-bottom:1px solid #dce0d2;width:100%;padding:0 0 10px}.day-block>div{align-items:center;gap:12px;display:flex}.day-block small{margin:0;font-size:10px}.sun-symbol{font-size:19px}.resource{flex:1}.resource>span{margin-bottom:3px;font-size:8px}.resource strong{font-size:19px}.resource strong small{display:none}.world-scene{aspect-ratio:1.45}.map-badge{letter-spacing:1px;padding:6px 8px;font-size:6px;top:10px;left:10px}.map-caption{bottom:13px;left:12px}.map-caption>span{font-size:15px}.map-caption small{font-size:8px}.playback-bar{padding:11px 10px}.playback-actions{justify-content:space-between;gap:6px;width:100%}.play-button,.step-button{gap:7px;padding:9px 10px;font-size:10px}.speed-button{font-size:10px}.section-heading h2{font-size:20px}.section-heading>span{font-size:9px}.resident-list{grid-template-columns:repeat(4,1fr);gap:7px}.resident-card{padding:11px 6px}.avatar{width:34px;height:34px}.resident-card small{font-size:8px}.lower-grid{grid-template-columns:1fr;gap:20px}.priority-options button{padding:13px 10px}.priority-options strong{font-size:11px}.priority-options span{font-size:10px}.lower-grid h2{font-size:24px}.journal li{gap:9px}.event-time{width:52px;font-size:8px}.journal li p{font-size:10px}.journal .section-heading{align-items:flex-end}.journal .quiet{white-space:nowrap;font-size:10px}.inspector{margin-top:6px;padding:22px}.inspector .detail-section summary,.inspector .memory,.inspector .trait{font-size:12px}.app-footer{flex-direction:column;gap:12px;padding-top:23px}.welcome{gap:20px;padding:0 18px}.welcome h1{font-size:32px}.welcome-image{aspect-ratio:1.5}.login-art{height:28vh}.login-card{padding:22px 28px}.login-card h1{font-size:58px}.login-card .eyebrow{font-size:7px}.login-intro{font-size:12px}.compare-table{font-size:10px}dialog{padding:22px}.modal-head h2{font-size:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}@media (width<=800px){.desktop-inspector{display:none}.village-layout{padding-bottom:108px}.playback-bar{z-index:20;padding-bottom:max(12px, env(safe-area-inset-bottom));background:#f7f7ef;border-radius:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #25372b12}dialog.resident-sheet{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:86svh;margin:auto 0 0}.resident-sheet .inspector{border:0;margin:0;padding:0}.resident-sheet .modal-head{z-index:1;background:#faf9f4;padding-bottom:10px;position:sticky;top:-22px}}.dom-residents{pointer-events:none;position:absolute;inset:0}.map-person{pointer-events:auto;filter:drop-shadow(0 1px 2px #102d26aa);background:0 0;flex-direction:column;align-items:center;padding:0;transition:left 1.2s,top 1.2s;display:flex;position:absolute;transform:translate(-50%,-90%)}.map-person svg{width:24px;height:36px;overflow:visible}.map-person.active svg{filter:drop-shadow(0 0 3px #fff7ca)}.map-person span{color:#fff9e8;text-shadow:0 1px 3px #162e21;background:#29433599;border-radius:3px;padding:2px 4px;font-size:9px;font-weight:600}.map-person.active span{color:#2f4c35;text-shadow:none;background:#f7f2d6}.map-person:focus-visible{outline:2px solid #fff9dd}@media (width<=550px){.map-person svg{width:19px;height:29px}.map-person span{font-size:7px}.map-person:not(.active) span{display:none}}@media (prefers-reduced-motion:reduce){.map-person{transition:none}}