:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#294842;font-synthesis:none;font-weight:500;--cream:#fff9e9;--ink:#294842;--teal:#397e70;--line:#d9dfcc}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#bdd6b9}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible{outline:3px solid #e4a545;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#326d5e;color:#fff8df;padding:17px 22px;border-radius:12px;font-weight:750;box-shadow:0 4px #244e44}button.primary span{float:right;margin-left:24px}#world{position:fixed;inset:0;width:100%;height:100%;outline:0}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.panel{background:#fff9e9f5;border:1px solid #ffffffaa;border-radius:15px;box-shadow:0 5px 20px #344b3d16}header{position:absolute;top:20px;left:24px;right:24px;display:flex;gap:24px;align-items:center}a.brand{text-decoration:none;color:#264c42;display:flex;gap:9px;align-items:center;font-size:21px;letter-spacing:2px;font-weight:900;text-shadow:0 1px #fffa}.brand-icon{font-size:37px;color:#2d756a}.brand small{display:block;font-size:9px;letter-spacing:3.5px;margin-top:3px}#resources{margin:auto;display:flex;background:var(--cream);border:1px solid #fff9;border-radius:13px;padding:12px 7px;box-shadow:0 4px 15px #344b3d15}.resource{padding:0 17px;min-width:88px;display:flex;align-items:center;gap:9px;border-right:1px solid #e2e5d4}.resource:last-child{border:0}.resource .symbol{font-size:23px}.resource small{display:block;text-transform:uppercase;letter-spacing:1.4px;font-size:8px;color:#7a8573}.resource strong{font-size:19px;font-variant-numeric:tabular-nums}.tools{display:flex;gap:6px}.tools button{background:var(--cream);height:36px;min-width:36px;padding:0 9px;border-radius:9px;font-size:12px;font-weight:700}.mission{position:absolute;top:110px;left:24px;width:253px;padding:21px}.eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:800;color:#7c8a75}.mission h2{font-family:Georgia,serif;font-size:25px;line-height:1.12;margin:10px 0 20px;font-weight:500}.objective{display:flex;align-items:center;gap:10px;font-size:11px;margin:12px 0;color:#72806c}.objective i{font-style:normal;border:1px solid #bcc8af;border-radius:50%;height:18px;width:18px;display:grid;place-items:center;font-size:10px;flex:none}.objective.done{color:#316d58}.objective.done i{background:#4e836a;border-color:#4e836a;color:#fff}.prosperity{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.prosperity strong{font-size:20px}.raid{position:absolute;top:110px;right:24px;width:288px;padding:18px}.raid-line{display:flex;gap:12px;align-items:center;margin-top:13px}.raid-icon{font-size:28px;color:#ba8250}.raid h3{font-size:13px;margin:0 0 4px}.raid-line div>span{font-size:10px;color:#7a8573}.raid-line>strong{margin-left:auto;font-size:23px;font-variant-numeric:tabular-nums;font-weight:600}.timer-track{height:4px;background:#e3e3cd;margin-top:16px;border-radius:5px;overflow:hidden}.timer-track i{display:block;height:100%;width:100%;background:#d4a55c;transition:width .5s}#raid-now{font-size:9px;letter-spacing:.6px;margin-top:10px;color:#6f7f66;padding:0}.map{position:absolute;right:24px;bottom:142px;width:242px;overflow:hidden}.map-title{display:flex;justify-content:space-between;padding:12px;font-size:8px;font-weight:800;letter-spacing:1px}.live-dot{color:#64937a;font-size:7px}#minimap{display:block;width:240px;height:160px;cursor:crosshair}.map-key{display:flex;justify-content:space-around;padding:9px 4px;font-size:8px}.map-key span:nth-child(2){color:#b88848}.map-key span:nth-child(3){color:#b86171}footer{position:absolute;bottom:46px;left:24px;right:24px;display:flex;gap:15px;align-items:stretch}.selection{padding:14px;display:flex;align-items:center;gap:12px;width:290px}.selection h3{font-size:15px;margin:4px 0}.selection #unit-info{font-size:10px;color:#71806a}.selection button{margin-left:auto;font-size:24px}#portrait{height:51px;width:51px;border-radius:11px;display:grid;place-items:center;background:#efe0b6;color:#b5783d;font-size:33px;flex:none}.actionbar{display:flex;padding:8px;gap:4px}.actionbar button{display:flex;align-items:center;gap:12px;padding:12px 20px;text-align:left;border-radius:9px}.actionbar button:hover,.actionbar button.active{background:#e3ead7}.actionbar b{font-size:26px;color:#498271;font-weight:500}.actionbar span{font-size:13px;font-weight:800}.actionbar small{display:block;font-size:7px;letter-spacing:1px;color:#899078;margin-top:5px}.controls{position:absolute;bottom:15px;left:24px;font-size:9px;letter-spacing:.4px;color:#284c3f;text-shadow:0 1px #ddedce}.controls span{color:#4b6a52;margin-right:10px}#toast{position:absolute;bottom:149px;left:50%;transform:translate(-50%);background:#274d43ed;color:#fff4da;padding:13px 22px;border-radius:10px;font-size:12px;max-width:460px;opacity:0;transition:opacity .3s;pointer-events:none}#toast.show{opacity:1}#drawer{position:absolute;bottom:141px;left:330px;width:365px;padding:22px;max-height:calc(100vh - 245px);overflow:auto}#drawer h2{font-family:Georgia,serif;font-size:26px;font-weight:500;margin:5px 0 8px}#drawer p{font-size:11px;color:#74806b;line-height:1.6;margin:5px 0 17px}.close{position:absolute;right:14px;top:12px;font-size:22px}.choice{display:flex;align-items:center;width:100%;text-align:left;gap:13px;padding:13px 9px;border-top:1px solid #dce1cf}.choice>b{font-size:25px;color:#538b77}.choice>span{flex:1}.choice strong{display:block;font-size:13px}.choice small{display:block;font-size:9px;color:#7f8a73;line-height:1.5;margin-top:3px}.choice em{font-size:10px;font-style:normal;color:#638161}.trade-row{padding:10px 0;display:flex;align-items:center;gap:10px;border-top:1px solid #dce1cf;font-size:12px}.trade-row>span{flex:1}.trade-row button{font-size:10px;background:#e3ead7;padding:8px;border-radius:6px}.trade-status{border-radius:7px;background:#e4ead5;padding:10px;font-size:11px}.drawer-link{display:block;padding:12px 0;color:#3e7d67;font-size:11px}.drawer-primary{background:#3b7863;color:#fff5dd;padding:12px;border-radius:9px;font-size:12px;margin-top:12px;width:100%}#placement{position:absolute;top:93px;left:50%;transform:translate(-50%);padding:12px 18px;background:#294e43;color:#fff8e5;border-radius:9px;font-size:12px}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:#284a3838;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5}#overlay[hidden],[hidden]{display:none!important}.intro{text-align:center;padding:38px 46px;width:560px;box-shadow:0 20px 90px #25473844}.intro-logo{font-size:53px;font-weight:950;letter-spacing:-3px;line-height:1.1;margin-top:20px}.intro-logo>span{color:#62917a}.intro-logo i{display:block;font-size:12px;letter-spacing:7px;font-style:normal;font-weight:650;margin-top:7px}.intro p{font-family:Georgia,serif;font-size:19px;line-height:1.6;color:#6d7e67;margin:23px 0}.intro-steps{display:flex;text-align:left;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:22px 0}.intro-steps div{flex:1}.intro-steps b{display:block;font-size:9px;letter-spacing:1px;color:#57886e}.intro-steps span{display:block;font-size:10px;line-height:1.6;margin-top:5px;color:#899078}.intro .primary{width:100%}.intro>small{display:block;font-size:9px;color:#8b937d;margin-top:20px}.intro>a{display:inline-block;font-size:9px;color:#8b937d;margin-top:12px}.intro #continue{display:block;margin:15px auto 0;font-size:12px;color:#477c65}.modal-title{font:34px Georgia,serif;margin:15px 0}.help-grid{text-align:left;font-size:12px;line-height:2}.help-grid b{display:inline-block;width:115px}.danger{color:#a85564}.pause-badge{position:absolute;top:85px;left:50%;transform:translate(-50%);background:var(--cream);padding:8px 24px;border-radius:8px;font-size:12px}@media(max-width:1100px){header{gap:12px}.brand{font-size:16px!important}.brand-icon{display:none}.resource{padding:0 9px;min-width:68px}.actionbar button{padding:12px}.actionbar small{display:none}.mission{width:214px}.raid{width:250px}.tools button{min-width:28px;padding:0 7px}#drawer{left:245px}.selection{width:220px}.selection .eyebrow{font-size:7px}.map{bottom:140px;width:202px}#minimap{width:200px;height:133px}}@media(max-width:760px){header{left:10px;right:10px;top:10px;flex-wrap:wrap;gap:8px}.brand{display:none!important}#resources{margin:0;flex:1;padding:9px 0}.resource{min-width:0;flex:1;padding:0 7px;gap:4px}.resource .symbol{font-size:16px}.resource strong{font-size:15px}.resource small{font-size:6px}.tools{position:absolute;right:0;top:59px}.mission{top:79px;left:10px;width:165px;padding:12px}.mission h2{font-size:20px;margin:8px 0 12px}.eyebrow{font-size:7px}.objective{font-size:9px;margin:7px 0}.raid{right:10px;top:125px;width:170px;padding:12px}.raid h3{font-size:11px}.raid-line{gap:5px}.raid-icon{display:none}.raid-line>strong{font-size:17px}.raid .eyebrow{font-size:6px}.raid-line div>span{font-size:8px}.map{display:none}footer{left:10px;right:10px;bottom:30px;gap:6px;flex-wrap:wrap}.selection{width:100%;padding:7px 12px;max-width:350px}#portrait{width:35px;height:35px;font-size:25px}.actionbar{width:100%;justify-content:space-around;padding:4px}.actionbar button{padding:9px 6px;gap:5px}.actionbar b{font-size:21px}.actionbar span{font-size:10px}.controls{font-size:7px;bottom:8px;left:10px}.controls span{margin-right:2px}#drawer{left:10px;right:10px;bottom:150px;width:auto;max-height:calc(100vh - 270px)}#toast{bottom:160px;width:80%;font-size:10px}.intro{width:calc(100% - 30px);padding:28px 22px;max-width:500px}.intro-logo{font-size:44px}.intro p{font-size:17px}.intro-steps{gap:10px}#placement{top:60px;font-size:10px;max-width:60%}}.guided-start{display:flex;align-items:center;gap:12px;text-align:left;background:#e9eedc;border:1px solid #d2dec5;border-radius:10px;padding:12px 15px;margin:0 0 18px;cursor:pointer}.guided-start input{accent-color:#367b64;width:18px;height:18px;flex:none}.guided-start strong{display:block;font-size:12px}.intro .guided-start small{display:block;font-size:9px;color:#71806a;margin-top:4px}.resource{border-radius:3px;text-align:left}.resource:hover{background:#eaf0dc}.resource:focus-visible{outline-offset:0}#tutorial{position:fixed;inset:0;z-index:4;pointer-events:none}.tour-running .mission{visibility:hidden}.tour-connector{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tour-connector path{fill:none;stroke:#ffe596;stroke-width:3;stroke-dasharray:7 7;filter:drop-shadow(0 1px 2px #284b4366)}.tour-highlight{position:absolute;border:3px solid #ffda78;box-shadow:0 0 0 5px #ffe49d44,0 2px 15px #2a594033;pointer-events:none;animation:tour-glow 1.7s ease-in-out infinite}.tour-highlight>span{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);white-space:nowrap;background:#ffe29a;color:#3e533a;font-size:9px;font-weight:900;letter-spacing:1px;padding:6px 9px;border-radius:6px}.tour-card{position:absolute;width:292px;padding:21px;pointer-events:auto;box-shadow:0 12px 45px #2d51473b;border:1px solid #fff8e3;max-height:calc(100vh - 110px);overflow:auto}.tour-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;font-weight:800;letter-spacing:1px;color:#54866b}.tour-top button{font-size:9px;letter-spacing:0;color:#849078;padding:4px 0}.tour-progress{height:3px;background:#dfe8d0;margin:13px 0 18px;border-radius:3px;overflow:hidden}.tour-progress i{height:100%;display:block;background:#579278;transition:width .3s}#tour-count{font-size:8px;font-weight:850;letter-spacing:1.4px;color:#9a956f}.tour-card h2{font-family:Georgia,serif;font-size:27px;line-height:1.14;font-weight:500;margin:9px 0 13px}.tour-card p{font-size:12px;line-height:1.75;color:#6d7d66;margin:0 0 15px}#tour-hint{font-size:11px;line-height:1.55;border-left:3px solid #dcac59;padding:9px 10px;background:#f5edcf;border-radius:0 7px 7px 0;color:#746641}.tour-card .primary{width:100%;font-size:12px;margin-top:17px;padding:12px 8px}.tour-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:8px;color:#8a947c;gap:8px}.tour-bottom button{font-size:8px;text-decoration:underline;padding:4px 0}.tour-card button:focus-visible{outline:3px solid #dfad55}#resource-tip{position:fixed;z-index:7;width:310px;max-width:calc(100vw - 20px);padding:23px;box-shadow:0 12px 35px #29484233}#resource-tip h3{font-size:23px;margin:12px 0}#resource-tip p{font-size:12px;line-height:1.8;color:#6f7d68;margin:0}.help-resources{text-align:left;font-size:12px;margin:15px 0;max-height:180px;overflow:auto}.help-resources summary{cursor:pointer;color:#397e70;font-weight:700}.help-resources p{font:11px/1.6 sans-serif;margin:12px 0}.intro:has(.help-grid){max-height:calc(100vh - 28px);overflow:auto}@keyframes tour-glow{50%{box-shadow:0 0 0 9px #ffe49d33,0 2px 20px #e9c35f66}}@media(prefers-reduced-motion:reduce){.tour-highlight{animation:none}.tour-progress i{transition:none}}@media(max-width:760px){.tour-card{width:245px;padding:15px}.tour-card h2{font-size:22px}.tour-card p{font-size:11px;line-height:1.55}#tour-hint{font-size:10px}.tour-top{font-size:7px}.tour-highlight>span{font-size:7px}.guided-start{padding:10px}.intro:has(.guided-start){max-height:calc(100vh - 20px);overflow:auto}}@keyframes resource-gain{0%{color:#cf962f;transform:translateY(-3px) scale(1.18)}to{color:inherit;transform:none}}.resource strong.resource-gain{display:inline-block;animation:resource-gain .55s ease-out}@media(prefers-reduced-motion:reduce){.resource strong.resource-gain{animation:none}}.setting-toggle{display:flex;gap:12px;align-items:flex-start;padding:16px 0;cursor:pointer}.setting-toggle input{accent-color:#397e70;width:20px;height:20px;flex:none}.setting-toggle strong{display:block;font-size:14px}.setting-toggle small{display:block;font-size:12px;line-height:1.7;color:#66765e;margin-top:8px}.raid-imminent{border:2px solid #af4552;box-shadow:0 0 0 4px #bc576b25}.raid-imminent .raid-line,.raid-imminent .timer-track{display:none}#raid-warning{margin-top:12px;background:#f4d8cb;border-radius:9px;padding:12px;color:#8e3244}#raid-warning strong{display:block;font-size:12px;letter-spacing:1px}#raid-countdown{display:block;font-size:34px;font-weight:850;font-variant-numeric:tabular-nums;margin:4px 0}#raid-warning small{display:block;font-size:11px;line-height:1.5}@media(max-width:760px){#raid-countdown{font-size:25px}#raid-warning{padding:9px}#raid-warning strong,#raid-warning small{font-size:9px}}#return-commander{position:absolute;left:24px;bottom:145px;padding:14px 18px;background:#326d5e;color:#fff8df;font-size:13px;font-weight:750;box-shadow:0 3px #244e44}#return-commander small{opacity:.65;margin-left:9px}#armor-badge{font-size:9px;margin-top:5px;color:#4f8271}.iron-man-status{color:#a92b36!important;font-weight:750}.crew-selected{background:#e3ead7;border-radius:8px}.crew-unit{min-height:60px}.actionbar button{padding-left:14px;padding-right:14px}#world{cursor:crosshair}@media(max-width:1100px){.actionbar button{padding-left:10px;padding-right:10px}}@media(max-width:760px){#return-commander{left:10px;bottom:160px;padding:10px 12px;font-size:11px}.actionbar button{padding:9px 6px}.actionbar b{font-size:17px}#armor-badge{font-size:8px}}.selection{position:relative;padding-bottom:28px}.selection>div:nth-child(2){min-width:0}#armor-badge{position:absolute;bottom:9px;left:14px;right:14px;white-space:nowrap}@media(min-width:761px)and (max-width:1100px){.selection #portrait,.selection .eyebrow{display:none}.selection{width:220px;min-height:85px}.selection h3{white-space:nowrap}.selection #unit-info{white-space:nowrap;font-size:9px}}