:root{--bg:#14191a;--panel:#1d2424;--line:#343d38;--text:#e0dfcd;--muted:#939d91;--gold:#d3b578;--green:#a7b393;--red:#c07e65;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#2a322a 0,transparent 65%),#14191a;min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#242c29;transition:background .15s,border-color .15s,transform .15s}button:hover{background:#343d32;border-color:#829078}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{background:#242c29}button[hidden],[hidden]{display:none!important}.masthead{height:82px;margin:0 auto;max-width:1280px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #343d384d}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;place-items:center;width:33px;height:37px;border:2px solid var(--gold);color:var(--gold);transform:skewY(-7deg);font-size:24px}.brand b{font-size:20px;letter-spacing:5px}.brand small{display:block;font:9px/1.8 monospace;letter-spacing:3.9px;color:var(--gold)}.header-center{font-size:11px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:5px;height:5px;background:#b5bf83;box-shadow:0 0 8px #a6b58066}.header-actions{display:flex;gap:9px}.header-actions button{font-size:11px;padding:7px 12px;background:transparent}.layout{max-width:1200px;margin:22px auto 0;display:grid;grid-template-columns:minmax(150px,1fr) minmax(320px,480px) minmax(150px,1fr);gap:34px;padding:0 30px 15px}.left-rail,.right-rail{padding-top:16px}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--gold)}h1{font-size:36px;line-height:1.55;font-weight:500;letter-spacing:3px;margin:22px 0 17px}h1 span{color:var(--gold)}.intro{font-size:12px;line-height:2.2;color:var(--muted)}.rail-rule{height:1px;background:var(--line);margin:29px 0 22px}.section-caption{font-size:12px;display:flex;justify-content:space-between;align-items:center;color:#c8cebd}.section-caption span{font:9px monospace;color:#7e8b80}.overview-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:17px}.overview-row strong{font-weight:400;color:#d5d9c8}.radio{margin-top:28px;border:1px solid var(--line);background:#252b2380;padding:15px}.radio-title{font-size:10px;display:flex;gap:7px;align-items:center}.radio-title small{margin-left:auto;font:9px monospace;color:var(--muted)}.radio p{font-size:11px;line-height:2;color:#b0b7a5}.waveform{height:18px;display:flex;align-items:center;gap:4px}.waveform i{width:2px;height:4px;background:#869373}.waveform i:nth-child(3n){height:13px}.waveform i:nth-child(4n){height:8px}.waveform i:nth-child(7n){height:18px}.version{font:9px monospace;margin-top:25px;color:#6e7b72}.version span{float:right;color:#8e9c77}.doc-link{display:block;font-size:10px;color:#8d9b82;margin-top:14px;text-decoration:none}.game-column{min-width:0;align-self:start;box-shadow:0 18px 70px #0006}.resource-bar{height:58px;background:#252d29;border:1px solid #48513f;display:flex;align-items:center;justify-content:space-around}.resource-bar>div{display:flex;align-items:center;gap:10px}.resource-bar label{font-size:9px;color:#abb39e;line-height:1.5}.resource-bar strong{display:block;font:17px monospace;color:#e2dfc5}.resource-bar #save{font-size:10px;padding:6px;background:transparent;border:0;color:#9ea98f}.res-icon{display:block;width:19px;height:19px;image-rendering:pixelated}.material{background:linear-gradient(0deg,#725b41 0 20%,#d1b07d 20% 38%,#4d4235 38% 53%,#b39568 53% 72%,#726041 72%);border:2px solid #4b4434;transform:rotate(-7deg)}.food{background:linear-gradient(#7a8270 0 15%,#a89e78 15% 35%,#bd7750 35% 70%,#746b4a 70% 87%,#bcc4a1 87%);border:2px solid #4e5647}.crystal{width:15px;height:20px;background:linear-gradient(70deg,#438d91 0 45%,#a2ece0 46% 65%,#68b4b3 65%);clip-path:polygon(50% 0,100% 30%,85% 78%,50% 100%,0 70%,10% 20%)}.world{width:100%;aspect-ratio:2/3;position:relative;overflow:hidden;background:#303a35;border:1px solid #47513e;border-top:0;border-bottom:0;isolation:isolate}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.world-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.day-label{padding:9px 12px;background:#151e20db;border-left:2px solid #cbb078}.day-label span{font:18px monospace;letter-spacing:1px}.day-label strong{display:block;font-size:9px;font-weight:400;color:#bdc5b2;margin-top:5px}.weather{text-shadow:0 2px 5px #000;font:19px monospace;padding-top:5px}.weather span{display:block;font:9px/2 sans-serif;color:#d0d8c7}.location-label{position:absolute;left:20px;top:103px;color:#e0ddbe;font-size:10px;letter-spacing:2px;text-shadow:0 1px 3px #000;pointer-events:none}.location-label span{display:block;font:7px/2 monospace;letter-spacing:1.3px;color:#aab7a7}.world-controls{position:absolute;bottom:43px;right:12px;display:flex;gap:5px}.world-controls button{background:#17221fe8;font:12px monospace;min-width:30px;height:29px;border-color:#66735a}.world-controls #flare{font:11px sans-serif;padding:0 10px;color:var(--gold)}#world-tip{position:absolute;bottom:12px;width:100%;text-align:center;font-size:10px;letter-spacing:.5px;color:#d3d8bf;text-shadow:0 1px 3px #000;pointer-events:none}.toolbar{height:68px;display:flex;border:1px solid #4b5542;background:#202922;padding:7px;gap:3px}.toolbar>button{flex:1;min-width:0;background:transparent;border:0;font-size:10px;color:#aab39e;padding:0 5px}.toolbar>button>span{display:block;font-size:23px;line-height:26px;color:#bdc7a8}.toolbar>button.active{background:#45503c55;color:#dfdfc8}.toolbar>button.active>span{color:#e0ca8c}.toolbar .night-button{flex:2.25;background:#bcaa75;color:#222b26;position:relative;padding-left:25px;text-align:left;border:1px solid #dec993;box-shadow:inset 0 -3px #94885d}.night-button>span{position:absolute;left:8px;top:9px!important;color:#2d3429!important;font-size:22px!important}.night-button b{font-size:12px;font-weight:600}.night-button small{display:block;font:8px/1.8 monospace}.game-foot{display:flex;justify-content:space-between;padding:10px 1px;color:#738071;font-size:8px;letter-spacing:.5px;box-shadow:none}.game-foot span:last-child{font-family:monospace}.resident-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #303b32;cursor:pointer}.portrait{width:34px;height:40px;background:#2b342d;border:1px solid #4b5748;position:relative;flex-shrink:0}.portrait:before{content:'';position:absolute;left:11px;top:5px;width:11px;height:12px;background:linear-gradient(#4d3c2d 0 35%,#d2b38a 35% 85%,#a58465 85%);box-shadow:-3px 16px 0 3px var(--shirt,#798874),0 28px 0 -2px #26302b}.resident-row b{font-size:11px;font-weight:500;display:block}.resident-row small{font-size:9px;color:#929e88;display:block;margin-top:5px}.resident-row .role-dot{width:4px;height:4px;border-radius:50%;background:var(--shirt);margin-left:auto}.text-button{padding:13px 0;background:transparent;border:0;color:#b8c5a0;font-size:10px}.journal-entry{margin-top:19px;padding-left:12px;border-left:1px solid #59634c}.journal-entry small{font:9px monospace;color:#adab81}.journal-entry p{font-size:10px;line-height:1.9;color:#a3ad98;margin:5px 0}.next-goal{border-top:1px solid #424c3d;margin-top:27px;padding-top:19px}.next-goal small{font-size:9px;color:var(--gold);letter-spacing:2px}.next-goal b{font-size:13px;display:block;margin-top:10px;font-weight:500}.next-goal p{font-size:10px;line-height:1.9;color:#8f9e88}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#0b1113c9;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:510px;max-width:100%;max-height:88dvh;overflow-y:auto;background:#202823;border:1px solid #6b7456;box-shadow:0 16px 80px #0009;padding:24px}.modal>header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #49513f;padding-bottom:17px;margin-bottom:18px}.modal h2{font-size:22px;font-weight:500;margin:7px 0 0;letter-spacing:2px}.modal header small{font:9px monospace;color:var(--gold);letter-spacing:2px}.modal header button{font-size:23px;background:transparent;border:0;line-height:24px;color:#adb99c}.modal p{font-size:12px;line-height:1.9;color:#aeba9f}.modal .lead{margin:0 0 19px}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.build-card{text-align:left;padding:12px;position:relative;min-height:136px;background:#2b342b}.build-card b{font-size:13px;display:block;margin:4px 0 7px}.build-card p{font-size:10px;line-height:1.6;margin:0;min-height:32px}.build-card small{display:block;color:var(--gold);font:10px monospace;margin-top:10px}.building-symbol{font:20px monospace;color:var(--gold);float:right}.choice{width:100%;text-align:left;padding:17px;margin-bottom:10px;display:block;border-left:3px solid var(--choice,#afbf95);background:#2b352b}.choice b{font-size:15px;display:block;margin:5px 0}.choice small{font-size:9px;letter-spacing:1px;color:var(--choice,#afbf95)}.choice p{font-size:11px;margin:0}.primary{width:100%;background:#b6a675;border:1px solid #d0bd83;color:#1f2b21;padding:13px 15px;font-size:13px;font-weight:600;margin-top:14px}.primary:hover{background:#d0bc81}.secondary{padding:10px 14px;font-size:11px;width:100%;margin-top:9px}.cost{font:11px monospace;color:var(--gold)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:10px;margin:24px 0}.stats-grid strong{display:block;font:26px monospace;color:var(--gold)}.stats-grid small{font-size:10px;line-height:2.5;color:var(--muted)}.person-card{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #3e4939}.person-card>div:nth-child(2){flex:1}.person-card b{font-size:12px}.person-card small{display:block;font-size:10px;color:#a6b496;margin:5px 0}.person-card button{font-size:10px;padding:7px}.progress-small{height:3px;background:#121b15}.progress-small i{height:100%;display:block;background:#97ac79}.help-list{padding-left:20px;font-size:12px;line-height:2.3;color:#b5c0a6}.help-list b{color:#dfdfc5}.muted{color:#839278!important;font-size:10px!important}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.tags span{border:1px solid #4d5945;font-size:10px;padding:5px 8px;color:#b8c5a8}#selection{position:absolute;left:12px;bottom:46px;max-width:270px;background:#1b2520f2;border:1px solid #87906b;padding:10px 12px;font-size:11px;box-shadow:0 4px 12px #0005}#selection b{font-size:12px;color:#e5dfbd}#selection small{display:block;color:#a6b69a;margin-top:5px;font-size:9px}#selection button{padding:5px 8px;font-size:10px;margin-top:9px;margin-right:6px}#placement{position:absolute;bottom:46px;left:12px;right:12px;background:#242f22ed;border:1px solid #b7bb87;display:flex;align-items:center;justify-content:space-between;padding:10px;font-size:10px}#placement button{padding:5px 10px;font-size:10px}#toast{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:max-content;max-width:88%;padding:13px 17px;background:#19251cf5;border:1px solid #a8b486;box-shadow:0 6px 25px #0007;font-size:11px;line-height:1.8;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none;z-index:5}#toast.visible{opacity:1}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#202c25;color:var(--gold);font-size:14px;letter-spacing:3px}#battle-hud{position:absolute;top:97px;left:18px;right:18px;padding:12px;background:#131c1be6;border:1px solid #626b50}.battle-topline{display:flex;justify-content:space-between;font-size:11px}.battle-topline b{font-weight:500;color:#e2d9ab}.battle-topline span{font-family:monospace}.battle-topline.small{font-size:9px;color:#a9b59b;margin-top:5px}.bar{height:6px;background:#0a1210;overflow:hidden}.bar i{display:block;height:100%;transition:width .15s}.bar.gate{margin-top:9px}.gate i{background:#bd9966}.xp-row{display:flex;align-items:center;gap:8px;margin-top:10px}.xp-row b{font:9px monospace;color:#94c2b2}.xp{height:3px;flex:1}.xp i{background:#87bbaa}.night .location-label{display:none}.night .world-top{top:10px}.night .day-label{padding:6px 10px}.night .day-label span{font-size:14px}.night .day-label strong{font-size:8px}.night .weather{font-size:15px}.paused-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.notice{background:#2c372c;padding:11px;border-left:2px solid var(--gold);font-size:11px;line-height:1.8;color:#bdc6ae}.result-art{font:50px Georgia;text-align:center;color:var(--gold);margin:8px 0}.result-tag{text-align:center;font:10px monospace;letter-spacing:3px;color:#bec39b}.modal .divider{height:1px;background:var(--line);margin:18px 0}
@media(min-width:1000px) and (max-height:980px){.layout{grid-template-columns:210px minmax(320px,calc((100dvh - 204px)*2/3)) 210px;justify-content:center;gap:30px}.masthead{height:67px}.layout{margin-top:18px}.resource-bar{height:49px}.toolbar{height:60px}.left-rail h1{font-size:32px;margin-top:19px}.rail-rule{margin:22px 0 18px}.radio{margin-top:20px}}
@media(max-width:1000px){.layout{grid-template-columns:minmax(300px,480px) 190px;justify-content:center;gap:24px;padding:0 22px}.left-rail{display:none}.masthead{padding:0 24px;height:68px}.header-center{font-size:9px}}
@media(max-width:740px){.right-rail{display:none}.layout{display:block;max-width:510px;margin:0 auto;padding:0}.masthead{height:58px;padding:0 17px;max-width:510px;border:0}.brand b{font-size:16px;letter-spacing:3px}.brand small{font-size:7px;letter-spacing:3px}.brand-mark{height:27px;width:24px;font-size:18px}.header-center{display:none}.header-actions button{font-size:10px;padding:6px 9px}.resource-bar{height:48px;border-left:0;border-right:0}.resource-bar strong{font-size:15px}.world{border-left:0;border-right:0}.toolbar{height:64px;border-left:0;border-right:0}.game-foot{padding:8px 12px}.modal-backdrop{padding:12px}.modal{padding:20px;max-height:90dvh}.world-top{top:13px;left:14px;right:14px}.location-label{left:14px;top:90px}.game-column{box-shadow:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.night #battle-hud{top:67px;padding:9px 12px}.night .world-top{top:10px}.night .day-label strong{display:none}.night .weather span{display:none}
#map-nav{position:absolute;right:8px;top:205px;display:flex;flex-direction:column;gap:4px;z-index:4}#map-nav button{background:#1d2a23e6;border:1px solid #657657;color:#cbd4b7;font-size:10px;min-width:39px;padding:7px 6px}#map-nav button.active{color:#f1db9c;border-color:#c6bb81;background:#4b5738e8}#map-position{font-size:8px;color:#ccd4b7;text-shadow:1px 1px #15241b;text-align:center;margin-top:3px}.night #map-nav{display:none!important}