:root{--ink:#293f36;--muted:#7e8272;--paper:#fbf8ee;--gold:#a58145;--line:#d6d3c2;--dark:#2e493c}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e7e9dd;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #a3814c;outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:0}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(239,238,220,.85),transparent 28%,transparent 82%,rgba(238,237,224,.2)),linear-gradient(0deg,rgba(235,234,216,.65),transparent 22%)}#topbar{position:absolute;top:0;left:0;right:0;height:98px;display:flex;align-items:center;padding:0 36px;gap:32px;background:linear-gradient(180deg,#f4f2e9ec,#f4f2e9b3 78%,transparent)}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:13px;width:268px;flex-shrink:0}.brand-mark{width:43px;height:48px;display:grid;place-items:center;border:1px solid #9a997d;outline:1px solid #b7b69f;outline-offset:3px;border-radius:40% 40% 4px 4px;font:31px Georgia,serif}.brand h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:21px;margin:0 0 7px;letter-spacing:3px;font-weight:600}.brand h1 span{margin:0 6px}.brand small{letter-spacing:4px;font-size:9px}.resources{display:flex;gap:32px;padding:8px 29px;border:1px solid #c9c9b48c;background:#fcf9edb5;border-radius:8px;margin:auto;box-shadow:0 3px 15px #5b604808}.resources>div{display:flex;align-items:center;gap:9px;min-width:97px}.resources small{display:block;color:#7d826f;font-size:9px;margin-bottom:3px}.resources b{font-family:Georgia,serif;font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.resources em{font-size:9px;font-style:normal;color:#6b805e;align-self:flex-end;margin:0 0 6px 4px;white-space:nowrap}.resource-icon{font-size:27px;color:#63735a}.coin{color:#ae8c4a}.wheat{color:#a78b52}.icon-button{font-size:23px;border:1px solid #bfc4b3;border-radius:50%;height:38px;width:38px;flex-shrink:0}#leftpanel{position:absolute;left:38px;top:136px;width:250px;pointer-events:none}#leftpanel>*{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2px;color:#78846c;display:flex;align-items:center;gap:8px}.eyebrow i{width:5px;height:5px;background:#8e9a73;border-radius:50%}#leftpanel h2{font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;font-size:37px;letter-spacing:4px;font-weight:500;line-height:1.5;margin:22px 0 13px}.intro{font-size:11px;line-height:2.1;color:#7a806f;letter-spacing:1px}.settlement{width:218px;margin:28px 0 25px;font-size:10px}.settlement>b{float:right;font-size:10px;font-weight:500;color:#967c47}.progress-track{height:4px;background:#c8cbbb;overflow:hidden;border-radius:3px;margin:11px 0 8px}.progress-track i{display:block;width:32%;height:100%;background:#8a9e76;transition:width .6s}.settlement>small{display:flex;gap:3px;color:#8a8d7d;font-size:9px}.settlement>small>span:last-child{margin-left:auto}.quest-card{width:238px;padding:17px 18px 14px;background:#fffdf3cf;border:1px solid #d6d1b9;border-radius:3px;box-shadow:0 8px 24px #57553708;backdrop-filter:blur(8px)}.quest-top{display:flex;justify-content:space-between;color:#958359;font-size:10px}.quest-top small{font-family:Georgia,serif;letter-spacing:1px;color:#9f9e8a;font-size:10px}.quest-card h3{font-size:14px;letter-spacing:1px;font-weight:500;margin:15px 0 8px}.quest-card p{font-size:10px;color:#878677;line-height:1.9;margin:0 0 17px}.quest-foot{border-top:1px solid #e5e0cd;padding-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.quest-foot span{color:#9a864f}.quest-foot button{font-size:10px;padding:4px 0}.ledger{display:flex;gap:8px;align-items:flex-start;color:#7d816e;font-size:9px;line-height:1.8;max-width:230px;margin-top:17px}.ledger-dot{width:4px;height:4px;border-radius:50%;background:#8c9a71;flex-shrink:0;margin-top:6px}#timepanel{position:absolute;right:36px;top:128px;width:219px}.day-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-bottom:12px}.day-label span:last-child{color:#8a8c77}.time-tabs{display:flex;background:#faf9efcf;border:1px solid #cdcebb;padding:4px;border-radius:5px;backdrop-filter:blur(8px)}.time-tabs button{font-size:11px;flex:1;padding:8px 0;border-radius:3px}.time-tabs button span{font-size:14px;margin-right:4px}.time-tabs .active{background:#435a45;color:#fcf9e9;box-shadow:0 2px 5px #1f30231a}.clock-row{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:11px}.day-progress{height:2px;background:#c2c7b64d;flex:1}.day-progress i{display:block;height:100%;background:#8d9c73;width:0}.clock-row button{padding:2px 1px}#righttools{position:absolute;right:37px;top:290px;display:flex;flex-direction:column;gap:13px}.tool{width:42px;height:48px;background:#f8f7ecad;border:1px solid #c5c9b88c;border-radius:5px;font-size:19px;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tool span{font-size:8px}.tool.active{color:#fff7da;background:#4c604c}#bottom{position:absolute;bottom:38px;left:36px;right:36px;background:#faf8edeb;border:1px solid #c9cbb7;box-shadow:0 5px 25px #33443112;border-radius:7px;display:flex;align-items:center;padding:13px 20px;gap:22px;backdrop-filter:blur(12px)}.bottom-title{min-width:125px;border-right:1px solid #d7d7c6;padding-right:19px}.bottom-title span{font-family:serif;letter-spacing:2px;font-size:16px}.bottom-title small{display:block;font-size:7px;letter-spacing:2px;color:#90937c;margin-top:6px}#buildbar{display:flex;gap:9px;flex:1}.build-card{display:flex;align-items:center;padding:9px 13px;gap:10px;min-height:55px;border:1px solid transparent;border-radius:4px;flex:1;text-align:left;transition:background .2s}.build-card:hover{background:#eae9d9;border-color:#cacbb6}.build-card.active{background:#dce4d3;border-color:#9cae8d}.building-icon{font-size:29px;color:#8b9375;line-height:1}.build-card b{font-size:12px;font-weight:500;white-space:nowrap}.build-card small{display:block;font-size:8px;color:#969680;margin-top:6px;white-space:nowrap}.build-card em{font:11px Georgia,serif;color:#a0884d;margin-left:auto;align-self:flex-start;margin-top:2px;white-space:nowrap}.mode-switch{display:flex;align-items:center;border:1px solid #c7cbb7;border-radius:4px;overflow:hidden;padding:3px;gap:3px}.mode-switch button{font-size:11px;padding:12px 13px;white-space:nowrap;border-radius:2px}.mode-switch button span{font-size:15px;margin-right:5px}.mode-switch .active{background:#344f40;color:#fff9e7;box-shadow:0 2px 4px #2033261a}.mode-switch i{font-style:normal;margin-left:8px}#caption{position:absolute;left:37px;right:37px;bottom:15px;font-size:9px;display:flex;justify-content:space-between;color:#828972;letter-spacing:.5px}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;padding:5px 9px;border:1px solid #d3d5bcad;background:#fdfbefc4;font-size:9px;color:#677255;letter-spacing:1px;white-space:nowrap;transform:translate(-50%,-100%);border-radius:3px;box-shadow:0 2px 12px #354d3210}.world-label:after{content:"";display:block;height:12px;border-left:1px solid #8f9e77;position:absolute;left:50%;top:100%}.world-label span{font-family:Georgia,serif;font-size:8px;margin-left:7px;color:#9a9c84}#toast{position:absolute;bottom:145px;left:50%;transform:translate(-50%,8px);background:#2b463bea;color:#fff8df;padding:12px 23px;border-radius:5px;font-size:12px;letter-spacing:.5px;opacity:0;pointer-events:none;transition:.3s;z-index:20;box-shadow:0 3px 20px #0e21132b;max-width:80vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}.panel{position:absolute;right:95px;top:270px;width:255px;background:#faf8edef;border:1px solid #cccbb6;padding:23px;box-shadow:0 8px 36px #28392129;border-radius:5px;backdrop-filter:blur(15px)}.close{position:absolute;right:12px;top:8px;font:24px Georgia;color:#8b927d;padding:5px}.panel h2{font-family:serif;font-size:22px;font-weight:500;margin:17px 0 12px}.panel p{font-size:11px;line-height:1.9;color:#808572}.panel .eyebrow{font-size:8px}#inspect-stats{padding:14px 0;font-size:12px;color:#8d7c4d;line-height:1.9}.primary{padding:12px 18px;border-radius:3px;background:#385240;color:#fffae7;font-size:11px}.panel .primary{width:100%}#modal{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#192d2566;backdrop-filter:blur(5px)}.modal-card{background:#f7f4e7;max-width:590px;width:90vw;padding:36px 38px;position:relative;border:1px solid #d4d1ba;box-shadow:0 20px 90px #152b2738;border-radius:7px;max-height:90vh;overflow:auto}.modal-card h2{font:29px serif;letter-spacing:3px;margin:20px 0 14px}.modal-card>p{font-size:12px;line-height:1.9;color:#7e826e}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:24px}.help-grid b{font-size:12px;letter-spacing:1px;font-weight:500}.help-grid p{font-size:11px;line-height:1.8;color:#8b8b77}.modal-card .historical{font-size:10px;border-top:1px solid #d9d7c3;padding-top:16px;line-height:1.9}.modal-actions{display:flex;gap:15px;align-items:center;margin-top:22px}.modal-actions>button:last-child{font-size:11px;color:#91866a}#reset-confirm{display:block;font-size:10px;color:#b2674c;margin-top:10px}#walkhint{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;padding:10px 15px;background:#fbf8ebe0;border:1px solid #c8cbb3;border-radius:4px;white-space:nowrap;font-size:10px;color:#78816d}kbd{background:#e9eadc;border:1px solid #c5c8b5;border-radius:3px;padding:3px 5px;font-size:9px}#interact{border-left:1px solid #c5c8b5;margin-left:10px;padding-left:14px;font-size:10px}#buildhint{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);background:#fff8e8ed;padding:13px 20px;border:1px solid #c5c8ad;border-radius:4px;display:flex;gap:20px;font-size:11px;white-space:nowrap}#cancelbuild{font-size:10px;color:#8b805e}#joystick,#mobile-interact{display:none}.walking #leftpanel{opacity:0;pointer-events:none}.walking #leftpanel>*{pointer-events:none}.walking .vignette{background:linear-gradient(0deg,#e7ead22e,transparent 30%)}.photo-mode #topbar,.photo-mode #leftpanel,.photo-mode #timepanel,.photo-mode #bottom,.photo-mode #righttools,.photo-mode #caption,.photo-mode #labels,.photo-mode #inspector,.photo-mode #walkhint,.photo-mode .vignette{display:none}#exitphoto{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:1px;padding:10px 18px;background:#f8f5e5cc;border:1px solid #c1c5ad;border-radius:3px}#loading{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eeeee1;transition:opacity .8s}#loading.done{opacity:0;pointer-events:none}.load-emblem{font:64px Georgia;border:1px solid #829070;padding:8px 22px;border-radius:50% 50% 5px 5px;margin-bottom:28px}#loading>span{font-size:10px;letter-spacing:6px;color:#879176}#loading h1{font:24px serif;letter-spacing:5px;font-weight:400;margin-top:22px}.load-line{width:180px;height:2px;background:#d0d4bd;margin:30px 0 15px}.load-line i{display:block;width:20%;height:100%;background:#7e9366;animation:load 2s infinite}#loading p{font-size:10px;letter-spacing:1px;color:#879176}@keyframes load{to{width:100%}}.evening{--ink:#2d4139}.evening .vignette{background:linear-gradient(90deg,#ece8d8d9,transparent 27%),linear-gradient(0deg,#c6c1ae4d,transparent 22%)}
@media(min-width:1600px){#leftpanel{top:165px;left:48px;width:290px}#leftpanel h2{font-size:45px}.quest-card{width:260px}.settlement{width:242px}.intro{font-size:12px}#bottom{left:48px;right:48px;bottom:42px;padding:16px 23px}.build-card{padding:12px 20px}.build-card b{font-size:14px}.build-card small{font-size:10px}#timepanel{top:150px}}
@media(max-width:1150px){#topbar{padding:0 22px;gap:15px;height:85px}.brand{width:215px}.brand h1{font-size:17px}.brand small{font-size:8px;letter-spacing:3px}.resources{gap:18px;padding:8px 17px}.resources>div{min-width:70px}.resources em{display:none}#leftpanel{left:25px;top:115px;width:215px}#leftpanel h2{font-size:31px}.intro{font-size:10px}.quest-card{width:210px}.settlement{width:200px}#timepanel{right:24px;top:112px;width:190px}#righttools{right:25px;top:270px}#bottom{left:22px;right:22px;padding:10px;gap:10px}.bottom-title{display:none}.build-card{gap:7px;padding:7px}.build-card em{font-size:9px}.building-icon{font-size:24px}.mode-switch button{padding:12px 9px;font-size:10px}#caption{left:25px;right:25px}.panel{right:80px;top:250px}}
@media(max-width:760px){#topbar{height:116px;flex-wrap:wrap;align-content:flex-start;padding:17px 17px 0;gap:13px}.brand{width:auto;flex:1;gap:10px}.brand-mark{width:29px;height:32px;font-size:23px;outline-offset:2px}.brand h1{font-size:15px;letter-spacing:2px;margin-bottom:4px}.brand small{font-size:6px;letter-spacing:3px}.icon-button{width:31px;height:31px;font-size:19px}.resources{order:3;margin:0;width:100%;justify-content:space-between;padding:8px 11px;gap:10px;border-radius:5px}.resources>div{min-width:0;gap:6px}.resource-icon{font-size:20px}.resources b{font-size:19px}.resources small{font-size:7px;margin-bottom:2px}.resources .happiness{display:flex}#leftpanel{top:139px;left:18px;width:160px}.eyebrow{font-size:7px;letter-spacing:1px}#leftpanel h2{font-size:26px;letter-spacing:3px;line-height:1.5;margin:13px 0 8px}.intro{display:none}.settlement{width:150px;margin:15px 0;font-size:8px}.settlement b{font-size:8px}.settlement>small{font-size:7px}.progress-track{margin:8px 0 6px;height:3px}.quest-card{width:168px;padding:12px 12px 9px}.quest-card h3{font-size:11px;margin:11px 0 7px}.quest-card p{font-size:9px;line-height:1.6;margin-bottom:9px}.quest-top{font-size:8px}.quest-top small{font-size:8px}.quest-foot{font-size:7px;padding-top:7px}.quest-foot button{font-size:8px}.ledger{display:none}#timepanel{top:141px;right:16px;width:160px}.day-label{font-size:8px;margin-bottom:8px}.time-tabs{padding:3px}.time-tabs button{font-size:9px;padding:7px 0}.time-tabs button span{font-size:11px;margin-right:3px}.clock-row{font-size:10px;gap:9px;margin-top:7px}#righttools{right:16px;top:250px;gap:9px}.tool{width:33px;height:38px;font-size:16px}.tool span{font-size:7px}#bottom{left:12px;right:12px;bottom:32px;display:block;padding:7px 7px 6px;border-radius:6px}#buildbar{gap:2px;justify-content:space-between}.build-card{min-width:0;display:flex;flex-wrap:wrap;justify-content:center;gap:3px 6px;padding:7px 3px;flex:1}.building-icon{font-size:23px}.build-card b{font-size:10px}.build-card small{display:none}.build-card em{font-size:9px;margin:0;flex-basis:100%;text-align:center}.mode-switch{margin-top:5px;justify-content:stretch;border:none;border-top:1px solid #d9dac6;padding:6px 0 0;border-radius:0;gap:5px}.mode-switch button{flex:1;padding:9px 0;font-size:10px}.mode-switch button span{font-size:14px}.mode-switch button:not(.active){background:#e9ebdd}#caption{bottom:12px;left:17px;right:17px;font-size:7px}#save-status{font-size:6px}#toast{bottom:180px;width:max-content;max-width:86vw;font-size:10px;padding:10px 15px}#buildhint{bottom:169px;font-size:9px;gap:12px;padding:10px;max-width:94vw}#cancelbuild{font-size:9px}.panel{top:235px;right:59px;width:220px;padding:17px}.panel h2{font-size:19px;margin:12px 0 8px}.panel p{font-size:10px;margin:8px 0}#inspect-stats{padding:8px 0;font-size:10px}.panel .primary{font-size:10px;padding:10px}#walkhint{display:none!important}.walking #joystick{display:block;position:absolute;bottom:190px;left:28px;width:100px;height:100px;border:1px solid #d7dec087;border-radius:50%;background:#f4f3dd2e;touch-action:none;box-shadow:inset 0 0 25px #e5ebd82e;backdrop-filter:blur(2px)}#stick{position:absolute;left:30px;top:30px;width:40px;height:40px;border-radius:50%;background:#f9f6dec2;box-shadow:0 2px 10px #17291630;border:1px solid #eee9cfb5}.walking #mobile-interact{display:block;position:absolute;right:30px;bottom:220px;border-radius:50%;width:54px;height:54px;background:#f8f6e2bd;border:1px solid #d8dbc4;font-size:10px}.world-label{font-size:7px;padding:4px 7px}.world-label span{display:none}.modal-card{padding:28px 23px}.help-grid{gap:10px 16px}.modal-card h2{font-size:24px}.help-grid b{font-size:11px}.help-grid p{font-size:10px}.modal-actions{gap:8px}.modal-actions .primary{font-size:10px;padding:11px 13px}.photo-mode.walking #joystick,.photo-mode.walking #mobile-interact{display:none}.vignette{background:linear-gradient(90deg,#eeeed887,transparent 48%),linear-gradient(0deg,#e6e8d684,transparent 25%)} }
@media(max-height:700px) and (min-width:761px){#leftpanel{top:105px}#leftpanel h2{font-size:27px;margin:15px 0 6px}.intro{display:none}.settlement{margin:18px 0}.quest-card{padding:12px 15px}.ledger{display:none}#timepanel{top:105px}#righttools{top:240px}#bottom{bottom:30px}#caption{bottom:10px}.panel{top:210px}}

@media(max-width:760px){#leftpanel .settlement{display:none}#leftpanel .quest-card{position:fixed;left:17px;bottom:174px;width:188px;background:#fbf9eddf}#leftpanel h2{font-size:24px}#leftpanel .quest-card p{font-size:8px;margin-bottom:8px}#leftpanel .quest-card h3{margin:9px 0 6px}.walking #leftpanel .quest-card{pointer-events:none}}