:root{--ink:#302c23;--muted:#837b6a;--paper:#fbf7ec;--line:#e6ddca;--gold:#b78a3c;--green:#456247;--red:#b95438;--shadow:0 12px 45px #17231b30,0 2px 6px #17231b1a;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--sans);background:#334d29;font-size:13px;overflow:hidden}button,a,input,select{font:inherit}button{color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dcaf53;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;display:block;flex-shrink:0}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(1px)}.hidden{display:none!important}#app{position:relative;height:100dvh;min-height:500px;isolation:isolate}.viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background:#446c37}.viewport.dragging{cursor:grabbing}.world{position:absolute;left:50%;top:50%;width:1800px;height:1200px;transform-origin:center;will-change:transform}.world-image{display:block;width:1800px;height:1200px;user-select:none;pointer-events:none}.world canvas{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.world-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#162d2440 0%,transparent 24%,transparent 68%,#152d2870 100%)}.night-shade{position:absolute;inset:0;pointer-events:none;background:#162854;opacity:0;mix-blend-mode:multiply;transition:opacity 3s}.topbar{height:78px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:24px;background:linear-gradient(#fcf9f0 0%,#f6f0e2 100%);border-bottom:1px solid #e1d3b8;box-shadow:0 3px 18px #18291c20;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand-crest{filter:drop-shadow(0 2px 2px #3c2f2530)}.brand-crest svg{width:38px;height:46px}.brand strong{font-family:var(--serif);font-size:25px;letter-spacing:3px;line-height:1;display:block;font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:2.05px;margin-top:6px;color:#887a61;font-weight:700}.alpha-tag{font-size:8px;letter-spacing:1.2px;background:#e9e3d5;color:#817352;padding:5px 6px;border:1px solid #dbd0bb;border-radius:3px;margin-left:9px;align-self:flex-start;margin-top:8px}.topnav{height:100%;display:flex;gap:30px;align-items:stretch}.topnav button{background:none;padding:0 2px;color:#827766;font-size:12px;position:relative;font-weight:600}.topnav button.active{color:#54422b}.topnav button.active:after{content:'';height:3px;background:#ab7b39;position:absolute;bottom:0;left:0;right:0}.top-actions{display:flex;gap:15px;align-items:center}.icon-button{background:none;padding:6px;color:#8b7e66}.preview-badge{display:flex;align-items:center;gap:6px;background:#eee9dd;color:#756b58;padding:6px 8px;border-radius:4px;font-size:10px}.preview-badge i{height:5px;width:5px;background:#a3874e;border-radius:50%}.enter-btn{display:flex;gap:9px;align-items:center;background:#3d5941;color:#fff8e5;padding:10px 13px;border-radius:5px;box-shadow:inset 0 1px #ffffff26,0 2px 0 #243e2a;font-size:11px;font-weight:500}.enter-btn svg{height:15px;width:15px}.enter-btn svg:last-child{width:12px}.resources{position:absolute;top:96px;left:26px;display:flex;gap:8px;z-index:5}.resource{display:flex;align-items:center;gap:9px;background:#fcf7ebeF;box-shadow:0 4px 14px #1b2b1d25,inset 0 1px #fff;border:1px solid #d7cab0;border-bottom:3px solid #bcaa8d;border-radius:7px;padding:9px 12px;min-width:138px;position:relative}.resource:hover{background:#fffaf0}.resource>span:nth-child(2){text-align:left}.resource small{display:block;font-size:8px;letter-spacing:1px;font-weight:700;color:#938369;line-height:1.3}.resource b{display:block;font-size:16px;letter-spacing:.2px;line-height:1.4;font-weight:700}.resource-icon{width:28px;height:30px;display:flex;align-items:center;justify-content:center}.resource-icon svg{width:29px;height:29px;filter:drop-shadow(0 2px 1px #4b392a2e)}.resource i{font-size:8px;font-style:normal;color:#78925f;align-self:flex-end;margin-bottom:3px;margin-left:7px;white-space:nowrap}.resource em{font-size:11px;font-style:normal;color:#958975;font-weight:400}.resource .happy-mini{font-size:8px;color:#65814f;align-self:flex-end;margin-bottom:5px;white-space:nowrap;margin-left:8px}.day-control{position:absolute;top:100px;right:28px;background:#fbf7ebf0;padding:9px 10px 9px 13px;display:flex;align-items:center;gap:10px;border:1px solid #d7cab0;border-radius:6px;box-shadow:0 4px 12px #1b2b1d20;z-index:5}.day-control>span{color:#b89041}.day-control>span svg{width:23px;height:23px}.day-control strong{font-size:12px;display:block}.day-control small{display:block;font-size:7px;letter-spacing:1px;color:#8d8066;margin-top:3px}.time-button,.speed-button{height:26px;min-width:26px;border-radius:4px;background:#ece5d5;color:#72634a;display:grid;place-items:center}.time-button{margin-left:8px}.time-button svg{height:12px;width:12px}.speed-button{font-size:10px;font-weight:700;background:none}.side-rail{position:absolute;left:25px;top:50%;transform:translateY(-40%);display:flex;flex-direction:column;padding:5px;background:#f8f2e4f2;border:1px solid #d8c7a6;border-bottom:3px solid #b3a181;border-radius:9px;box-shadow:var(--shadow);z-index:5;gap:4px}.side-rail button{width:36px;height:37px;background:none;display:grid;place-items:center;border-radius:5px;color:#85775e}.side-rail button:hover{background:#eee3cc}.side-rail button.active{background:#e3d4b5;color:#775323;box-shadow:inset 0 0 0 1px #d0bc93}.side-rail button svg{width:20px;height:20px}.side-rail>span{height:1px;background:#ded3bd;margin:4px}.scene-title{position:absolute;top:190px;left:101px;color:#fffdf2;text-shadow:0 2px 10px #17261370;pointer-events:none}.scene-title>span:not(.live-dot){font-size:8px;font-weight:700;letter-spacing:2px;vertical-align:middle}.live-dot{width:5px;height:5px;border-radius:50%;background:#e7c779;display:inline-block;margin-right:5px;box-shadow:0 0 0 3px #f9f5df1c}.scene-title h1{font-family:var(--serif);font-size:42px;font-weight:400;line-height:1.08;letter-spacing:-1.3px;margin:15px 0 12px}.scene-title h1 i{font-style:normal;font-size:57px;color:#fff1ce;line-height:1.2}.scene-title p{font-size:11px;line-height:1.8;color:#fffae9e6;margin:0}.life-panel{position:absolute;right:25px;top:173px;bottom:148px;width:300px;max-height:610px;min-height:320px;background:linear-gradient(135deg,#fffbf1f5,#f6efdeF5);border:1px solid #d9cdb4;border-bottom:4px solid #bcaa8d;box-shadow:var(--shadow);border-radius:10px;z-index:6;display:flex;flex-direction:column;overflow:hidden}.life-heading{padding:20px 18px 16px;display:flex;align-items:center;justify-content:space-between}.eyebrow{color:#97866b;letter-spacing:1.5px;font-size:7px;font-weight:700}.life-heading h2{font-family:var(--serif);font-size:24px;font-weight:400;margin:7px 0 0;display:flex;align-items:center;gap:13px}.live-status{font-size:7px;font-family:var(--sans);letter-spacing:.9px;color:#70845a;border:1px solid #dce1c8;background:#edf0df;padding:4px 6px;border-radius:3px;display:flex;align-items:center;gap:4px}.live-status i{height:4px;width:4px;background:#7b9563;border-radius:50%}.small-icon{background:none;color:#a29681;padding:4px;align-self:center}.small-icon svg{width:14px;height:14px}.panel-tabs{display:flex;margin:0 18px;border-bottom:1px solid #dfd5c0;gap:22px;flex-shrink:0}.panel-tabs button{background:none;color:#a1947c;font-size:10px;padding:0 0 11px;border-bottom:2px solid transparent}.panel-tabs button.active{color:#735935;border-bottom-color:#a67938;font-weight:600}.activity-feed{overflow:auto;flex:1;padding:0 18px;scrollbar-width:thin;scrollbar-color:#d6c9b1 transparent;min-height:0}.feed-entry{padding:17px 0;display:flex;gap:10px;border-bottom:1px solid #e6decc;align-items:flex-start}.feed-avatar{position:relative;flex-shrink:0;cursor:pointer}.avatar{width:35px;height:39px;border-radius:9px;background:linear-gradient(135deg,#e8dcbf,#c3c9b1);overflow:hidden;border:1px solid #ffffffa8;display:grid;place-items:center;box-shadow:0 2px 4px #4c3c2c15}.avatar svg{width:100%;height:100%}.feed-avatar>.event-dot{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:#e9dfc8;border:2px solid var(--paper);display:grid;place-items:center;color:#8a6a36}.event-dot svg{width:8px;height:8px}.feed-content{flex:1;min-width:0}.feed-content strong{font-size:10px;line-height:1.4;font-weight:600}.feed-content p{color:#8b7d65;line-height:1.65;font-size:9px;margin:5px 0}.feed-content time{font-size:7px;color:#ab9c83;display:flex;align-items:center;gap:4px}.feed-content time svg{width:9px;height:9px}.view-chronicle{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8a6736;background:#f4eedf;flex-shrink:0;border-top:1px solid #e4dac4;text-align:left}.view-chronicle svg{width:13px;height:13px}.village-mood{display:flex;gap:10px;align-items:center;background:#e9eddb;padding:16px 15px;border-top:1px solid #d5ddc1;flex-shrink:0}.mood-icon{background:#d7dfc7;width:31px;height:34px;border-radius:7px;display:grid;place-items:center;color:#7c8f61}.mood-icon svg{width:20px}.village-mood>div:nth-child(2){flex:1}.village-mood strong{font-size:9px;color:#526347;display:block}.village-mood>div small{font-size:7px;line-height:1.6;color:#839076;display:block;margin-top:4px}.village-mood>span{font-size:23px;font-family:var(--serif);color:#667b50}.village-mood>span small{font-size:11px}.welcome-card{position:absolute;left:27px;bottom:126px;width:290px;display:flex;align-items:center;gap:13px;border:1px solid #d3c19c;border-bottom:3px solid #b69e76;border-radius:9px;background:linear-gradient(125deg,#fdf8ecf5,#f2e8d4f5);box-shadow:var(--shadow);padding:21px 18px;z-index:5}.welcome-mark svg{width:46px;height:56px;filter:drop-shadow(0 3px 2px #62482f30)}.welcome-copy h3{font-family:var(--serif);font-weight:400;font-size:17px;margin:6px 0}.welcome-copy p{font-size:8px;line-height:1.6;color:#8e7d61;margin:0 0 12px}.welcome-copy button{display:flex;align-items:center;gap:8px;background:none;color:#7d5e30;padding:0;font-size:9px;font-weight:700}.welcome-copy button svg{width:13px;height:13px}.dismiss{position:absolute;right:7px;top:7px;background:none;padding:2px;color:#b3a183}.dismiss svg{width:11px;height:11px}.map-controls{position:absolute;left:26px;bottom:69px;display:flex;background:#f8f1e3ed;border:1px solid #d7c7a9;border-bottom:3px solid #b5a17d;box-shadow:var(--shadow);border-radius:6px;padding:3px;z-index:5}.map-controls button{width:32px;height:29px;display:grid;place-items:center;background:none;color:#776a53;border-radius:3px}.map-controls button+button{border-left:1px solid #e0d4bb}.map-controls button:hover{background:#e8dac0}.map-controls svg{width:16px;height:16px}.map-caption{position:absolute;left:151px;bottom:80px;display:flex;gap:7px;align-items:center;color:#f4f1ddbd;font-size:8px;text-shadow:0 1px 3px #213720;pointer-events:none}.map-caption svg{width:12px;height:12px}.map-caption i{font-style:normal;margin:0 6px;color:#f4f1dd60}.bottom-dock{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:7px 13px 6px;background:linear-gradient(#fdf9ed,#eee3ce);border:1px solid #d4c09a;border-bottom:4px solid #9e8054;border-radius:12px 12px 8px 8px;box-shadow:0 3px 0 #654d30,0 12px 35px #102b2850;z-index:8}.dock-item{width:68px;height:61px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#8b7754;font-size:8px;position:relative;border-radius:6px;font-weight:600}.dock-item:hover{background:#e8dcc4}.dock-item.active{background:linear-gradient(#e7d8b7,#d6c29a);color:#6c4f25;box-shadow:inset 0 1px #fff6dc,inset 0 0 0 1px #c5ad7f}.dock-icon svg{height:25px;width:25px;filter:drop-shadow(0 1px #fff)}.dock-separator{height:38px;width:1px;background:#d9c7a7;margin:0 5px}.dock-item>i{position:absolute;top:3px;right:7px;background:#bc6348;color:#fff5dc;font-size:7px;padding:2px 4px;border-radius:3px;font-style:normal;box-shadow:0 1px 0 #8b4736}.world-footer{position:absolute;left:27px;right:27px;bottom:12px;display:flex;justify-content:space-between;color:#e2e9d8aa;z-index:4;pointer-events:none;font-size:6px;letter-spacing:1.6px}.world-footer button{background:none;color:inherit;padding:0;display:flex;align-items:center;gap:4px;pointer-events:auto;font-size:7px;letter-spacing:.2px}.world-footer svg{width:8px;height:8px}.map-pins{position:absolute;inset:0;pointer-events:none}.map-pin{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;flex-direction:column;gap:4px;pointer-events:auto;background:none;white-space:nowrap;padding:0;filter:drop-shadow(0 2px 4px #1b2c1f50)}.map-pin .pin-label{background:#fffaedee;box-shadow:0 2px 0 #b79e6d;border:1px solid #d9c7a1;padding:6px 10px;font-size:10px;border-radius:5px;color:#63502e;font-weight:600;display:flex;gap:7px;align-items:center;transition:transform .2s}.map-pin .pin-label svg{width:12px;height:12px;color:#9e7a3b}.map-pin .pin-label>em{font-size:7px;font-style:normal;border-left:1px solid #d6c7aa;padding-left:6px;color:#9b7b45}.map-pin .pin-stem{height:14px;width:1px;background:#efe5bb}.map-pin .pin-point{height:6px;width:6px;border:2px solid #fff6d3;background:#b99245;border-radius:50%;margin-top:-5px;box-shadow:0 0 0 4px #fbf1d530}.map-pin:hover .pin-label{transform:translateY(-4px);background:#fffdf5}.map-pin.primary .pin-label{background:#3f5d3feb;color:#f5e6bc;border-color:#73815a;box-shadow:0 2px 0 #2f452e}.map-pin.primary .pin-label svg{color:#e6c47c}.map-pin.primary .pin-label em{color:#d9cba1;border-color:#7a8965}.map-pin.subtle{opacity:0;transition:opacity .2s}.map-pin.subtle:hover,.map-pin.subtle:focus-visible{opacity:.95}.labels-off .map-pin{opacity:0!important;pointer-events:none}.speech-layer{position:absolute;inset:0;pointer-events:none}.bubble{position:absolute;transform:translate(-50%,-150%);background:#fff9e9;border:1px solid #d5c5a1;box-shadow:0 3px 8px #2b352d25;border-radius:6px;padding:7px 9px;max-width:160px;font-size:10px;color:#6c5c42;line-height:1.5;animation:bubbleIn .3s ease-out;white-space:normal}.bubble:after{content:'';position:absolute;left:50%;bottom:-5px;width:7px;height:7px;background:#fff9e9;border-right:1px solid #d5c5a1;border-bottom:1px solid #d5c5a1;transform:rotate(45deg)}@keyframes bubbleIn{from{opacity:0;transform:translate(-50%,-125%)}to{opacity:1;transform:translate(-50%,-150%)}}.resident-hit{position:absolute;width:24px;height:30px;transform:translate(-50%,-80%);background:none;padding:0;pointer-events:auto;border-radius:50%;cursor:pointer}.resident-hit:hover{box-shadow:0 0 0 2px #f9e5a9,0 0 0 5px #fff0bd40}.resident-hit:focus-visible{outline:2px solid #fff0bd}.resident-card{position:absolute;left:27px;bottom:126px;width:284px;z-index:7;background:#fbf5e7f7;border:1px solid #d1bc93;border-bottom:3px solid #ab9062;border-radius:9px;padding:16px;box-shadow:var(--shadow)}.resident-card .resident-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.resident-card .avatar{width:46px;height:50px}.resident-card h3{font-family:var(--serif);font-size:19px;margin:0 0 4px;font-weight:400}.resident-card .job{font-size:8px;color:#978267;letter-spacing:.4px}.resident-card .status{font-size:9px;background:#eee7d6;border-radius:4px;padding:8px;color:#8a7657;display:flex;align-items:center;gap:7px}.resident-card .status i{width:5px;height:5px;background:#83976a;border-radius:50%}.mini-needs{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:13px 0}.need-line{font-size:9px}.need-line>div{display:flex;justify-content:space-between;color:#95836a;font-size:8px;margin-bottom:5px}.need-track{height:4px;border-radius:2px;background:#e5dcc8;overflow:hidden}.need-track i{display:block;height:100%;background:#83996b;border-radius:2px;transition:width .6s}.resident-card .card-links{display:flex;gap:7px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 15px;border-radius:5px;font-size:11px;font-weight:600;background:#e9dfca;color:#6f5834;box-shadow:inset 0 0 0 1px #d8c6a5;min-height:36px}.btn:hover{background:#ded0b3}.btn svg{width:14px;height:14px}.btn.primary{background:linear-gradient(#547450,#3f5c3d);color:#fff6df;box-shadow:inset 0 1px #ffffff2a,0 2px 0 #2d432c}.btn.primary:hover{background:linear-gradient(#60815a,#466344)}.btn.gold{background:linear-gradient(#dcba72,#c2984f);color:#5c4221;box-shadow:inset 0 1px #f9e4b2,0 2px 0 #96713a}.btn.danger{background:#f0dbcc;color:#a2523b}.resident-card .btn{font-size:9px;padding:8px 12px;flex:1;min-height:32px}.toast-region{position:absolute;top:167px;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;flex-direction:column;gap:7px;pointer-events:none}.toast{border:1px solid #d0bc91;border-bottom:3px solid #ad925e;background:#fbf4e5;box-shadow:var(--shadow);border-radius:6px;padding:12px 19px;font-size:11px;display:flex;gap:9px;align-items:center;animation:toastIn .2s ease-out;max-width:340px}.toast svg{width:16px;height:16px;color:#70905b}.toast.error svg{color:#b16445}@keyframes toastIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:absolute;inset:0;z-index:30;background:#172b2459;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:28px}.modal{width:min(890px,100%);max-height:calc(100dvh - 90px);overflow:auto;border-radius:13px;border:1px solid #e5d3af;border-bottom:5px solid #b79c70;background:linear-gradient(125deg,#fffbf2,#f7f0df);box-shadow:0 22px 80px #13221b66,0 3px 0 #725b3c;position:relative;scrollbar-width:thin;scrollbar-color:#d7c4a0 #f4ecdb;outline:none;animation:modalIn .22s ease-out}.modal.narrow{width:520px}.modal.wide{width:1000px}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:27px 30px 22px;border-bottom:1px solid #e5d9c0;display:flex;gap:14px;align-items:center;position:relative}.modal-title-icon{height:49px;width:49px;display:grid;place-items:center;background:#ebe0c8;border:1px solid #d6c29e;border-radius:10px;color:#9d783b;box-shadow:inset 0 1px #fff6dd}.modal-title-icon svg{width:27px;height:27px}.modal-header h2{font-family:var(--serif);font-weight:400;margin:3px 0 4px;font-size:29px;letter-spacing:-.5px}.modal-header p{color:#9c8b70;font-size:11px;margin:0;line-height:1.6}.modal-close{position:absolute;top:19px;right:19px;background:#eee5d4;border:1px solid #ded0b5;display:grid;place-items:center;width:29px;height:29px;border-radius:6px;color:#927c59}.modal-close svg{width:15px;height:15px}.modal-body{padding:25px 30px 30px}.modal-tabs{display:flex;gap:23px;border-bottom:1px solid #e1d4ba;padding:0 30px;overflow:auto}.modal-tabs button{background:none;padding:15px 0 13px;font-size:11px;color:#9f8b6c;border-bottom:2px solid transparent;white-space:nowrap}.modal-tabs button.active{border-color:#a37a3e;color:#79592d;font-weight:600}.section-label{font-size:9px;letter-spacing:1.4px;color:#a38b66;font-weight:700;margin:0 0 12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.stat-tile{background:#f0e8d7;border:1px solid #e2d4b8;border-radius:7px;padding:16px 15px}.stat-tile small{font-size:8px;color:#aa9472;letter-spacing:.7px;display:block;margin-bottom:8px}.stat-tile strong{font-size:26px;font-family:var(--serif);font-weight:400}.stat-tile p{margin:6px 0 0;font-size:9px;color:#82926a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:23px}.paper-card{border:1px solid #e0d1b5;background:#fffaf0;border-radius:8px;padding:20px}.paper-card h3{font-family:var(--serif);font-size:19px;font-weight:400;margin:0 0 11px}.paper-card p{font-size:11px;line-height:1.8;color:#968267}.paper-card+.paper-card{margin-top:15px}.feature-row{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.feature-row>span{display:grid;place-items:center;background:#eee5d1;color:#9c7b40;flex-shrink:0;border-radius:6px;width:31px;height:33px}.feature-row svg{width:17px;height:17px}.feature-row strong{font-size:11px;display:block}.feature-row p{font-size:10px;margin:5px 0 0;color:#9c8766;line-height:1.7}.search-row{display:flex;gap:12px;margin-bottom:19px}.search-box{display:flex;align-items:center;gap:9px;flex:1;background:#fffaf1;border:1px solid #ddceb1;border-radius:6px;padding:10px 13px;color:#b6a181}.search-box svg{width:16px;height:16px}.search-box input{border:0;outline:none;background:transparent;flex:1;min-width:0;font-size:11px;color:#6e5836}.search-box input::placeholder{color:#af9b7b}.select{background:#eee4cf;border:1px solid #d9c5a0;border-radius:5px;color:#846c46;padding:8px 11px;font-size:10px;max-width:150px}.residents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.villager-tile{background:#fffaf0;border:1px solid #e3d4b8;border-bottom:2px solid #d9c7a4;border-radius:7px;text-align:left;padding:12px;display:flex;align-items:center;gap:10px}.villager-tile:hover{background:#eee6d4;box-shadow:0 3px 9px #8a714716;transform:translateY(-1px)}.villager-tile .avatar{height:44px;width:40px;flex-shrink:0}.villager-tile strong{font-family:var(--serif);font-size:15px;font-weight:400;display:block}.villager-tile small{font-size:8px;color:#a18a67;display:block;margin-top:4px}.villager-tile .mood{font-size:8px;color:#83925e;display:block;margin-top:5px}.resident-profile{display:flex;align-items:center;gap:17px}.resident-profile .avatar{height:83px;width:75px;border-radius:12px}.resident-profile h3{font-family:var(--serif);font-weight:400;font-size:28px;margin:0 0 8px}.tag{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #ddcfb3;border-radius:3px;background:#eee6d5;color:#9b825b;font-size:8px;margin-right:4px;margin-bottom:3px}.profile-tools{margin-left:auto;display:flex;gap:8px}.profile-details{display:flex;justify-content:space-between;align-items:center;margin:21px 0;background:#eee6d3;padding:12px 15px;border-radius:6px;font-size:10px;color:#99805c}.needs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 30px;margin:23px 0 27px}.need-large label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:9px;color:#947d58}.need-large label b{font-size:10px;color:#789263;font-weight:500}.need-large .need-track{height:7px}.thought{background:#eee8d5;border-left:3px solid #bfa471;color:#8d7854;padding:15px 18px;border-radius:0 7px 7px 0;font-family:var(--serif);font-size:16px;font-style:italic;line-height:1.6}.relationship{display:flex;align-items:center;gap:13px;border:1px solid #e0d1b2;border-radius:7px;padding:16px;margin-top:12px;background:#fffaf0}.relationship strong{font-size:12px;display:block}.relationship p{font-size:10px;color:#a18b66;margin:6px 0}.relationship .need-track{width:160px}.relationship>span{margin-left:auto;font-family:var(--serif);font-size:23px;color:#a37863}.diary-entry{position:relative;padding:0 0 22px 22px;border-left:1px solid #d9c6a0;margin-left:6px}.diary-entry:before{content:'';position:absolute;left:-4px;top:3px;width:7px;height:7px;border:2px solid #b89b67;background:var(--paper);border-radius:50%}.diary-entry small{font-size:8px;color:#ad9671;letter-spacing:.4px}.diary-entry p{font-family:var(--serif);font-size:17px;line-height:1.7;margin:9px 0 0;color:#7f6b4b}.leader{display:flex;gap:15px;align-items:center;margin-bottom:19px}.leader .avatar{height:63px;width:56px}.leader h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:4px 0}.leader small{font-size:8px;color:#ac9267;letter-spacing:1px}.leader p{font-size:10px;color:#9d8662;margin:0}.meter-label{display:flex;justify-content:space-between;font-size:10px;color:#927d5a;margin-bottom:7px}.meter{height:7px;background:#e5dcc7;border-radius:4px;margin-bottom:15px;overflow:hidden}.meter i{height:100%;display:block;background:#93a076;border-radius:4px}.slider-row{margin:18px 0}.slider-row label{display:flex;justify-content:space-between;font-size:11px;color:#8e7751;margin-bottom:12px}.slider-row input{width:100%;accent-color:#9c7a43;cursor:pointer}.slider-row p{font-size:9px;line-height:1.7}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.vote-row{display:flex;align-items:center;gap:9px;margin:12px 0}.vote-row .avatar{width:29px;height:31px}.vote-row>div{flex:1}.vote-row strong{font-size:10px;font-weight:500;display:block;margin-bottom:5px}.vote-row .meter{height:5px;margin-bottom:0}.vote-row>span{font-family:var(--serif);font-size:20px;color:#977d52}.notice{background:#e9ecdb;border:1px solid #d5dbbf;border-radius:6px;padding:12px 14px;color:#7d8966;font-size:10px;line-height:1.75;margin:16px 0}.notice.warm{background:#f0e4c9;border-color:#e1cea6;color:#9d8050}.market-chart{width:100%;height:120px;margin-top:12px}.chart-labels{display:flex;justify-content:space-between;font-size:8px;color:#ac9470}.trade-box{display:flex;gap:10px;align-items:center;margin:17px 0 0}.trade-box input{width:82px;background:#faf6eb;border:1px solid #d9c8a8;border-radius:5px;padding:9px;color:#8c7147;font-size:11px}.trade-price{font-size:10px;color:#ae9670;margin-top:9px}.building-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.building-tile{background:#fff9ed;border:1px solid #dfcdad;border-bottom:2px solid #cbb48c;padding:19px;border-radius:8px;display:flex;gap:14px}.building-icon{width:53px;height:57px;border:1px solid #d6c39e;background:linear-gradient(145deg,#eee1c4,#ddd0b0);border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:#93703b}.building-icon svg{width:30px;height:30px}.building-tile h3{font-family:var(--serif);font-size:19px;font-weight:400;margin:0 0 6px}.building-tile p{font-size:9px;color:#a28a66;line-height:1.8;margin:0 0 12px}.building-tile .btn{font-size:9px;padding:8px 10px;min-height:30px}.building-level{font-size:7px;color:#967236;letter-spacing:1px;margin-bottom:7px;display:block}.building-hero{height:180px;background:#ded6bc;border:1px solid #d7c6a7;border-radius:8px;position:relative;margin-bottom:22px;overflow:hidden}.building-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#263f254a)}.building-hero .building-icon{position:absolute;left:19px;bottom:17px;z-index:1;box-shadow:0 2px 10px #18251655}.body-copy{font-size:12px;color:#998364;line-height:1.9}.takeover-cost{display:flex;align-items:center;justify-content:space-between;background:#eee3c9;padding:17px;border-radius:7px;margin:20px 0;color:#917243;font-size:10px}.takeover-cost b{font-family:var(--serif);font-size:25px;font-weight:400}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.control-grid .btn{font-size:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e3d5b8}.setting-row strong{font-size:12px;display:block;font-weight:500}.setting-row p{font-size:10px;color:#ac9270;line-height:1.6;margin:6px 0 0}.toggle{width:37px;height:22px;position:relative;border-radius:15px;background:#cfc0a4;flex-shrink:0}.toggle:after{content:'';position:absolute;left:3px;top:3px;background:#fff7e7;width:16px;height:16px;border-radius:50%;transition:left .2s}.toggle.on{background:#7a9164}.toggle.on:after{left:18px}.chronicle-filter{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.filter-chip{padding:6px 11px;border:1px solid #dfcfaf;border-radius:4px;background:#f0e7d4;color:#ac946e;font-size:9px}.filter-chip.active{background:#dcd0b2;color:#71592f;border-color:#c4ac80}.chronicle-list .feed-entry{padding:16px 0}.chronicle-list .feed-avatar .avatar{height:44px;width:40px}.chronicle-list .feed-content strong{font-size:12px}.chronicle-list .feed-content p{font-size:11px}.chronicle-list .feed-content time{font-size:8px}.empty{padding:32px;text-align:center;color:#a38c67;font-size:11px;line-height:1.8}.case{border:1px solid #ddc9a4;background:#fff7e7;padding:18px;border-radius:7px;margin-bottom:13px}.case h3{font-family:var(--serif);font-size:19px;font-weight:400;margin:0 0 8px}.case p{font-size:11px;line-height:1.8;color:#9b8159}.mobile-life{display:none}.loading{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#3e5638,#1c3025);color:#e8d3a4;transition:opacity .6s,visibility .6s}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading-crest svg{width:66px;height:78px;filter:drop-shadow(0 8px 20px #0d1e1b66)}.loading h1{font-family:var(--serif);font-size:42px;font-weight:400;letter-spacing:8px;margin:18px 0 7px;padding-left:8px}.loading p{font-family:var(--serif);font-style:italic;color:#b4b697;font-size:17px;margin:0 0 30px}.load-track{height:3px;width:180px;background:#627050;border-radius:3px;overflow:hidden}.load-track i{display:block;width:70%;height:100%;background:#d9b66e;animation:loading 2s infinite ease-in-out}.loading>span{font-size:8px;letter-spacing:1.2px;color:#a8ad8c;margin-top:13px}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(160%)}}.mobile-only{display:none}.preview-explainer{font-size:10px;color:#a38b64;line-height:1.8;border-top:1px solid #e0d1b3;margin-top:22px;padding-top:15px}.docs-section{margin-bottom:26px}.docs-section h3{font-family:var(--serif);font-size:23px;font-weight:400;margin:0 0 10px}.docs-section p,.docs-section li{font-size:12px;line-height:1.9;color:#947b55}.docs-section ul{padding-left:20px}.danger-zone{margin-top:22px}.compact .life-panel{display:none}.compact .mobile-life{display:grid}.error-image{position:absolute;inset:0;background:radial-gradient(#69864e,#2e4b32);color:#f7e5be;display:grid;place-items:center;text-align:center;font-family:var(--serif);padding:50px}.error-image button{margin-top:15px}.full-width{width:100%}.controls-hint{font-size:9px;color:#a38c67;text-align:center;margin:13px 0 0}
@media(min-width:1600px){.resources{gap:12px}.resource{min-width:165px}.life-panel{width:320px;right:31px}.scene-title{left:118px;top:210px}.scene-title h1{font-size:48px}.scene-title h1 i{font-size:67px}.welcome-card{bottom:148px;width:310px}.bottom-dock{bottom:38px}.dock-item{width:77px;height:69px}.dock-icon svg{width:28px;height:28px}}
@media(max-width:1200px){.alpha-tag{display:none}.topnav{gap:20px}.topbar{padding:0 20px}.top-actions{gap:10px}.resources{left:20px;gap:6px}.resource{min-width:117px;padding:8px 9px;gap:7px}.resource i{display:none}.resource.population{min-width:142px}.resource .happy-mini{font-size:7px;margin-left:4px}.life-panel{width:271px;right:20px;top:170px;bottom:145px}.side-rail{left:20px}.scene-title{left:88px;top:184px}.scene-title h1{font-size:33px}.scene-title h1 i{font-size:46px}.scene-title>span:not(.live-dot){font-size:6px;letter-spacing:1.4px}.scene-title p{font-size:10px}.welcome-card{left:20px;bottom:134px;width:265px;padding:18px 14px}.welcome-mark svg{width:38px;height:48px}.welcome-copy h3{font-size:16px}.welcome-copy .eyebrow{font-size:6px}.map-caption{display:none}.bottom-dock{bottom:31px;padding:6px 8px}.dock-item{width:62px}.day-control{right:20px}.life-heading{padding:17px 15px}.activity-feed{padding:0 15px}.life-heading h2{font-size:23px}.eyebrow{font-size:6px}.village-mood{padding:13px 12px}.village-mood>div small{font-size:6.5px}.village-mood strong{font-size:8px}.village-mood>span{font-size:21px}.feed-entry{padding:15px 0}.resources .resource-icon svg{width:26px;height:26px}}
@media(max-width:1000px){.topnav{display:none}.life-panel{width:252px}.resource.population{display:none}.scene-title{top:182px}.scene-title h1{font-size:30px}.scene-title h1 i{font-size:41px}.scene-title p{font-size:9px}.bottom-dock{left:calc(50% - 55px)}.welcome-card{width:245px;padding:16px 12px}.welcome-copy h3{font-size:15px}.welcome-mark svg{width:33px;height:43px}.welcome-copy p{font-size:7px}.welcome-copy button{font-size:8px}.dock-item{width:57px;height:56px}.dock-icon svg{height:22px;width:22px}.modal-backdrop{padding:20px}.modal{max-height:calc(100dvh - 70px)}.residents-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{gap:8px}.stat-tile{padding:12px}.stat-tile strong{font-size:23px}.profile-tools{flex-direction:column}.day-control{top:96px}.scene-title>span:not(.live-dot){font-size:6px}}
@media(max-width:760px){.topbar{height:65px;padding:0 15px}.brand{gap:8px}.brand strong{font-size:21px;letter-spacing:2.5px}.brand small{font-size:6px;letter-spacing:1.6px;margin-top:5px}.brand-crest svg{width:31px;height:37px}.top-actions{gap:9px}.top-actions .desktop{display:none}.preview-badge{font-size:8px;padding:5px 6px}.enter-btn{font-size:9px;padding:9px 10px;gap:7px}.enter-btn>span:last-child{display:none}.enter-btn svg{width:13px;height:13px}.resources{left:14px;top:80px;gap:6px;right:14px}.resource{flex:1;min-width:0;padding:7px 9px;gap:7px;border-radius:6px}.resource small{font-size:6px;letter-spacing:1px}.resource b{font-size:14px}.resource-icon{width:24px;height:26px}.resources .resource-icon svg{width:24px;height:24px}.day-control{top:146px;right:15px;gap:7px;padding:6px 7px 6px 10px}.day-control strong{font-size:10px}.day-control small{font-size:6px;letter-spacing:.7px}.day-control>span svg{height:19px;width:19px}.time-button{margin-left:4px;height:23px;min-width:22px}.speed-button{min-width:22px;height:23px;font-size:9px}.side-rail{left:14px;top:220px;transform:none;padding:4px;border-radius:7px;gap:3px}.side-rail button{height:31px;width:30px}.side-rail button svg{height:17px;width:17px}.side-rail button[data-open='residents'],.side-rail button[data-open='council'],.side-rail button[data-open='economy']{display:none}.side-rail>span{margin:1px 4px}.scene-title{left:19px;top:147px}.scene-title>span{display:none!important}.scene-title h1{font-size:19px;line-height:1.1;margin:0}.scene-title h1 br{display:none}.scene-title h1 i{font-size:25px}.scene-title p{display:none}.life-panel{display:none}.life-panel.mobile-open{display:flex;width:calc(100% - 28px);right:14px;top:auto;bottom:125px;max-height:420px;height:55vh;z-index:20}.life-panel.mobile-open .life-heading{padding:14px 16px}.life-panel.mobile-open .activity-feed{padding:0 16px}.life-panel.mobile-open .feed-content p{font-size:10px}.life-panel.mobile-open .feed-content strong{font-size:11px}.life-panel.mobile-open .village-mood>div small{font-size:8px}.life-panel.mobile-open .village-mood strong{font-size:10px}.bottom-dock{left:50%;width:calc(100% - 28px);justify-content:space-between;bottom:29px;padding:5px 6px;border-radius:9px;gap:1px}.dock-item{width:auto;flex:1;font-size:7px;min-width:0;height:54px;gap:5px}.dock-icon svg{height:23px;width:23px}.dock-separator{margin:0 2px;height:30px}.dock-item>i{right:3px;font-size:6px;padding:1px 3px}.welcome-card{left:14px;bottom:154px;width:230px;padding:15px 12px;gap:10px}.welcome-copy h3{font-size:15px}.welcome-copy p{font-size:7px}.welcome-copy button{font-size:8px}.welcome-mark svg{height:40px;width:32px}.map-controls{left:auto;right:14px;bottom:151px;flex-direction:column;padding:3px}.map-controls button{width:29px;height:30px}.map-controls button+button{border-left:none;border-top:1px solid #e0d4bb}.map-controls svg{width:15px;height:15px}.mobile-life{display:grid;position:absolute;bottom:97px;right:15px;width:37px;height:37px;place-items:center;border-radius:7px;z-index:7;background:#f9f0dd;border:1px solid #cfb789;border-bottom:3px solid #aa8e5d;box-shadow:var(--shadow);color:#8a6a36}.mobile-life svg{width:19px;height:19px}.mobile-life i{position:absolute;right:3px;top:3px;height:5px;width:5px;background:#af6148;border-radius:50%}.world-footer{bottom:10px;left:17px;right:17px;font-size:5px}.world-footer button{font-size:6px}.resident-card{left:14px;bottom:151px;width:245px;padding:13px}.resident-card h3{font-size:17px}.resident-card .avatar{height:43px;width:40px}.resident-card .resident-head{margin-bottom:11px}.resident-card .status{font-size:8px}.mini-needs{margin:11px 0}.toast-region{top:200px;width:100%;padding:0 25px}.toast{font-size:10px;max-width:100%}.modal-backdrop{padding:12px;align-items:center}.modal{max-height:calc(100dvh - 46px);border-radius:10px}.modal-header{padding:20px 18px 17px;gap:11px}.modal-header h2{font-size:24px}.modal-header p{font-size:9px;max-width:240px;line-height:1.6}.modal-title-icon{height:41px;width:41px;border-radius:8px}.modal-title-icon svg{width:23px;height:23px}.modal-close{right:12px;top:13px;width:25px;height:25px}.modal-close svg{width:13px;height:13px}.modal-body{padding:20px 18px 23px}.modal-tabs{padding:0 18px;gap:21px}.modal-tabs button{font-size:10px;padding:13px 0 11px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:20px}.stat-tile{padding:12px 13px}.stat-tile small{font-size:7px}.stat-tile strong{font-size:25px}.stat-tile p{font-size:8px}.two-col{grid-template-columns:1fr;gap:17px}.paper-card{padding:17px}.paper-card h3{font-size:19px}.residents-grid{gap:8px}.villager-tile{padding:10px 8px;gap:7px}.villager-tile strong{font-size:13px}.villager-tile small{font-size:7px}.villager-tile .mood{font-size:7px}.villager-tile .avatar{width:32px;height:37px}.search-row{gap:7px}.search-box{padding:9px}.search-box input{font-size:10px}.select{font-size:9px;padding:7px;max-width:115px}.resident-profile{gap:12px;flex-wrap:wrap}.resident-profile .avatar{height:65px;width:59px}.resident-profile h3{font-size:22px}.profile-tools{width:100%;flex-direction:row;margin-top:7px}.profile-tools .btn{flex:1;font-size:10px}.profile-details{font-size:9px;padding:10px 12px;gap:10px;margin:17px 0}.needs-grid{gap:19px 22px}.need-large label{font-size:10px}.need-large label b{font-size:9px}.thought{font-size:15px;padding:13px 15px}.building-grid{grid-template-columns:1fr;gap:11px}.building-tile{padding:17px}.building-tile h3{font-size:20px}.building-tile p{font-size:10px}.building-tile .btn{font-size:10px}.building-hero{height:160px}.diary-entry p{font-size:16px}.chronicle-list .feed-content p{font-size:10px}.chronicle-list .feed-content strong{font-size:11px}.chronicle-list .feed-entry{gap:10px}.chronicle-list .feed-avatar .avatar{width:33px;height:38px}.leader h3{font-size:21px}.body-copy{font-size:11px}.preview-explainer{font-size:9px}.docs-section p,.docs-section li{font-size:11px}.map-pin .pin-label{font-size:12px;padding:7px 11px}.map-pin .pin-label>em{font-size:9px}.map-pin .pin-label svg{width:14px;height:14px}.bubble{font-size:13px;max-width:190px}.mobile-only{display:block}}
@media(max-height:740px) and (min-width:761px){.scene-title{top:180px}.scene-title h1{font-size:27px}.scene-title h1 i{font-size:40px}.scene-title p{display:none}.life-panel{bottom:130px;min-height:260px}.life-heading{padding:13px 15px 12px}.life-heading h2{font-size:21px}.feed-entry{padding:12px 0}.feed-content p{font-size:8px}.village-mood{padding:10px}.welcome-card{padding:15px;bottom:130px}.bottom-dock{bottom:27px}.dock-item{height:53px}.map-controls{bottom:66px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.notice svg{display:inline-block;width:13px;height:13px;vertical-align:middle;margin-right:5px}.empty>svg{width:28px;height:28px;margin:0 auto;color:#b6a17a}.modal-header .modal-title-icon svg[viewBox="0 0 64 72"]{height:39px;width:35px}.map-pin{touch-action:manipulation}.feed-avatar{touch-action:manipulation}.relationship{flex-wrap:wrap}.relationship .btn{font-size:9px;padding:7px 10px;min-height:29px}.empty{grid-column:1/-1}