@font-face{font-family:AtlasSans;src:local('Aptos'),local('Inter'),local('Arial');font-display:swap}
:root{--bg:#f5f4ee;--paper:#fffef9;--ink:#263b35;--muted:#788078;--line:#e1e4d9;--green:#2b6953;--green-light:#e8eee2;--gold:#c19042;--dark:#192e2b;--shadow:0 8px 28px #253c3410;--radius:12px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:AtlasSans,Arial,sans-serif;font-size:16px;line-height:1.5}button,a,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b98834;outline-offset:4px}button{border:0}svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.7}button svg{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:38px;line-height:1.15;letter-spacing:-1px}h2{font-size:25px;line-height:1.25}h3{font-size:21px;line-height:1.3}small{font-size:13px}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase}.skip{position:fixed;left:250px;top:-60px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:8px}.app-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dark);color:#e7ece0;position:fixed;inset:0 auto 0 0;width:218px;padding:31px 18px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 9px;margin-bottom:37px}.brand svg{width:31px;height:31px;color:#d4b674;stroke-width:1.2}.brand-name{font-family:Georgia,serif;font-size:25px;letter-spacing:1px}.brand-sub{display:block;letter-spacing:2.9px;text-transform:uppercase;color:#9aac99;font-size:9px;margin-top:-2px}.nav-label{padding:0 14px;color:#7e968a;font-size:11px;font-weight:700;letter-spacing:1.7px;margin-bottom:13px}.nav{display:flex;flex-direction:column;gap:7px}.nav a{padding:12px 15px;display:flex;gap:12px;align-items:center;color:#b7c5b7;border-radius:7px;font-size:14px;position:relative}.nav a:hover{background:#ffffff09}.nav a.active{background:#3c5147;color:#f5e9c7}.nav a.active:before{content:'';position:absolute;left:-18px;top:13px;bottom:13px;width:3px;background:#ddbd75;border-radius:2px}.nav .nav-num{margin-left:auto;font-size:11px;background:#4d6452;border-radius:4px;padding:1px 6px;color:#ede8ca}.sidebar-line{height:1px;background:#ffffff10;margin:25px 13px}.region-card{padding:15px 13px;margin-top:5px;border:1px solid #84968426;border-radius:8px}.region-card strong{font-family:Georgia,serif;font-size:17px;font-weight:400;color:#e2e8dc}.region-card .progress{background:#42544a;margin:13px 0 7px;height:4px}.region-card p{color:#90a390;font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:35px}.season{display:flex;gap:10px;align-items:center;color:#b0bea8;font-size:12px;padding:5px 10px 20px}.season svg{color:#c5b076}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff12;padding:18px 4px 0}.portrait-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 15%;background:#eae8dd;border:2px solid #b8a572}.profile strong{font-size:14px;color:#f2f0df}.profile p{font-size:12px;color:#9aaa99}.profile .profile-arrow{margin-left:auto;color:#aebba7}.workspace{grid-column:2;min-width:0;padding-bottom:95px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 32px;background:#fcfcf7}.world-status{font-size:13px;color:#737d71;display:flex;gap:8px;align-items:center}.world-status svg{width:16px;height:16px;color:#78816f}.status-live{width:6px;height:6px;border-radius:50%;background:#6b9466;display:inline-block}.resources{display:flex;align-items:center;gap:25px}.resource{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.resource svg{color:#9c835a;width:18px;height:18px}.resource.wood svg{color:#64835c}.resource.stone svg{color:#8b9290}.resource.gem svg{color:#728fab}.res-divider{height:22px;width:1px;background:var(--line)}.icon-button{width:34px;height:34px;display:grid;place-items:center;background:transparent;border-radius:7px;color:var(--muted)}.icon-button:hover{background:var(--green-light);color:var(--green)}.demo-badge{border:1px solid #dbded3;background:transparent;color:#7c8176;border-radius:5px;padding:3px 8px;font-size:11px;letter-spacing:.3px}.main{max-width:1650px;margin:0 auto;padding:30px 32px 24px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head .eyebrow{color:#929779;margin-bottom:9px}.page-head p{font-size:14px;color:var(--muted);margin-top:9px}.head-actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--line);background:var(--paper);padding:10px 16px;border-radius:7px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:14px;font-weight:600;min-height:42px;transition:background .15s,transform .15s}.btn:hover{background:#ebeede}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--green);border-color:var(--green);color:#fffef4}.btn.primary:hover{background:#1f5743}.btn.gold{background:#cfab63;color:#26372c;border-color:#cfab63}.btn.full{width:100%}.btn.subtle{background:transparent;color:var(--green);border-color:transparent;padding-left:0;padding-right:0}.btn.small{padding:6px 10px;font-size:13px;min-height:34px}.btn svg{width:17px;height:17px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-pad{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.panel-head h2{font-size:23px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;background:var(--green-light);color:#4b6a44;font-size:11px;font-weight:600;white-space:nowrap}.badge svg{width:13px;height:13px}.badge.gold{background:#f3ead6;color:#9b7840}.badge.gray{background:#eff0e9;color:#7c8378}.badge.dark{background:#30473c;color:#ece7d4}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.progress{height:5px;background:#eceee4;border-radius:5px;overflow:hidden}.progress span{display:block;height:100%;background:#6d8b5f;border-radius:5px;transition:width .4s}.progress.gold span{background:#ccab63}.progress.blue span{background:#729ba0}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#828a7b;margin-bottom:7px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:#8c927f;margin-bottom:11px}.divider{height:1px;background:var(--line);margin:19px 0}.text-link{background:none;border:0;color:var(--green);font-size:13px;padding:0;display:inline-flex;gap:6px;align-items:center}.text-link svg{width:15px;height:15px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px}.map-panel{height:535px;position:relative;border:1px solid #d4dbcd;border-radius:13px;overflow:hidden;isolation:isolate;background:#6e946d}.map-world{position:absolute;inset:0;transition:transform .5s;transform-origin:50% 50%}.map-image{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.map-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1a382110,transparent 30%,transparent 70%,#1c382838);pointer-events:none}.map-filters{position:absolute;left:17px;top:16px;display:flex;gap:3px;border-radius:7px;background:#fffff3ed;padding:4px;box-shadow:0 3px 14px #203e2020;z-index:3}.map-filters button{background:transparent;font-size:12px;border-radius:4px;padding:7px 10px;color:#69745f}.map-filters button.active{background:#2f5443;color:white}.map-compass{position:absolute;right:21px;top:19px;display:flex;flex-direction:column;align-items:center;gap:1px;color:#fff7dc;}.map-compass svg{width:30px;height:30px;stroke-width:1.2}.map-compass span{font-family:Georgia,serif;font-size:12px}.map-pin{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);background:transparent;padding:0;z-index:2;}.map-pin:hover{z-index:4}.map-pin .pin-icon{width:38px;height:38px;background:#f8f7e9;border:3px solid #586e47;display:grid;place-items:center;border-radius:11px;color:#466039;transform:rotate(-5deg);transition:transform .2s,background .2s}.map-pin .pin-icon svg{width:21px;height:21px;transform:rotate(5deg)}.map-pin:hover .pin-icon{transform:rotate(0deg) scale(1.1)}.map-pin.selected .pin-icon{width:46px;height:46px;color:white;background:#294e3b;border:3px solid #f3e2b6;box-shadow:0 0 0 5px #f8eaca50}.map-pin .pin-label{margin-top:7px;background:#f9f8eadf;color:#344d37;border-radius:4px;padding:3px 8px;font-size:12px;white-space:nowrap;line-height:1.4;font-weight:600}.map-pin.selected .pin-label{background:#233f32;color:#fff8df}.map-pin .pin-label small{font-size:10px;font-weight:400;opacity:.8;margin-left:5px}.map-pin.locked .pin-icon{background:#dde1d2;color:#717d6d;border-color:#939e88}.map-pin.locked .pin-label{background:#dae1d2e8;color:#697564}.map-pin.city .pin-icon{background:#b88d46;border-color:#f3dfaa;color:#fff8df}.map-fog{position:absolute;right:-6%;top:-10%;width:40%;height:41%;background:radial-gradient(ellipse,#e8ebdbea 10%,#e2e8dccc 43%,#e2e8dc00 72%);pointer-events:none}.fog-label{position:absolute;right:12%;top:22%;font-size:11px;letter-spacing:2px;color:#697363;font-family:Georgia,serif;transform:rotate(-8deg);pointer-events:none}.river-label{position:absolute;left:56%;top:64%;font-family:Georgia,serif;font-style:italic;color:#e8f0dc;text-shadow:0 1px 2px #526c54;font-size:17px;letter-spacing:2px;transform:rotate(45deg);pointer-events:none}.other-player{position:absolute;z-index:2;color:white;background:#61768b;border:2px solid #f5ebd0;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:9px;box-shadow:0 2px 5px #27433644;pointer-events:none}.other-player.amber{background:#ad8157}.map-bottom{position:absolute;left:17px;bottom:16px;right:17px;display:flex;justify-content:space-between;align-items:end}.map-legend{display:flex;gap:13px;background:#fffff0eb;border-radius:5px;padding:7px 11px;color:#607157;font-size:11px}.map-legend span{display:flex;gap:5px;align-items:center}.map-legend svg{width:12px;height:12px}.zoom-controls{display:flex;flex-direction:column;border-radius:6px;background:#fffff0ed;overflow:hidden}.zoom-controls button{width:33px;height:31px;background:transparent;display:grid;place-items:center}.zoom-controls button+button{border-top:1px solid #d9dec9}.zoom-controls svg{width:16px;height:16px}.location-detail{min-height:535px;display:flex;flex-direction:column}.location-hero{height:128px;position:relative;overflow:hidden;background:#426f4c}.location-hero img{width:100%;height:100%;object-fit:cover;object-position:70% 32%;}.location-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0b271e78)}.location-hero .badge{position:absolute;z-index:1;left:18px;bottom:14px;background:#f7f3df;color:#41523a}.location-content{padding:20px;flex:1;display:flex;flex-direction:column}.location-content h2{font-size:25px}.location-description{font-size:13px;color:#7c8577;line-height:1.7;margin:8px 0 17px}.stat-row{display:flex;gap:20px;margin-bottom:16px}.stat-row>div{flex:1}.stat-row strong{display:flex;gap:5px;align-items:center;font-size:14px;font-weight:600}.stat-row strong svg{width:15px;height:15px;color:#7b8c65}.stat-row small{font-size:11px;color:#8d9488;display:block;margin-top:3px}.loot-row{display:flex;gap:8px}.loot-chip{display:flex;align-items:center;justify-content:center;gap:5px;background:#f1f1e7;border:1px solid #e7e9dc;border-radius:6px;padding:7px 9px;font-size:12px;color:#67705d}.loot-chip svg{width:17px;height:17px;color:#8e815c}.unlock-note{display:flex;gap:9px;align-items:start;padding:12px;background:#f3eddf;border-radius:6px;font-size:12px;color:#88744a;margin:18px 0}.unlock-note svg{width:17px;height:17px;margin-top:2px}.unlock-note strong{display:block;font-size:12px;margin-bottom:2px}.location-content>.btn{margin-top:auto}.map-after{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mini-card{border:1px solid var(--line);border-radius:9px;background:#fcfcf5;padding:18px;display:flex;align-items:start;gap:12px;text-align:left}.mini-card>svg{width:22px;height:22px;margin-top:3px;color:#859471}.mini-card strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:18px}.mini-card p{font-size:12px;color:#87907f;margin:4px 0}.mini-card .mini-link{font-size:12px;color:var(--green);display:inline-flex;align-items:center;gap:4px;margin-top:4px}.mini-link svg{width:13px;height:13px}.mini-card:hover{border-color:#b7c2a9;background:#fffef7}.idle-bar{position:fixed;bottom:0;left:218px;right:0;z-index:18;background:#fdfdf7f5;border-top:1px solid #d9ddcf;padding:13px 32px;display:flex;align-items:center;gap:17px;min-height:77px;box-shadow:0 -3px 20px #20322405}.idle-icon{width:43px;height:43px;display:grid;place-items:center;background:#e9efdf;color:#5b7c49;border-radius:8px;position:relative}.idle-icon:after{content:'';width:6px;height:6px;border-radius:50%;background:#799565;border:2px solid var(--paper);position:absolute;right:2px;bottom:2px}.idle-copy{min-width:210px}.idle-copy strong{font-size:13px;font-weight:600;display:flex;gap:8px;align-items:center}.idle-copy p{font-size:11px;color:var(--muted);margin-top:3px}.idle-copy .badge{font-size:9px;padding:2px 5px}.idle-progress{flex:1;max-width:420px;margin-left:auto}.idle-progress .progress-label{font-size:11px}.idle-bar .idle-yield{display:flex;gap:12px;margin:0 10px;color:#727e67;font-size:12px}.idle-yield span{display:flex;align-items:center;gap:4px}.idle-yield svg{width:14px;height:14px}.idle-bar .btn{white-space:nowrap}.character-layout{display:grid;grid-template-columns:minmax(350px,1.12fr) minmax(350px,1fr);gap:22px}.hero-panel{position:relative;min-height:611px;background:radial-gradient(ellipse at 50% 55%,#fdfbf0,#ebece0);padding:24px}.hero-top{display:flex;align-items:start;justify-content:space-between;position:relative;z-index:2}.hero-top h2{font-size:30px}.hero-top p{font-size:13px;color:#7e8776;margin-top:5px}.level-seal{border:1px solid #c8ba91;color:#9c8149;width:48px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px}.level-seal small{font-size:8px;letter-spacing:2px}.level-seal strong{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.1}.hero-art{position:absolute;left:12%;top:60px;width:76%;height:455px;object-fit:contain;}.equipment-slots{position:absolute;inset:127px 24px auto;display:flex;justify-content:space-between;pointer-events:none}.equipment-column{display:flex;flex-direction:column;gap:18px;pointer-events:auto}.equipment{width:66px;height:66px;display:grid;place-items:center;position:relative;border:1px solid #bfcdb2;background:#f7f7eccc;border-radius:8px;color:#6a8051;box-shadow:0 3px 10px #32431f07}.equipment svg{width:30px;height:30px;stroke-width:1.3}.equipment.blue{color:#668693;border-color:#a9c2c7;background:#e9f0eddb}.equipment.gold{color:#b49454;border-color:#cbb781;background:#f5efdddb}.equipment small{position:absolute;bottom:3px;right:6px;font-size:9px;font-weight:600;opacity:.75}.equipment:hover{box-shadow:0 0 0 3px #749a6440;background:var(--paper)}.hero-footer{position:absolute;bottom:24px;left:24px;right:24px}.hero-footer .tag-row{justify-content:center;margin-bottom:19px}.hero-footer .progress-label{font-size:12px}.hero-footer .progress{height:6px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;border-top:1px solid #d9ddce;padding-top:16px;margin-top:18px;gap:5px}.hero-stats strong{font-family:Georgia,serif;font-size:23px;font-weight:400;display:block}.hero-stats small{font-size:10px;color:#8b927f;display:flex;gap:4px;align-items:center;justify-content:center}.hero-stats svg{width:12px;height:12px}.character-right{display:flex;flex-direction:column;gap:20px}.attribute-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.attribute{border:1px solid var(--line);border-radius:7px;display:flex;gap:10px;align-items:center;padding:11px}.attribute>svg{color:#899577;width:20px;height:20px}.attribute .attr-value{font-size:13px}.attribute .attr-value strong{font-size:16px;margin-left:5px;font-weight:600}.attribute button{margin-left:auto;border:1px solid #d1dac8;width:26px;height:26px;display:grid;place-items:center;background:#edf1e6;border-radius:4px;color:#5c7646}.attribute button svg{width:13px;height:13px}.help-note{margin-top:13px;font-size:12px;line-height:1.6;color:#8a927f}.talent-row{display:flex;gap:13px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.talent-row:first-of-type{padding-top:0;border:0}.talent-icon{width:43px;height:43px;border-radius:7px;display:grid;place-items:center;background:#e8eddf;border:1px solid #d4ddc7;color:#6d8353}.talent-row h4{font-size:14px;margin:0 0 3px;font-weight:600}.talent-row p{font-size:12px;color:#8a927f}.talent-row .badge{margin-left:auto;font-size:10px}.talent-row.locked{opacity:.5}.character-milestone{display:flex;gap:12px;align-items:start;border:1px solid #dcd8bd;border-radius:9px;padding:17px;background:#f1efdf}.character-milestone>svg{color:#a28c53;width:23px;height:23px}.character-milestone h3{font-size:19px}.character-milestone p{font-size:12px;color:#8a896e;margin-top:5px}.city-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:20px}.city-scene{height:340px;position:relative;border-radius:12px 12px 0 0;overflow:hidden;background:#8ba36e}.city-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}.city-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#19352dbb)}.city-scene-caption{position:absolute;left:24px;bottom:21px;z-index:1;color:#fffceb}.city-scene-caption h2{font-size:30px;margin-top:8px}.city-scene-caption p{font-size:12px;color:#e2e7d5;margin-top:4px}.city-scene .scene-pin{position:absolute;right:20%;top:60%;z-index:1;background:#fbf4dcf5;color:#6f6541;padding:7px 10px;border-radius:5px;display:flex;align-items:center;gap:6px;font-size:12px;box-shadow:0 3px 10px #203c2244}.scene-pin svg{width:16px;height:16px}.city-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:19px 22px;gap:12px}.city-metrics div+div{border-left:1px solid var(--line);padding-left:22px}.city-metrics strong{font-family:Georgia,serif;font-size:24px;font-weight:400;display:block}.city-metrics small{color:#8b9282;font-size:12px}.city-metrics strong span{color:#9fa590;font-family:Arial,sans-serif;font-size:13px;margin-left:4px}.city-project{padding:22px}.city-project h2{font-size:26px;margin-top:15px}.city-project>p{font-size:13px;color:#868d7c;margin-top:9px;line-height:1.65}.project-reward{margin:18px 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:10px;color:#7c895f;font-size:12px;line-height:1.5}.project-reward svg{width:20px;height:20px;margin-top:3px}.project-reward strong{font-weight:600;color:#526d48}.project-resource{margin:17px 0}.project-resource .progress-label{font-size:12px}.project-resource .progress-label>span:first-child{display:flex;gap:6px;align-items:center;color:#6f7c5f}.project-resource svg{width:14px;height:14px}.project-resource b{font-weight:600;color:#4e6545}.city-project .project-total{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:11px;color:#8b947f;font-size:11px}.city-project .project-total svg{width:13px;height:13px}.city-bottom{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:20px;margin-top:20px}.building-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.building{border:1px solid var(--line);border-radius:7px;padding:15px 13px;background:#fbfcf5;display:flex;flex-direction:column;align-items:start;text-align:left}.building .building-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px}.building svg{width:23px;height:23px;color:#8b9270}.building strong{font-size:14px;font-weight:600}.building p{font-size:11px;color:#8e937f;margin-top:5px}.building .badge{font-size:9px}.building:hover{background:#eef1e4;border-color:#bdc9ae}.member-row{display:flex;gap:9px;align-items:center;margin-top:13px}.avatar-initial{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#d8e0cf;color:#698260;font-size:10px}.avatar-initial.gold{background:#ede0c4;color:#a0814c}.avatar-initial.blue{background:#dce7e6;color:#6e9190}.member-row strong{font-size:12px;font-weight:600}.member-row p{font-size:11px;color:#8d9483}.member-row .member-right{margin-left:auto;text-align:right}.member-row .member-right strong{color:#85936d;font-size:11px}.expedition-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:20px}.expedition-scene{position:relative;min-height:259px;padding:27px;color:#fbf6e5;isolation:isolate;display:flex;align-items:end}.expedition-scene>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:72% 30%}.expedition-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#173f2ee6,#28473349)}.expedition-scene h2{font-size:32px;margin:12px 0 9px}.expedition-scene p{font-size:13px;color:#dae4cd}.expedition-scene .expedition-person{position:absolute;right:25px;bottom:0;top:0;width:34%;object-fit:contain;z-index:-1;display:none}.running-status{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.running-status strong{font-size:15px}.running-status p{font-size:12px;color:#909583;margin-top:4px}.time-remaining{font-family:Georgia,serif;font-size:28px;color:#5c7347;white-space:nowrap}.timeline{display:flex;justify-content:space-between;margin:22px 0 0;position:relative}.timeline:before{content:'';position:absolute;top:12px;left:10%;right:10%;height:1px;background:#d9e0ce}.timeline-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;color:#9ca28f;font-size:11px}.timeline-step span{background:#fbfcf5;display:grid;place-items:center;z-index:1;width:25px;height:25px;border-radius:50%;border:1px solid #d9e0ce}.timeline-step svg{width:12px;height:12px}.timeline-step.done{color:#677f4b}.timeline-step.done span{background:#e6eddb;border-color:#c3d2b2}.timeline-step.active{color:#5e764c}.timeline-step.active span{background:#64804d;border-color:#64804d;color:white;box-shadow:0 0 0 4px #e8edde}.timeline-step small{font-size:10px;color:#a2a690}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.reward-cell{border:1px solid var(--line);border-radius:7px;padding:14px 5px;text-align:center;background:#fbfcf4}.reward-cell svg{width:23px;height:23px;color:#9d905a}.reward-cell strong{display:block;font-family:Georgia,serif;font-size:24px;margin:4px 0 0;font-weight:400}.reward-cell small{font-size:11px;color:#8c9580}.discovery-card{display:flex;gap:12px;border:1px solid #d2dabb;border-radius:7px;background:#edf0df;padding:13px;margin-bottom:18px}.discovery-card>svg{color:#8b9964;width:24px;height:24px;margin-top:4px}.discovery-card strong{font-size:13px}.discovery-card p{font-size:11px;line-height:1.7;color:#889376;margin-top:2px}.activity-log{margin-top:20px;padding:22px}.log-line{display:flex;gap:13px;align-items:start;padding:10px 0;font-size:13px;border-bottom:1px solid #eceee3}.log-line:last-child{border:0;padding-bottom:0}.log-line time{font-size:11px;color:#a0a48e;white-space:nowrap;margin-top:2px}.log-line svg{width:15px;height:15px;color:#8a9977;margin-top:2px}.log-line p{color:#798370;font-size:12px}.log-line strong{color:#556e45;font-weight:600}.setting-row{padding:13px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row label{font-size:12px;color:#8b927f;display:block;margin-bottom:7px}.setting-row select{background:#fbfcf4;border:1px solid #dce2d2;color:#5c7150;padding:9px 11px;width:100%;border-radius:6px;font-size:13px}.toggle-row{display:flex;gap:8px;align-items:center;font-size:12px;color:#7f8c73}.toggle-row input{accent-color:var(--green);width:16px;height:16px}.queue{display:flex;gap:9px;align-items:center;padding:13px;background:#eff2e8;border:1px dashed #ccd5bf;border-radius:7px;margin-top:16px}.queue svg{width:18px;height:18px;color:#9da989}.queue p{font-size:11px;color:#8b967c}.queue strong{font-size:12px;font-weight:600;display:block;color:#627954}.toast{position:fixed;bottom:96px;left:calc(50% + 109px);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:#244838;color:#f7f5e5;border:1px solid #486c48;box-shadow:0 5px 25px #233f3325;border-radius:8px;padding:12px 18px;z-index:80;max-width:calc(100vw - 32px);font-size:14px}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d9dfcc;border-radius:14px;padding:28px;background:var(--paper);color:var(--ink);width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-shadow:0 15px 70px #12271a44}dialog::backdrop{background:#152c265d;}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.dialog-top h2{font-size:27px}.dialog-body{font-size:14px;line-height:1.8;color:#7c8771}.dialog-body p+p{margin-top:12px}.dialog-actions{display:flex;gap:10px;margin-top:24px}.dialog-actions .btn{flex:1}.contribution-input{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;padding:12px;margin:12px 0}.contribution-input svg{color:#81966b}.contribution-input label{font-size:14px;flex:1}.contribution-input small{display:block;font-size:11px;color:#8b967e}.contribution-input input{width:85px;border:1px solid #d6ddc9;background:#f7f8ef;padding:8px 10px;border-radius:5px;color:#4e6943}.dialog-error{font-size:12px;color:#af6450;min-height:20px}.item-big{width:76px;height:76px;border:1px solid #c9d6ba;background:#eaf0e0;border-radius:12px;display:grid;place-items:center;margin:0 auto 16px;color:#70895a}.item-big svg{width:42px;height:42px}.item-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.item-stats span{background:#f0f2e8;padding:8px 12px;border-radius:5px;font-size:13px;color:#687e51}.notice{background:#eef1e3;border:1px solid #d4dec2;padding:14px;border-radius:7px;font-size:13px;color:#6f8257;margin:15px 0}.mobile-brand{display:none}.screen{animation:enter .22s ease-out}@keyframes enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}.empty-state{text-align:center;padding:30px 10px}.empty-state>svg{width:36px;height:36px;color:#8c9f72;margin-bottom:13px}.empty-state p{font-size:13px;color:#839171;margin:10px auto 20px;max-width:310px}
@media(min-width:1650px){.map-panel,.location-detail{height:620px}.map-layout{grid-template-columns:minmax(0,1fr) 310px}.location-hero{height:164px}.character-layout{grid-template-columns:1fr 1fr}.hero-panel{min-height:655px}.hero-art{height:490px}.city-scene{height:395px}}
@media(max-width:1250px){.app-shell{grid-template-columns:188px minmax(0,1fr)}.sidebar{width:188px;padding-left:13px;padding-right:13px}.brand{padding:0 3px;gap:7px}.brand-name{font-size:22px}.brand-sub{font-size:8px;letter-spacing:2.4px}.brand svg{width:27px;height:27px}.nav a{padding:12px 10px;font-size:13px;gap:9px}.nav a.active:before{left:-13px}.main{padding:25px 22px}.topbar{padding:0 22px}.resources{gap:18px}.map-layout{grid-template-columns:minmax(0,1fr) 265px;gap:15px}.map-panel{height:525px}.location-detail{min-height:525px}.map-filters button{padding:6px 7px;font-size:11px}.map-pin .pin-label{font-size:10px;padding:3px 5px}.map-pin .pin-label small{font-size:9px}.map-after{gap:12px}.mini-card{padding:15px 12px;gap:9px}.mini-card strong{font-size:16px}.idle-bar{left:188px;padding:12px 22px;gap:12px}.idle-bar .idle-yield{display:none}.idle-copy{min-width:190px}.character-layout{grid-template-columns:minmax(310px,1fr) minmax(330px,1fr);gap:17px}.character-right{gap:16px}.panel-pad{padding:19px}.city-layout,.city-bottom,.expedition-layout{grid-template-columns:minmax(0,1fr) 295px;gap:17px}.building-grid{gap:8px}.building{padding:12px 10px}.toast{left:calc(50% + 94px)}}
@media(max-width:1050px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{width:76px;padding:24px 10px}.brand{justify-content:center;padding:0;margin-bottom:35px}.brand svg{width:32px;height:32px}.brand>div,.nav a>span,.nav-label,.region-card,.season,.profile>div,.profile-arrow,.sidebar-line{display:none}.nav{gap:15px}.nav a{height:47px;justify-content:center;padding:0}.nav a svg{width:23px;height:23px}.nav a.active:before{left:-10px}.profile{justify-content:center;padding:20px 0 0}.idle-bar{left:76px}.main{padding:24px}.topbar{padding:0 24px}.world-status{font-size:12px}.head-actions .btn{padding:9px 12px;font-size:12px}.toast{left:calc(50% + 38px)}.map-panel{height:510px}.location-detail{min-height:510px}.map-legend{font-size:10px;gap:8px;padding:6px 8px}.map-legend span:last-child{display:none}}
@media(max-width:850px){h1{font-size:32px}.main{padding:24px 18px}.topbar{padding:0 18px}.world-status .status-server{display:none}.resources{gap:15px}.map-layout{grid-template-columns:minmax(0,1fr) 242px;gap:13px}.map-filters{left:10px;top:10px;gap:0;padding:3px}.map-filters button{padding:6px;font-size:10px}.map-compass{right:12px;top:12px}.map-compass svg{width:25px;height:25px}.map-pin .pin-label small{display:none}.map-pin .pin-icon{width:32px;height:32px;border-width:2px}.map-pin .pin-icon svg{width:17px;height:17px}.map-pin.selected .pin-icon{width:38px;height:38px}.location-content{padding:16px}.location-hero{height:109px}.location-content h2{font-size:23px}.location-description{font-size:12px}.stat-row{gap:12px}.map-after{grid-template-columns:1fr}.mini-card{align-items:center;padding:12px 15px}.mini-card>div{flex:1;display:grid;grid-template-columns:1fr auto;gap:0 10px}.mini-card p{grid-column:1}.mini-card .mini-link{grid-column:2;grid-row:1/3}.character-layout{grid-template-columns:1fr}.hero-panel{min-height:585px}.hero-art{height:455px;top:38px}.equipment-slots{inset:118px 50px auto}.character-right{display:grid;grid-template-columns:1fr}.city-layout,.city-bottom,.expedition-layout{grid-template-columns:minmax(0,1fr)}.city-project .project-resource{display:inline-block;width:calc(50% - 9px);margin-right:12px;vertical-align:top}.city-project .project-resource:nth-of-type(odd){margin-right:0}.city-project h2{display:inline-block;margin-left:10px;margin-top:0}.city-project>.btn{margin-top:10px}.city-scene{height:335px}.city-bottom{margin-top:17px}.community-members{display:flex;justify-content:space-between;gap:12px}.member-row .member-right{display:none}.expedition-side{display:grid;grid-template-columns:1fr 1fr;gap:17px}.expedition-side .panel{margin-top:0!important}.expedition-side .panel-pad{padding:17px}.reward-grid{gap:5px}.reward-cell{padding:10px 3px}.reward-cell strong{font-size:21px}.idle-bar{padding:12px 18px}.idle-copy{min-width:170px}.idle-bar>.btn{font-size:12px;padding:8px 10px}.idle-progress{max-width:200px}.page-head{gap:10px}.head-actions .btn span.optional{display:none}}
@media(max-width:650px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:67px;padding:0;background:#1b332efc;z-index:30;border-top:1px solid #476050}.brand,.sidebar-bottom{display:none}.nav{flex-direction:row;gap:0;justify-content:space-around;height:100%}.nav a{width:25%;height:100%;flex-direction:column;gap:4px;font-size:10px;border-radius:0}.nav a>span:not(.nav-num){display:block;font-size:10px}.nav a svg{width:21px;height:21px}.nav a.active{background:#3b554144}.nav a.active:before{left:25%;right:25%;width:auto;height:2px;top:0;bottom:auto}.workspace{padding-bottom:148px}.topbar{height:63px;padding:0 16px;gap:10px}.world-status{display:none}.mobile-brand{display:flex;align-items:center;gap:7px;font-family:Georgia,serif;font-size:21px;color:#345c46}.mobile-brand svg{width:22px;height:22px;color:#ad9159}.resources{gap:13px;font-size:12px}.resource{font-size:12px;gap:4px}.resource svg{width:15px;height:15px}.resource.gem,.res-divider,.topbar .demo-badge,.topbar>.icon-button{display:none}.main{padding:22px 15px}.page-head{align-items:start;margin-bottom:19px}.page-head .eyebrow{font-size:10px;margin-bottom:8px}.page-head p{font-size:12px;line-height:1.6;margin-top:7px;max-width:270px}h1{font-size:31px;letter-spacing:-.6px}.head-actions{padding-top:3px}.head-actions .btn{font-size:11px;padding:7px 9px;min-height:34px}.head-actions .btn svg{width:15px;height:15px}.head-actions .head-extra{display:none}.map-layout{display:flex;flex-direction:column;gap:15px}.map-panel{height:417px;min-height:417px}.map-filters{left:12px;top:12px}.map-filters button{font-size:11px;padding:6px 9px}.map-compass{right:14px;top:13px}.map-pin .pin-label{font-size:10px}.map-pin .pin-icon{width:33px;height:33px}.map-legend{font-size:10px}.location-detail{min-height:0;display:block}.location-hero{height:110px}.location-content{padding:19px}.location-content h2{font-size:25px}.location-description{font-size:13px;margin:6px 0 15px}.stat-row{margin-bottom:14px}.stat-row>div{flex:0 1 40%}.location-content .divider{margin:15px 0}.location-content .unlock-note{margin:15px 0}.location-content .btn{min-height:44px}.location-content .loot-row{position:relative}.map-after{margin-top:15px;gap:10px}.mini-card p{font-size:11px}.mini-card .mini-link{font-size:11px}.mini-card strong{font-size:17px}.idle-bar{bottom:67px;left:0;min-height:65px;padding:10px 15px;gap:10px}.idle-icon{width:34px;height:34px;border-radius:6px}.idle-icon svg{width:18px;height:18px}.idle-copy{min-width:0;flex:1}.idle-copy strong{font-size:12px;gap:5px}.idle-copy p{font-size:10px}.idle-copy .badge{font-size:8px}.idle-progress{display:none}.idle-bar>.btn{font-size:11px;min-height:32px;padding:6px 9px}.idle-bar>.btn svg{width:14px;height:14px}.toast{bottom:147px;left:50%;font-size:13px;width:max-content;max-width:calc(100vw - 32px)}.hero-panel{min-height:573px;padding:20px}.hero-art{left:8%;width:84%;height:430px;top:59px}.equipment-slots{inset:135px 20px auto}.equipment{width:56px;height:56px}.equipment svg{width:25px;height:25px}.equipment-column{gap:18px}.hero-footer{left:20px;right:20px;bottom:20px}.hero-stats strong{font-size:21px}.hero-stats small{font-size:9px}.hero-stats{gap:0}.hero-top h2{font-size:28px}.level-seal{width:43px;height:48px}.character-right{gap:15px}.character-milestone{padding:16px}.panel-pad{padding:19px}.attribute-grid{gap:9px}.attribute{padding:10px 8px;gap:7px}.attribute .attr-value{font-size:12px}.attribute .attr-value strong{font-size:15px;margin-left:3px}.city-scene{height:294px}.city-scene-caption{left:19px;bottom:19px}.city-scene-caption h2{font-size:28px}.city-metrics{padding:17px 16px;gap:7px}.city-metrics div+div{padding-left:13px}.city-metrics strong{font-size:22px}.city-metrics small{font-size:10px}.city-project{padding:19px}.city-project h2{display:block;margin:12px 0 0}.city-project .project-resource{display:block;width:100%;margin:15px 0}.building-grid{gap:8px}.building{padding:12px 10px}.building strong{font-size:12px}.building p{font-size:10px}.building svg{width:21px;height:21px}.building .badge{font-size:8px;padding:2px 5px}.community-members{display:block}.member-row .member-right{display:block}.member-row{margin-top:14px}.member-row strong{font-size:13px}.expedition-side{grid-template-columns:1fr}.expedition-scene{min-height:233px;padding:23px}.expedition-scene h2{font-size:30px}.running-status strong{font-size:14px}.time-remaining{font-size:26px}.log-line{gap:9px}.log-line p{font-size:11px}.timeline-step{font-size:10px}.timeline-step small{font-size:9px}.reward-cell strong{font-size:25px}.reward-cell small{font-size:12px}.discovery-card p{font-size:12px}.setting-row label,.setting-row select{font-size:14px}.page-head .head-actions .only-desktop{display:none}}
.location-description,.help-note,.city-project>p{font-size:14px}.section-label,.nav-label,.progress-label,.map-filters button,.map-legend,.badge,.building p,.member-row p,.discovery-card p,.log-line p,.queue p,.timeline-step small,.hero-stats small{font-size:12px}.stat-row small{font-size:12px}.loot-chip,.setting-row label,.setting-row select,.talent-row p,.member-row strong{font-size:14px}.head-actions .btn{flex-shrink:0}.map-pin .pin-label{font-size:12px}.map-pin .pin-label small{font-size:10px}.location-content .loot-row{flex-wrap:wrap}.location-content .loot-chip{font-size:12px}.location-detail{height:auto}.location-content .btn{min-height:42px}.hero-footer .badge{font-size:11px}.hero-stats small{font-size:10px}.level-seal small{font-size:8px}.building .badge{font-size:10px}.idle-copy .badge{font-size:10px}.idle-copy p,.idle-progress .progress-label{font-size:12px}.city-project .project-total{font-size:12px}.discovery-card p{font-size:12px}.timeline-step{font-size:12px}.timeline-step small{font-size:10px}.talent-row .badge{font-size:11px}.map-world{transform-origin:50% 50%}.item-stats svg{width:15px;height:15px;vertical-align:middle}.notice svg{width:16px;height:16px;vertical-align:middle}.community-members{min-width:0}
@media(max-width:850px){.map-filters button{font-size:11px}.map-pin .pin-label{font-size:11px}.map-pin .pin-label small{display:none}.map-legend{font-size:10px}.location-content{padding:15px}.location-description{font-size:13px}.idle-copy p{font-size:11px}.map-after .mini-card p{font-size:12px}.building p{font-size:11px}}
@media(max-width:650px){.map-pin .pin-label{font-size:11px}.location-content{padding:19px}.location-description{font-size:14px}.idle-copy p{font-size:10px}.idle-copy .badge{font-size:9px}.hero-stats small{font-size:10px}.badge{font-size:11px}.city-scene .badge{font-size:10px}.timeline-step{font-size:11px}.loot-chip,.setting-row label,.setting-row select,.talent-row p{font-size:13px}.map-filters button{font-size:11px}.mini-card>div{display:block}.mini-card .mini-link{font-size:12px;margin-top:3px}.building p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}