@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Segoe UI,sans-serif;color:#e3e9e5;background:#101c23;font-synthesis:none;font-weight:400;--mint:#75d7b0;--gold:#dac389;--muted:#83948f;--border:#ffffff12;--panel:#152229;--deep:#101c23}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button{color:inherit;border:none;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#map:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.12)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#app{height:100dvh;display:flex;flex-direction:column}.topbar{height:88px;display:flex;align-items:center;padding:0 28px;gap:26px;background:#121e24;border-bottom:1px solid var(--border);z-index:2;flex-shrink:0}.brand{display:flex;align-items:center;gap:13px}.brand>span:last-child{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:25px;letter-spacing:5px;font-weight:600}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:2.5px;color:#8d9d97;margin-top:3px}.brand-mark{font-family:Georgia,serif;color:var(--mint);font-size:46px;line-height:1;position:relative}.brand-mark>span{position:absolute;background:#121e24;width:24px;height:4px;left:7px;top:26px;transform:rotate(-19deg)}.top-divider{height:31px;width:1px;background:var(--border)}.session-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.5px;white-space:nowrap;color:#b5c1b9}.live-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px #75d7b025;flex-shrink:0}.muted{color:#435650;margin:0 5px}.header-stats{display:flex;height:40px;gap:36px;margin:auto}.stat{display:flex;align-items:center;gap:12px;min-width:90px}.stat svg{color:#93a89d;width:22px;height:22px}.stat small{display:block;font-size:8px;font-weight:500;letter-spacing:1.2px;color:#8c9b93;margin-bottom:5px}.stat strong{font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.5px}.stat strong>span{font-size:13px;margin-left:3px;color:#93a89d}.stat.gold svg,.stat.gold strong{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:12px}.top-actions>#clock{font-family:Space Grotesk,monospace;font-size:12px;color:#9caeaa;margin-right:4px}.icon-button{width:30px;height:34px;display:grid;place-items:center;color:#95a69e}.quiet-button{border:1px solid #ffffff18;border-radius:5px;font-size:11px;padding:9px 13px;white-space:nowrap}.top-actions>.quiet-button{margin-left:8px}.workspace{display:flex;flex:1;min-height:0}.map-area{position:relative;flex:1;min-width:0;overflow:hidden;background:#10222c}#map{position:absolute;inset:0;touch-action:none}#map canvas{display:block}.map-heading{position:absolute;left:32px;top:30px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--mint);font-weight:600}.map-heading .eyebrow{color:#8da69f;font-size:8px;letter-spacing:2.2px}.map-heading h1{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:23px;font-weight:400;letter-spacing:-.8px;margin:10px 0 7px;max-width:500px}.map-heading h1 span{color:var(--mint)}.map-heading p{font-size:11px;color:#7b9397;margin:0}.map-heading.in-game h1{font-size:21px}.map-switch{position:absolute;top:31px;right:27px;display:flex;border:1px solid #ffffff15;background:#14252ddd;padding:4px;border-radius:6px;gap:3px}.map-switch button{display:flex;align-items:center;gap:7px;font-size:10px;padding:8px 11px;color:#92a5a7;border-radius:3px}.map-switch svg{width:13px;height:13px}.map-switch .active{background:#2c423f;color:#d1e9dc}.map-controls{position:absolute;left:28px;top:155px;display:flex;flex-direction:column;background:#172930df;border:1px solid #ffffff18;border-radius:6px;padding:3px;box-shadow:0 4px 12px #0002}.map-controls button{width:32px;height:35px;color:#a4b7b8;font-size:23px;display:grid;place-items:center}.map-controls svg{width:17px;height:17px}.map-controls span{height:1px;background:#ffffff12;margin:3px 6px}.map-controls button:hover{background:#ffffff0b}.map-legend{position:absolute;bottom:52px;left:30px;display:flex;gap:20px;font-size:9px;color:#96aaa7;pointer-events:none}.map-legend>span{display:flex;align-items:center;gap:7px}.swatch{width:7px;height:7px;display:inline-block;border-radius:1px}.swatch.yours{background:var(--mint)}.swatch.rival{background:#be897c}.swatch.neutral{background:#72896c}.compass{position:absolute;bottom:90px;right:28px;text-align:center;color:#a6b7ad;pointer-events:none}.compass span{font-size:9px;letter-spacing:1px}.compass>div{font-size:41px;color:#80958e;font-family:Georgia,serif;line-height:1.2}.map-meta{position:absolute;left:30px;bottom:18px;right:28px;display:flex;align-items:center;color:#65838b;gap:15px;font-size:9px;letter-spacing:.5px;pointer-events:none}.map-meta button{pointer-events:auto;font-size:9px;padding:0 0 1px;border-bottom:1px solid #65838b55}.map-meta>#zoom-level{margin-left:auto}.map-hint{position:absolute;left:50%;bottom:100px;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:#152a32e8;border:1px solid #678e8740;border-radius:6px;padding:12px 17px;font-size:10px;color:#b8cac3;white-space:nowrap;pointer-events:none;box-shadow:0 8px 30px #0002}.map-hint svg{width:15px;height:15px;color:var(--mint)}.sidebar{width:326px;flex-shrink:0;overflow-y:auto;background:var(--panel);border-left:1px solid var(--border);padding:26px 24px 0;scrollbar-width:thin;scrollbar-color:#31413f transparent}.section-label{font-size:9px;font-weight:600;letter-spacing:1.4px;color:#82978f;display:flex;align-items:center;gap:8px}.section-label>span:last-child:not(:first-child){margin-left:auto}.step{display:grid;place-items:center;width:20px;height:20px;border:1px solid #779c883c;border-radius:50%;font-size:8px;color:var(--mint);letter-spacing:0}h2{font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:500;letter-spacing:-.7px;font-size:28px;margin:18px 0 10px}.intro{font-size:12px;line-height:1.8;color:#8da098;margin:0 0 25px}.field-label{font-size:8px;letter-spacing:1.4px;color:#92a69d;font-weight:600;display:block;margin:0 0 10px}input:not([type=range]),select{border:1px solid #ffffff17;color:#cbd8cf;background:#101e24;width:100%;border-radius:5px;padding:12px 13px;font-size:12px;outline:none;height:41px}select{font-size:11px;color:#b4c5ba;padding-right:3px}select option{background:#152229}.location-heading{display:flex;justify-content:space-between;margin-top:23px;font-size:8px}.location-heading>span{font-size:7px;letter-spacing:.8px;color:#667d75}.location-heading>span.ready{color:var(--mint)}#location-card{display:flex;align-items:center;gap:12px;border:1px dashed #94ad973d;border-radius:5px;background:#132128;padding:14px 12px;min-height:72px}.location-icon{color:#738c80}.location-icon svg{width:24px;height:24px}#location-card strong{display:block;font-size:11px;font-weight:500;color:#bac9c0}#location-card small{display:block;font-size:9px;line-height:1.6;color:#728d7e;margin-top:4px}#location-card.chosen{border:1px solid #75d7b04d;background:#75d7b008}.chosen .location-icon{color:var(--mint)}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0 23px}.region{border:1px solid #ffffff12;border-radius:4px;padding:9px 2px;font-size:9px;color:#91a79b;display:flex;align-items:center;justify-content:center;gap:5px}.region:hover,.region.selected{background:#75d7b00f;border-color:#75d7b050;color:#c4e8d4}.region-dot{width:4px;height:4px;border:1px solid #6e8c7b;border-radius:50%}.region.selected .region-dot{background:var(--mint);border-color:var(--mint)}.primary{width:100%;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;background:var(--mint);color:#11362b;font-size:12px;font-weight:650;border-radius:5px;margin-top:18px;min-height:43px}.primary>span{font-size:19px;font-weight:400;line-height:14px}.primary:disabled{opacity:1;background:#2c4a40;color:#769789}.resume{font-size:11px;color:var(--mint);width:100%;padding:13px 6px 0}.setup-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;color:#738d7f;margin-top:13px}.setup-note .live-dot{width:4px;height:4px;background:#698c76}.briefing{border-top:1px solid var(--border);padding:23px 0 0;margin-top:26px}.briefing>.section-label{margin-bottom:20px;font-size:8px}.briefing-row{display:flex;gap:13px;margin-bottom:17px}.briefing-row>span{font-family:Space Grotesk,sans-serif;font-size:12px;color:#557668;padding-top:1px}.briefing-row strong{font-size:11px;font-weight:500;color:#bbcbbf}.briefing-row p{font-size:10px;line-height:1.7;color:#7b9487;margin:5px 0 0}.sidebar-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:25px;padding:16px 0;font-size:6px;letter-spacing:1.1px;color:#5e776b}.sidebar-footer>span{color:#8aa18d}.statusbar{height:30px;flex-shrink:0;padding:0 27px;display:flex;align-items:center;justify-content:space-between;background:#101c23;border-top:1px solid var(--border);font-size:7px;letter-spacing:1px;color:#607d71}.statusbar>span{display:flex;align-items:center;gap:8px}.statusbar .live-dot{width:4px;height:4px}.statusbar>span:first-child{color:#93ab9d}.statusbar b{font-weight:400;color:#446154;margin:0 4px}#loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#10222c;gap:15px;z-index:5}#loading strong{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:400}#loading small{color:#819c94;font-size:12px}#loading .primary{width:200px}.spinner{display:block;width:30px;height:30px;border:2px solid #75d7b020;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:absolute;top:115px;left:50%;transform:translate(-50%) translateY(-8px);background:#1e3b32;border:1px solid #6cb58d55;color:#d6e9dc;border-radius:5px;padding:11px 17px;font-size:11px;max-width:85%;width:max-content;line-height:1.6;opacity:0;pointer-events:none;transition:.2s;z-index:4;box-shadow:0 5px 25px #0003}#toast.visible{opacity:1;transform:translate(-50%) translateY(0)}#toast.error{background:#452d28;border-color:#cf987755;color:#f0cabb}.nation-title{display:flex;gap:11px;align-items:center;margin:23px 0}.nation-title h2{font-size:18px;margin:0 0 5px;letter-spacing:-.5px;overflow-wrap:anywhere}.nation-title p{font-size:9px;color:#819c8d;margin:0}.nation-emblem{background:#75d7b010;border:1px solid #75d7b035;border-radius:5px;width:42px;height:45px;display:grid;place-items:center;color:var(--mint);flex-shrink:0}.control-label{display:flex;justify-content:space-between;font-size:10px;color:#a7bdaf;margin-bottom:11px}.control-label strong{color:var(--mint);font-family:Space Grotesk,sans-serif;font-weight:500}.progress{height:5px;border-radius:2px;background:#ffffff08;position:relative;overflow:hidden}.progress i{display:block;background:var(--mint);height:100%;transition:width .4s;min-width:1px}.progress>span{position:absolute;height:100%;border-left:1px solid #e0d3a877;left:80%;top:0}.goal-label{display:flex;justify-content:space-between;font-size:8px;color:#658475;margin-top:9px}.economy{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;margin-top:20px}.economy>div{width:50%;padding-left:0}.economy>div+div{border-left:1px solid var(--border);padding-left:20px}.economy span{display:block;font-size:9px;color:#7d978a;margin-bottom:5px}.economy strong{font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:400;color:#c1d8c9}.economy>div+div strong{color:var(--gold)}.economy small{font-family:DM Sans,sans-serif;font-size:9px;font-weight:400;color:#7c9486}.army-reserve{margin:16px 0 23px}.army-reserve>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#7f9c8b;margin-bottom:9px}.army-reserve .progress{height:3px}.army-reserve .progress i{background:#8baf9b}.build-heading{font-size:8px}.building-options{display:flex;gap:7px;margin:12px 0 19px}.building{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;flex:1;border:1px solid #ffffff15;border-radius:5px;min-height:83px;padding:12px 5px;color:#a9bcb0}.building svg{width:21px;height:21px;color:#90aa9a}.building span{font-size:10px}.building small{display:block;font-size:8px;color:#728d7d;margin-top:4px}.building.active{border-color:#75d7b080;background:#75d7b010}.building.active svg{color:var(--mint)}#selection-card{background:#101e24;border:1px solid #ffffff0e;border-radius:5px;padding:14px}#selection-card>.field-label{font-size:7px;margin:0 0 10px}#selected-name{font-size:11px;font-weight:500;color:#c2d7c8}#selected-description{font-size:9px;color:#7b9986;line-height:1.7;margin-bottom:0}#selection-card .primary{margin-top:14px;font-size:10px;min-height:35px;padding:10px 12px}#leaderboard{border-top:1px solid var(--border);margin-top:23px;padding-top:19px}#alive-count{font-size:7px;letter-spacing:.6px}#rankings{margin-top:13px}.rank{display:flex;align-items:center;width:100%;gap:8px;font-size:9px;padding:10px 6px;border-radius:4px;text-align:left}.rank-num{color:#607d6d;font-size:9px;width:12px}.rank>i{width:5px;height:14px;border-radius:1px;flex-shrink:0}.rank>span:not(.rank-num){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a2b8a9}.rank small{color:#6f9880;font-size:6px;margin-left:5px}.rank>strong{margin-left:auto;font-size:10px;font-weight:400;color:#abc2b1}.rank>strong small{margin-left:1px;font-size:8px}.rank.you{background:#75d7b008}.rank.you>span{color:#c4e1ce}.rank:hover{background:#ffffff05}#dispatches{border-top:1px solid var(--border);margin-top:15px;padding-top:19px}#dispatches>.section-label{font-size:8px}.event{display:flex;gap:10px;font-size:9px;line-height:1.6;color:#8ca993;margin-top:12px}.event time{font-size:8px;color:#526f5e;flex-shrink:0;font-family:monospace;margin-top:1px}.event.success{color:#9bc7aa}.event.danger{color:#d79b88}.commandbar{min-height:72px;display:flex;align-items:center;padding:10px 26px;gap:25px;background:#15262c;border-top:1px solid #ffffff12;flex-shrink:0;margin-right:326px}.command-title{display:flex;align-items:center;gap:13px;font-size:10px;white-space:nowrap}.command-title svg{width:20px;color:#8ba996}.command-title small{display:block;font-size:8px;color:#688777;margin-top:6px}.commitment{display:flex;align-items:center;gap:13px;flex:1;max-width:310px;min-width:140px}.commitment input{accent-color:var(--mint);width:100%;height:3px;cursor:pointer}.commitment strong{color:var(--mint);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:400;min-width:30px}.commitment>span{font-size:8px;color:#85a390;min-width:65px}.toggle-button{display:flex;align-items:center;gap:7px;font-size:9px;white-space:nowrap;color:#8fab97}.toggle-button>i{display:block;width:23px;height:13px;border-radius:10px;background:#3c5147;position:relative}.toggle-button>i:after{content:"";position:absolute;width:9px;height:9px;left:2px;top:2px;border-radius:50%;background:#9aafa0;transition:.2s}.toggle-button.on>i{background:#5eb992}.toggle-button.on>i:after{transform:translate(10px);background:#def5e7}.commandbar>.quiet-button{font-size:9px;padding:7px 10px}.playback{display:flex;gap:5px;padding-left:16px;border-left:1px solid var(--border);margin-left:auto}.playback button{width:28px;height:28px;background:#ffffff06;border-radius:3px;color:#b3d2bc;font-size:11px}dialog{width:min(580px,90vw);max-height:90dvh;overflow:auto;background:#18282e;border:1px solid #78a58a44;border-radius:10px;color:#d8e5da;padding:35px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#07151bd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin-top:15px}dialog p,dialog li{font-size:12px;line-height:1.9;color:#a1b8a8}dialog ol{padding-left:18px}dialog li{padding-left:6px;margin:12px 0}dialog strong{font-weight:600;color:#d8e7dc}dialog .manual-shortcuts{background:#101e24;padding:14px;font-size:10px;color:#819f8e;border-radius:5px}.dialog-close{position:absolute;top:12px;right:14px;font-size:24px;color:#91aa9c}.dialog-actions{display:flex;gap:12px;align-items:center;margin-top:25px}.dialog-actions>.primary{width:auto;flex:1;margin:0}.dialog-actions>.quiet-button{flex:1;padding:14px}#end-dialog{text-align:center}#end-dialog h2{font-size:35px}#end-dialog .primary{justify-content:center;text-align:center}#end-dialog .eyebrow{font-size:8px}@media(min-width:1600px){.sidebar{width:355px;padding:30px 28px 0}.commandbar{margin-right:355px}.map-heading{left:38px;top:36px}.map-heading h1{font-size:28px}.briefing-row{margin-bottom:24px}.intro{margin-bottom:30px}.region{padding:11px 2px}.briefing{margin-top:32px}}@media(max-width:1250px){.topbar{gap:17px;padding:0 22px}.session-label{font-size:8px;letter-spacing:1px}.header-stats{gap:22px}.top-actions{gap:8px}.map-heading h1{font-size:19px;max-width:290px}.map-switch{top:30px;right:20px}.map-switch button{font-size:9px;padding:7px}.map-hint{font-size:9px;padding:11px 13px;max-width:85%;white-space:normal;width:max-content}.commandbar{padding:10px 20px;gap:15px}.command-title small{display:none}.commitment>span{display:none}.command-title{font-size:9px}.sidebar{width:300px;padding:24px 20px 0}.commandbar{margin-right:300px}}@media(max-width:1050px){.session-label,.top-divider{display:none}.topbar{height:76px}.brand small{font-size:6px}.header-stats{gap:15px}.stat{gap:8px;min-width:75px}.stat strong{font-size:18px}.stat small{font-size:7px}.top-actions>#clock{display:none}.map-heading h1{max-width:260px;font-size:18px}.map-switch{top:105px;right:20px}.map-controls{top:155px;left:20px}.map-heading{left:22px;top:25px}.command-title{display:none}.commandbar{gap:16px}.map-legend{gap:10px;font-size:8px;left:22px}.footer-controls{display:none!important}}@media(max-width:760px){body{overflow:auto}.topbar{height:70px;gap:10px;padding:0 16px}.brand>span:last-child{font-size:20px;letter-spacing:3px}.brand-mark{font-size:37px}.brand-mark>span{top:21px;width:20px;left:4px}.brand{gap:9px}.brand small{display:none}.header-stats{gap:16px;margin-left:auto;margin-right:0}.stat{min-width:0}.stat svg{display:none}.stat small{font-size:6px;letter-spacing:.7px}.stat strong{font-size:17px}.stat strong>span{font-size:10px}.top-actions{gap:3px}.top-actions>.quiet-button{font-size:8px;padding:7px;margin:0}.top-actions>#save{display:none}.icon-button{width:25px}.workspace{display:block;overflow:auto;flex:1}.map-area{height:57dvh;min-height:350px;width:100%}.sidebar{width:100%;overflow:visible;border-left:0;border-top:1px solid var(--border);padding:25px 24px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.sidebar>section{min-width:0}.sidebar>#setup,.sidebar>#nation-panel{grid-column:1/-1}.briefing{margin:0;padding-top:5px;border:0;grid-column:1/-1;display:none}#setup .intro br{display:none}#setup h2{margin-top:14px}#setup .intro{margin-bottom:20px}.region-grid{grid-template-columns:repeat(6,1fr)}.setup-note{margin-bottom:5px}#leaderboard,#dispatches{margin-top:0}.sidebar-footer{grid-column:1/-1;margin-top:0}.map-heading{top:20px;left:20px}.map-heading h1{max-width:330px;font-size:20px}.map-heading .eyebrow{font-size:7px}.map-switch{top:105px;right:16px}.map-switch button{padding:6px;font-size:8px}.map-controls{top:136px;left:16px}.map-controls button{height:29px;width:27px}.map-hint{bottom:72px;max-width:90%;font-size:8px;padding:9px 12px}.map-legend{bottom:38px;font-size:7px;gap:13px;left:20px}.map-meta{bottom:13px;left:20px;right:20px;font-size:8px}.compass{bottom:57px;right:20px}.compass>div{font-size:29px}.statusbar{height:26px;padding:0 15px;font-size:6px}.statusbar>span:last-child{display:none}.commandbar{margin:0;padding:12px 15px;gap:10px;min-height:62px}.commitment{min-width:90px;gap:7px}.commitment strong{font-size:12px}.toggle-button{font-size:8px;gap:5px}.commandbar>.quiet-button{font-size:8px;padding:6px 8px}.playback{padding-left:9px;gap:3px}.playback button{width:25px;height:25px}.nation-title{margin-top:18px}.building-options{gap:10px}.building{min-height:72px}.building-options .building{flex-direction:row}.economy{margin-top:14px}#toast{top:100px;font-size:10px}dialog{padding:27px}dialog h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none}}.resource-strip{display:flex;align-items:center;gap:32px;background:#182930;border-bottom:1px solid #ffffff12;padding:10px 30px;min-height:58px;flex-shrink:0}.resource-stat{display:flex;align-items:center;gap:10px;min-width:125px}.resource-symbol{font-size:19px}.resource-stat small{display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#9cb4aa;margin-bottom:3px}.resource-stat strong{font-size:16px;font-family:Space Grotesk,sans-serif;font-weight:500}.resource-stat.food{color:#e5c77e}.resource-stat.timber{color:#7cd2ac}.resource-stat.ore{color:#adb5ec}.resource-rate{font-size:10px;margin-left:8px;opacity:.7}.resource-caption{margin-left:auto;font-size:10px;color:#87a398}.building-options .building small{line-height:1.6;font-size:8px}.building-options .building{min-height:98px}.map-switch button{padding-left:8px;padding-right:8px}@media(max-width:760px){.resource-strip{gap:10px;padding:8px 15px;min-height:54px;justify-content:space-between}.resource-stat{min-width:0;gap:6px;flex:1}.resource-stat strong{font-size:14px}.resource-rate{font-size:8px;margin-left:0}.resource-stat small{font-size:7px}.resource-symbol{font-size:14px}.resource-caption{display:none}.map-switch button{padding:6px;font-size:8px}.building-options .building{min-height:75px}}.deposit-filter{position:absolute;right:28px;top:77px;width:155px;height:31px;padding:5px 8px;font-size:10px;background:#172b32;border-color:#ffffff24}.deposit-filter option{background:#172b32}@media(max-width:1050px){.deposit-filter{top:150px;right:20px}}@media(max-width:760px){.deposit-filter{top:145px;right:16px}}body{overflow:hidden}#app{height:100dvh;overflow:hidden}.workspace{position:relative;display:flex;overflow:hidden;min-height:0}.map-area{height:auto;min-height:0;width:100%}.topbar{height:66px;padding:0 24px;gap:20px}.top-actions{display:none}.header-stats{margin-left:auto;margin-right:0}.resource-strip{min-height:50px;padding:7px 24px}.map-heading{top:22px;left:24px}.map-heading h1{font-size:22px;max-width:none}.map-heading.in-game{display:none}.map-controls{top:20px;right:20px;left:auto;padding:3px}.map-controls button{width:44px;height:44px}.map-controls span{margin:0 6px}.map-meta{bottom:12px;left:24px;right:24px}.map-legend{bottom:38px;left:24px}.map-hint{bottom:68px;max-width:calc(100% - 32px);white-space:normal;font-size:12px;padding:10px 14px}.is-playing .map-hint:not(.placing){display:none}.map-hint.placing{pointer-events:auto;padding:6px 8px 6px 14px}#cancel-build{min-height:44px;padding:8px 14px;border-left:1px solid var(--border);color:var(--mint)}.compass{bottom:48px;right:24px}#toast{top:20px;max-width:calc(100% - 140px);font-size:12px}.bottom-nav{display:flex;justify-content:center;gap:8px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));border-top:1px solid #ffffff19;background:#15262c;z-index:8;flex-shrink:0}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100px;min-height:58px;color:#b0c5bd;border:1px solid transparent;border-radius:10px;font-size:12px}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button:hover,.bottom-nav button.active{background:#75d7b014;color:#a1f0cd;border-color:#75d7b040}.bottom-nav #dock-start{color:#a1f0cd;background:#75d7b015}.bottom-drawer{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:min(520px,calc(100% - 32px));max-height:min(640px,calc(100% - 24px));display:flex;flex-direction:column;border:1px solid #638b7c66;border-radius:18px;background:#16272ef5;box-shadow:0 14px 60px #0008;z-index:7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-header .eyebrow{font-size:8px;letter-spacing:1.8px;color:#82af9d}.drawer-header h2{font-size:21px;margin:4px 0 0}#close-drawer{width:44px;height:44px;border:1px solid #ffffff20;border-radius:50%;font-size:26px;color:#bfcec8;flex-shrink:0}#drawer-body{overflow-y:auto;overscroll-behavior:contain;padding:20px 22px;scrollbar-width:thin;min-height:0}.bottom-drawer p,.panel-intro{font-size:13px;line-height:1.65;color:#9fb7ac}.panel-intro{margin:0 0 18px}.world-size-note{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--border);border-radius:6px}.world-size-note strong{color:var(--mint);font-size:15px}.world-size-note span{color:#9fb7ac;font-size:12px}.bottom-drawer button,.bottom-drawer select,.bottom-drawer input:not([type=range]){min-height:44px}.bottom-drawer input:not([type=range]),.bottom-drawer select{font-size:16px;height:46px}.bottom-drawer .section-label,.bottom-drawer .field-label{font-size:10px}.bottom-drawer .primary,.bottom-drawer .quiet-button{font-size:13px}.bottom-drawer #setup input+.field-label{margin-top:18px}.bottom-drawer #setup select+.field-label{margin-top:18px}.bottom-drawer .building-options{margin:0;gap:10px}.bottom-drawer .building-options .building{min-height:116px;flex-direction:column;gap:10px;background:#10222b}.bottom-drawer .building span{font-size:14px}.bottom-drawer .building-options .building small{font-size:11px}.build-guide p{margin:14px 0 0;font-size:12px}.build-guide strong{color:#d2e1d9}.bottom-drawer #selection-card{padding:0 0 18px;border:0;border-radius:0;background:none}.bottom-drawer #selected-name{font-size:17px}.bottom-drawer #selected-description{font-size:12px}.bottom-drawer #selection-card .primary{min-height:46px;font-size:14px}.bottom-drawer .commandbar{display:grid;grid-template-columns:1fr 1fr;background:none;margin:0;padding:18px 0 0;gap:12px}.bottom-drawer .command-title{display:flex;grid-column:1 / -1;font-size:12px}.bottom-drawer .command-title small{display:block;font-size:10px}.bottom-drawer .commitment{grid-column:1 / -1;max-width:none;min-width:0;gap:12px}.bottom-drawer .commitment input{min-width:0;height:44px}.bottom-drawer .commitment>span{display:block;font-size:10px}.bottom-drawer .toggle-button{font-size:12px;justify-content:center;border:1px solid var(--border);border-radius:6px}.bottom-drawer .map-switch{position:static;padding:4px;gap:4px}.bottom-drawer .map-switch button{justify-content:center;flex:1;font-size:12px;padding:8px}.bottom-drawer .deposit-filter{position:static;width:100%;margin-top:14px}.bottom-drawer #labels{display:block;width:100%;border:1px solid var(--border);border-radius:6px;margin:14px 0;font-size:13px}.bottom-drawer .top-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bottom-drawer .top-actions #clock{display:block;grid-column:1 / -1;font-size:16px}.bottom-drawer .top-actions #save,.bottom-drawer .top-actions #help{display:flex;width:auto;height:auto;gap:8px;padding:12px;border:1px solid var(--border);border-radius:6px;font-size:12px}.bottom-drawer .top-actions #new-game{margin:0;grid-column:1 / -1}.bottom-drawer .nation-title{margin:16px 0}.bottom-drawer .nation-title p,.bottom-drawer .control-label,.bottom-drawer .goal-label,.bottom-drawer .army-reserve>div:first-child,.bottom-drawer .economy span,.bottom-drawer .rank,.bottom-drawer .event{font-size:12px}.bottom-drawer #leaderboard,.bottom-drawer #dispatches{margin-top:20px}#quick-playback{margin:0;padding-left:16px;gap:6px}#quick-playback button{width:44px;height:44px;font-size:14px;border-radius:8px}.statusbar{padding-bottom:env(safe-area-inset-bottom);height:calc(24px + env(safe-area-inset-bottom))}@media(max-width:760px){.topbar{height:58px;padding:0 12px;gap:10px;padding-top:env(safe-area-inset-top);height:calc(58px + env(safe-area-inset-top))}.brand{gap:5px}.brand-mark{font-size:32px}.brand-mark>span{top:19px;width:19px;left:4px}.brand>span:last-child{font-size:17px;letter-spacing:2px}.header-stats{gap:12px}.stat strong{font-size:15px}.stat small{font-size:7px}.resource-strip{padding:7px 12px;min-height:48px;gap:8px}.resource-stat{gap:5px}.resource-stat strong{font-size:14px}.resource-rate{font-size:9px}.resource-stat small{font-size:8px}#quick-playback{padding-left:0;border:0;gap:2px}#quick-playback button{width:44px}.is-playing .brand>span:last-child{display:none}.bottom-nav{gap:2px;padding:6px 5px}.bottom-nav button{flex:1;max-width:110px;min-width:0;min-height:56px;width:auto;font-size:11px;gap:5px;padding:4px 2px}.bottom-nav button svg{width:21px;height:21px}.bottom-drawer{bottom:0;width:100%;border-radius:18px 18px 0 0;max-height:min(70dvh,calc(100% - 12px));border-bottom:0}.drawer-header{padding:12px 16px}.drawer-header h2{font-size:19px}#drawer-body{padding:16px}.map-heading{top:20px;left:16px;right:78px}.map-heading h1{font-size:20px;max-width:240px}.map-heading p{font-size:11px;line-height:1.6}.map-heading .eyebrow{font-size:7px}.map-controls{top:16px;right:12px}.map-hint{bottom:42px;font-size:11px}.map-legend{bottom:16px;left:16px;gap:12px;font-size:8px}.map-meta,.compass{display:none}#toast{top:16px;left:12px;transform:translateY(-8px);max-width:calc(100% - 84px);width:auto;font-size:11px;padding:10px}#toast.visible{transform:translateY(0)}.statusbar{font-size:7px;padding-left:12px;padding-right:12px}dialog{padding:22px;width:calc(100% - 24px)}dialog button{min-height:44px}}@media(max-height:500px)and (orientation:landscape){.topbar{height:48px}.resource-strip{min-height:38px;padding-top:3px;padding-bottom:3px}.bottom-nav{padding-top:3px;padding-bottom:3px}.bottom-nav button{flex-direction:row;min-height:44px}.bottom-drawer{max-height:calc(100% - 8px)}.drawer-header{padding:6px 16px}.drawer-header .eyebrow,.map-heading p,.map-heading .eyebrow,.statusbar{display:none}.map-controls{flex-direction:row;top:8px;right:8px}}.attack-bar{flex-shrink:0;background:#13262e;border-top:1px solid #75d7b033;padding:10px max(18px,calc((100vw - 900px)/2));z-index:8}.attack-toolbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.attack-summary{display:flex;flex-direction:column;gap:5px;flex:1;color:#a0b8ad;font-size:12px}.attack-heading{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.4px;color:#81a998}.attack-heading svg{width:14px;height:14px}.attack-summary strong{color:#d5e7dd;font-variant-numeric:tabular-nums}#active-ratio{color:#75d7b0}.attack-presets{display:flex;gap:6px}.attack-presets button{min-width:64px;min-height:44px;padding:9px 14px;border:1px solid #ffffff23;border-radius:8px;color:#b9cec3;background:#0e1d25;font-size:14px;font-weight:600}.attack-presets button[aria-pressed=true]{background:#75d7b0;border-color:#75d7b0;color:#102e25}.custom-attack-panel{display:flex;align-items:center;gap:14px;width:100%;padding-top:4px}.custom-attack-panel label{font-size:12px;color:#afc5ba;white-space:nowrap}.custom-attack-panel input{height:44px;accent-color:#75d7b0;flex:1;min-width:0;cursor:pointer}.custom-attack-panel output{min-width:36px;color:#75d7b0;font-size:14px;font-variant-numeric:tabular-nums}.attack-target #selection-card{display:flex;align-items:center;gap:18px;padding:10px 0 0;border:0;background:none}.target-copy{flex:1;min-width:0}.attack-target #selected-name{font-size:13px;color:#d1e1d8}.attack-target #selected-description{font-size:11px;color:#90aa9e;margin:3px 0 0;line-height:1.4;overflow-wrap:anywhere}.attack-target #selection-card .primary{width:auto;min-width:114px;min-height:44px;padding:9px 16px;margin:0;justify-content:center;gap:12px;flex-shrink:0;font-size:13px}#attack-feedback{color:#93ad9f;font-size:11px;line-height:1.5;padding-top:5px}.attack-bar+.bottom-nav{border-top-color:#ffffff0c}@media(max-width:760px){.attack-bar{padding:8px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))}.attack-toolbar{gap:7px}.attack-summary{flex-basis:100%;flex-direction:row;align-items:center;justify-content:space-between;font-size:11px}.attack-heading{font-size:8px;letter-spacing:1px}.attack-presets{width:100%;gap:6px}.attack-presets button{flex:1;min-width:0;padding:8px 4px;font-size:13px}.attack-target #selection-card{gap:10px;padding-top:7px}.attack-target #selected-name{font-size:12px}.attack-target #selected-description{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.attack-target #selection-card .primary{min-width:90px;max-width:48%;padding:8px 10px;font-size:12px}#attack-feedback{font-size:10px}.custom-attack-panel{gap:10px;padding-top:0}}@media(max-height:500px)and (orientation:landscape){.attack-bar{padding:4px 12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:0 16px}.attack-toolbar{gap:8px}.attack-summary{font-size:10px}.attack-heading{display:none}.attack-presets{width:auto}.attack-presets button{min-width:54px;padding:8px}.attack-target #selection-card{padding-top:0}.attack-target #selected-description{display:none}#attack-feedback{grid-column:1 / -1;font-size:10px;padding-top:1px}}:root{color-scheme:light;color:#223d5d;background:#edf6fc;--mint: #226ed4;--gold: #a76a12;--muted: #57718b;--border: #d5e2ed;--panel: #ffffff;--deep: #edf6fc}button:hover:not(:disabled){filter:brightness(.97)}.topbar{background:#fff;box-shadow:0 2px 10px #3060940a}.brand{color:#2261aa}.brand small,.session-label{color:#607b93}.brand-mark{display:block;flex-shrink:0;width:44px;height:44px;object-fit:contain}.muted,.stat small,.stat strong>span{color:#607991}.stat svg{color:#4f86be}.stat strong{font-weight:600}.live-dot{background:#36b584;box-shadow:none}.resource-strip{background:#f6faff;border-color:var(--border)}.resource-stat{border-radius:9px;padding:5px 10px}.resource-stat.food{color:#92600a;background:#fff1ce}.resource-stat.timber{color:#23704e;background:#e3f3e7}.resource-stat.ore{color:#6b4ca9;background:#ede7fb}.resource-stat small{color:inherit}.resource-rate{opacity:1}.resource-caption{color:#58738d}.map-area,#loading{background:var(--ocean-color, #6ccaea)}#loading small{color:#315e7b}.spinner{border-color:#fff7;border-top-color:#226ed4}.map-heading .eyebrow,.map-heading p{color:#275a7b}.map-heading h1{color:#173f65;font-weight:600}.map-controls{background:#ffffffed;border-color:#fff;border-radius:13px;box-shadow:0 4px 14px #22638526}.map-controls button{color:#315e8b;border-radius:9px}.map-controls button:hover{background:#e9f3fd}.map-controls span{background:#d9e6ef}.map-legend,.map-meta,.compass,.compass>div{color:#255976}.map-legend{background:#ffffffdb;border-radius:9px;padding:8px 10px}.map-meta button{border-color:#25597666}.swatch.yours{background:#397de0}.swatch.rival{background:#f17c77}.swatch.neutral{background:#94bc55}.map-hint{background:#fffaf0f5;border-color:#fff;color:#4b6075;border-radius:12px;box-shadow:0 5px 18px #27618020}.bottom-nav{background:#fff;border-color:var(--border)}.bottom-nav button{color:#486480;font-weight:600}.bottom-nav button:hover,.bottom-nav button.active{color:#225fa4;background:#eaf3ff;border-color:#c4dcf7}.bottom-nav #dock-start{color:#225fa4;background:#eaf3ff}#dock-build svg{color:#d66b49}#dock-nation svg{color:#367ccc}#dock-map svg{color:#249b96}#dock-more svg{color:#bd8823}.bottom-drawer{color:#223d5d;background:#fffffffa;border-color:#fff;box-shadow:0 12px 45px #245a8040}.drawer-header{background:#f5f9ff;border-radius:18px 18px 0 0}.drawer-header .eyebrow{color:#3979b6}#close-drawer{color:#486b8c;background:#fff;border-color:#d7e4ee}#drawer-body{scrollbar-color:#b4cbdf transparent}.bottom-drawer p,.panel-intro,.world-size-note span,.intro{color:#536e86}.world-size-note{background:#f2f7fe}.section-label,.field-label,.location-heading>span{color:#536e86}.step{border-color:#bcd8f2}input:not([type=range]),select,select option,.deposit-filter,.deposit-filter option{color:#294a69;background:#f7faff;border-color:#c9dbea;border-radius:9px}.region{color:#496782;background:#f7faff;border-color:#d7e4ee;border-radius:8px}.region:hover,.region.selected{color:#225fa4;background:#e5f0ff;border-color:#83b3ec}.region-dot{border-color:#91aac0}#location-card{background:#f7faff;border-color:#c6d7e7;border-radius:10px}#location-card.chosen{background:#eef6ff;border-color:#a7c9f0}#location-card strong{color:#294a69}#location-card small,.location-icon{color:#597690}.primary{color:#fff;background:#2975d4;border-radius:9px;box-shadow:0 3px #1c5ca4}.primary:disabled{background:#dce7f0;color:#6d8296;box-shadow:none}.quiet-button{color:#365d83;background:#f1f7fe;border-color:#c9dced;border-radius:8px}.resume{color:#226ed4}.bottom-drawer .building-options .building{color:#345778;background:#f1f7ff;border-color:#cfdfef;border-radius:12px}.bottom-drawer .building-options .building svg{color:#3f86ca}.bottom-drawer .building-options .building[data-build=city]{background:#fff5e6;border-color:#efdab9}.bottom-drawer .building-options .building[data-build=city] svg{color:#c27c23}.bottom-drawer .building-options .building[data-build=fort]{background:#f3edfc;border-color:#ddd0ee}.bottom-drawer .building-options .building[data-build=fort] svg{color:#8a5ebc}.bottom-drawer .building-options .building.active{outline:2px solid #2975d4;outline-offset:1px}.bottom-drawer .building-options .building small{color:#60758c}.build-guide strong,.nation-title h2{color:#284d70}.nation-title p,.control-label,.goal-label,.economy span,.economy small,.army-reserve>div:first-child{color:#58728b}.bottom-drawer .map-switch{background:#eef4fa;border-color:#d1e0ed;border-radius:10px}.bottom-drawer .map-switch button{color:#526d87;border-radius:7px}.bottom-drawer .map-switch button.active{background:#fff;color:#2265b1;box-shadow:0 2px 5px #30557b16}.bottom-drawer #labels,.bottom-drawer .top-actions #save,.bottom-drawer .top-actions #help{color:#365d83;background:#f1f7fe}.top-actions>#clock{color:#526f89}.nation-emblem{color:#397de0;background:#edf4ff;border-color:#c9ddf6}.economy strong{color:#284d70}.progress{background:#e1eaf2}.army-reserve .progress i{background:#68a4e3}.rank-num,.rank small{color:#607992}.rank>span:not(.rank-num),.rank>strong{color:#345878}.rank.you{background:#eaf3ff}.rank.you>span{color:#2265b1}.rank:hover{background:#f1f6fc}.event{color:#55718b}.event time{color:#6d8398}.event.success{color:#287c58}.event.danger{color:#bd583f}.attack-bar{background:#fffdf6;border-color:#e4d8b9;box-shadow:0 -4px 18px #3c698414}.attack-summary,.attack-heading{color:#63718a}.attack-summary strong{color:#294a69}#active-ratio{color:#936719}.attack-presets button{background:#fff;color:#4b627c;border-color:#d6dfeb;border-radius:10px;box-shadow:0 2px #dfe7ef}.attack-presets button[aria-pressed=true]{background:#ffcf57;border-color:#e8b442;color:#573d13;box-shadow:0 3px #ddb14b}.custom-attack-panel label{color:#5b7188}.custom-attack-panel input{accent-color:#2775d4}.custom-attack-panel output{color:#2265b1;font-weight:600}.attack-target #selected-name{color:#294a69}.attack-target #selected-description,#attack-feedback{color:#5c738a}.attack-bar+.bottom-nav{border-color:#e5e9ee}#quick-playback button{color:#386389;background:#eef5fc;border:1px solid #d5e4f0}.statusbar{background:#eaf3fa;color:#5a7790}.statusbar>span:first-child{color:#486b87}.statusbar b{color:#94aabd}#toast{color:#285d48;background:#f0fff6;border-color:#a7d8bc;box-shadow:0 5px 22px #28536d26;border-radius:10px}#toast.error{color:#9f4936;background:#fff2e9;border-color:#e4b49e}dialog{color:#284d70;background:#fff;border-color:#d6e5f1;border-radius:18px;box-shadow:0 25px 90px #214d7955}dialog::backdrop{background:#244f7973}dialog p,dialog li{color:#536e86}dialog strong{color:#284d70}dialog .manual-shortcuts{color:#526f89;background:#edf5fe;border-radius:9px}.dialog-close{color:#547490}@media(max-width:760px){.brand-mark{width:34px;height:34px}.resource-stat{padding:4px 6px}.resource-strip{gap:6px}.map-legend{padding:6px 8px}}.appearance-setting{display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.appearance-setting>div{flex:1}.appearance-setting strong{font-size:14px}.appearance-setting p{margin:5px 0 0;font-size:12px}.appearance-setting button[role=switch]{display:grid;place-items:center;min-width:58px;min-height:44px;padding:5px;border-radius:10px}.theme-switch-track{display:block;width:46px;height:26px;padding:3px;background:#8a9eb4;border-radius:20px}.theme-switch-track>span{display:block;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #13243d33}.appearance-setting button[role=switch][aria-checked=true] .theme-switch-track{background:#72b3ff}.appearance-setting button[role=switch][aria-checked=true] .theme-switch-track>span{transform:translate(20px);background:#15253d}:root[data-ui-theme=dark]{color-scheme:dark;color:#e3edf9;background:#152033;--mint: #87baff;--gold: #f1c767;--muted: #a4b6cc;--border: #35455d;--panel: #202d43;--deep: #152033}[data-ui-theme=dark] .topbar,[data-ui-theme=dark] .bottom-nav{background:#1b273b}[data-ui-theme=dark] .brand{color:#a5cdff}[data-ui-theme=dark] .brand small,[data-ui-theme=dark] .session-label,[data-ui-theme=dark] .muted,[data-ui-theme=dark] .stat small,[data-ui-theme=dark] .stat strong>span{color:#a5b7cd}[data-ui-theme=dark] .stat svg{color:#87baff}[data-ui-theme=dark] .resource-strip{background:#202e43}[data-ui-theme=dark] .resource-stat.food{background:#443b29;color:#f1cf7c}[data-ui-theme=dark] .resource-stat.timber{background:#243e3d;color:#91d9b2}[data-ui-theme=dark] .resource-stat.ore{background:#35344d;color:#c2b5f2}[data-ui-theme=dark] .resource-caption{color:#adbed2}[data-ui-theme=dark] #loading strong{color:#223d5d}[data-ui-theme=dark] .map-controls{background:#202d43f5;border-color:#465873}[data-ui-theme=dark] .map-controls button{color:#c2d9f3}[data-ui-theme=dark] .map-controls button:hover{background:#32445e}[data-ui-theme=dark] .map-controls span{background:#40516a}[data-ui-theme=dark] .map-hint{background:#202d43f5;border-color:#465873;color:#d2e0f2}[data-ui-theme=dark] .bottom-nav button{color:#b5c6dc}[data-ui-theme=dark] .bottom-nav button:hover,[data-ui-theme=dark] .bottom-nav button.active,[data-ui-theme=dark] .bottom-nav #dock-start{color:#bbdaff;background:#2c405e;border-color:#48658b}[data-ui-theme=dark] #dock-build svg{color:#f4a185}[data-ui-theme=dark] #dock-nation svg{color:#85baff}[data-ui-theme=dark] #dock-map svg{color:#71cdc6}[data-ui-theme=dark] #dock-more svg{color:#edc36e}[data-ui-theme=dark] .bottom-drawer{color:#e3edf9;background:#202d43fc;border-color:#43536c;box-shadow:0 12px 45px #15223866}[data-ui-theme=dark] .drawer-header{background:#26364f}[data-ui-theme=dark] .drawer-header .eyebrow{color:#a4caff}[data-ui-theme=dark] #close-drawer{color:#d2e1f4;background:#30425e;border-color:#4b6080}[data-ui-theme=dark] #drawer-body{scrollbar-color:#566b88 transparent}[data-ui-theme=dark] .bottom-drawer p,[data-ui-theme=dark] .panel-intro,[data-ui-theme=dark] .world-size-note span,[data-ui-theme=dark] .intro,[data-ui-theme=dark] .section-label,[data-ui-theme=dark] .field-label,[data-ui-theme=dark] .location-heading>span{color:#afc0d5}[data-ui-theme=dark] .world-size-note{background:#263751}[data-ui-theme=dark] input:not([type=range]),[data-ui-theme=dark] select,[data-ui-theme=dark] select option,[data-ui-theme=dark] .deposit-filter option{color:#d9e7f8;background:#17253a;border-color:#465a76}[data-ui-theme=dark] .region{color:#bbcee5;background:#263750;border-color:#405775}[data-ui-theme=dark] .region:hover,[data-ui-theme=dark] .region.selected{color:#d3e7ff;background:#334d70;border-color:#7aafe9}[data-ui-theme=dark] #location-card{background:#1b293f;border-color:#445b79}[data-ui-theme=dark] #location-card.chosen{background:#293f5e;border-color:#7099c9}[data-ui-theme=dark] #location-card strong{color:#dfebfa}[data-ui-theme=dark] #location-card small,[data-ui-theme=dark] .location-icon{color:#afc5df}[data-ui-theme=dark] .primary:disabled{background:#35445a;color:#a6b6cb}[data-ui-theme=dark] .quiet-button{color:#c8dffb;background:#2b3e59;border-color:#4b6282}[data-ui-theme=dark] .resume{color:#93c3ff}[data-ui-theme=dark] .bottom-drawer .building-options .building{color:#d4e6fd;background:#283e59;border-color:#4b6380}[data-ui-theme=dark] .bottom-drawer .building-options .building svg{color:#92c5ff}[data-ui-theme=dark] .bottom-drawer .building-options .building[data-build=city]{background:#41392f;border-color:#75634c}[data-ui-theme=dark] .bottom-drawer .building-options .building[data-build=city] svg{color:#ecc283}[data-ui-theme=dark] .bottom-drawer .building-options .building[data-build=fort]{background:#3b3453;border-color:#685885}[data-ui-theme=dark] .bottom-drawer .building-options .building[data-build=fort] svg{color:#c6a4f1}[data-ui-theme=dark] .bottom-drawer .building-options .building small{color:#bac9dc}[data-ui-theme=dark] .build-guide strong,[data-ui-theme=dark] .nation-title h2,[data-ui-theme=dark] .economy strong{color:#e0ebf9}[data-ui-theme=dark] .nation-title p,[data-ui-theme=dark] .control-label,[data-ui-theme=dark] .goal-label,[data-ui-theme=dark] .economy span,[data-ui-theme=dark] .economy small,[data-ui-theme=dark] .army-reserve>div:first-child{color:#adbed4}[data-ui-theme=dark] .bottom-drawer .map-switch{background:#17253a;border-color:#415570}[data-ui-theme=dark] .bottom-drawer .map-switch button{color:#afc4de}[data-ui-theme=dark] .bottom-drawer .map-switch button.active{background:#354d6f;color:#e1efff}[data-ui-theme=dark] .bottom-drawer #labels,[data-ui-theme=dark] .bottom-drawer .top-actions #save,[data-ui-theme=dark] .bottom-drawer .top-actions #help{color:#c8dffb;background:#2b3e59}[data-ui-theme=dark] .top-actions>#clock{color:#bbcee5}[data-ui-theme=dark] .nation-emblem{color:#a0c9ff;background:#2e4362;border-color:#4e6a90}[data-ui-theme=dark] .progress{background:#394b65}[data-ui-theme=dark] .rank-num,[data-ui-theme=dark] .rank small,[data-ui-theme=dark] .event time{color:#9db3cf}[data-ui-theme=dark] .rank>span:not(.rank-num),[data-ui-theme=dark] .rank>strong{color:#d0def0}[data-ui-theme=dark] .rank.you,[data-ui-theme=dark] .rank:hover{background:#2c405c}[data-ui-theme=dark] .rank.you>span{color:#afd2ff}[data-ui-theme=dark] .event{color:#afc3de}[data-ui-theme=dark] .event.success{color:#96d5b3}[data-ui-theme=dark] .event.danger{color:#f2aa95}[data-ui-theme=dark] .attack-bar{background:#202c40;border-color:#43536c}[data-ui-theme=dark] .attack-summary,[data-ui-theme=dark] .attack-heading{color:#aebfd6}[data-ui-theme=dark] .attack-summary strong,[data-ui-theme=dark] .attack-target #selected-name{color:#e1ecfa}[data-ui-theme=dark] #active-ratio{color:#f1cd7d}[data-ui-theme=dark] .attack-presets button{color:#c3d3e8;background:#2c3c54;border-color:#4a5e7b;box-shadow:0 2px #142034}[data-ui-theme=dark] .attack-presets button[aria-pressed=true]{background:#ffcf57;border-color:#e8b442;color:#573d13;box-shadow:0 3px #9c792b}[data-ui-theme=dark] .custom-attack-panel label,[data-ui-theme=dark] .attack-target #selected-description,[data-ui-theme=dark] #attack-feedback{color:#adbed5}[data-ui-theme=dark] .custom-attack-panel input{accent-color:#87baff}[data-ui-theme=dark] .custom-attack-panel output{color:#a2ccff}[data-ui-theme=dark] .attack-bar+.bottom-nav{border-color:#35455d}[data-ui-theme=dark] #quick-playback button{color:#c5ddfa;background:#2d405b;border-color:#485d7b}[data-ui-theme=dark] .statusbar{background:#172338;color:#9db3cd}[data-ui-theme=dark] .statusbar>span:first-child{color:#b2c7df}[data-ui-theme=dark] #toast{color:#c3edda;background:#253e3c;border-color:#577b6c}[data-ui-theme=dark] #toast.error{color:#f7cab7;background:#473735;border-color:#966b5c}[data-ui-theme=dark] dialog{color:#e0ecfb;background:#202d43;border-color:#526885}[data-ui-theme=dark] dialog p,[data-ui-theme=dark] dialog li{color:#b4c7df}[data-ui-theme=dark] dialog strong{color:#e0ecfb}[data-ui-theme=dark] dialog .manual-shortcuts{color:#b9d0ed;background:#2c3f5b}[data-ui-theme=dark] .dialog-close{color:#b9d0ed}.resource-stat.gold{background:#fff0bf;color:#8b5a05}.income-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.income-grid small{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.income-grid strong{font-size:19px}.gold-economy,.diplomacy-panel{border-top:1px solid var(--border);padding-top:18px;margin-top:20px}.gold-economy summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;font-weight:600}.bottom-drawer .economy-note,#route-list{font-size:12px;line-height:1.6;color:var(--muted)}.route-row{border-bottom:1px solid var(--border);padding-bottom:10px}.diplomacy-panel .field-label{margin-top:16px}.diplomacy-actions{display:flex;gap:10px;flex-wrap:wrap}.diplomacy-actions button{flex:1}.bottom-drawer .building-options{display:grid;grid-template-columns:repeat(2,1fr)}.bottom-drawer .building-options .building[data-build=station]{background:#e8f4ef;border-color:#bddacd}.bottom-drawer .building-options .building[data-build=station] svg{color:#317860}#show-routes{display:block;width:100%;min-height:44px;margin:12px 0}[data-ui-theme=dark] .resource-stat.gold{background:#4b3e22;color:#f5d173}[data-ui-theme=dark] .bottom-drawer .building-options .building[data-build=station]{background:#29453f;border-color:#52796b}[data-ui-theme=dark] .bottom-drawer .building-options .building[data-build=station] svg{color:#99d8bd}@media(max-width:760px){.resource-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.resource-stat{min-width:0;display:grid;grid-template-columns:12px minmax(0,1fr);gap:0 4px}.resource-stat strong{font-size:12px}.resource-stat small{font-size:7px}.resource-rate{grid-column:2;font-size:8px;margin:1px 0 0}.resource-symbol{font-size:12px}.attack-target #selection-card{flex-wrap:wrap}#open-diplomacy{min-height:36px;padding:8px;font-size:11px}}:root{--command-bg: #fffdf6;--command-ink: #294a69;--command-muted: #60758b;--command-button: #fff;--command-line: #d5e0eb}:root[data-ui-theme=dark]{--command-bg: #202c40;--command-ink: #e1ecfa;--command-muted: #adbed5;--command-button: #2c3c54;--command-line: #4a5e7b}#attack-bar{display:grid;grid-template-columns:minmax(230px,.5fr) minmax(550px,1.5fr);gap:6px 18px;padding:10px max(16px,calc((100vw - 1300px)/2)) max(8px,env(safe-area-inset-bottom));background:var(--command-bg);color:var(--command-ink)}#attack-bar .attack-toolbar{display:block}#attack-bar .attack-presets{width:100%;gap:6px}#attack-bar .attack-presets button{flex:1;min-width:0;min-height:56px;padding:8px}#attack-bar .building-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0}#attack-bar .building{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;min-width:0;padding:5px;border:1px solid var(--command-line);border-radius:10px;color:var(--command-ink);background:var(--command-button);font-size:11px}#attack-bar .building-art{width:32px;height:32px;object-fit:contain}#attack-bar .building{gap:2px}#attack-bar .building-cost{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2px;padding:4px 5px;border-radius:6px;background:#fff0bb;color:#744707;font-size:13px;font-weight:750;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}#attack-bar .building-price{font-size:inherit}#attack-bar .gold-coin{flex:0 0 11px;width:11px;height:11px;border:1px solid #a8650d;border-radius:50%;background:#f9c543;box-shadow:inset 0 0 0 2px #ffe997}#attack-bar .gold-unit{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#attack-bar .building:disabled{filter:none;opacity:1;cursor:not-allowed;box-shadow:none;background:var(--command-bg);border-style:dashed}#attack-bar .building:disabled .building-art{filter:grayscale(.85);opacity:.55}#attack-bar .building:disabled .building-label{color:var(--command-muted)}#attack-bar .building:not(:disabled){border-color:#8baecc;box-shadow:0 2px #b6c9d9}#attack-bar .building .building-availability{margin:2px 0 0;color:#286148;font-size:9px;font-weight:650;line-height:1.2;white-space:nowrap}#attack-bar .building:disabled{background:#edf0f3;border-color:#c7cfd7}#attack-bar .building:disabled .building-art{filter:grayscale(1);opacity:.4}#attack-bar .building:disabled .building-cost{color:#963b35;background:#fae2de}#attack-bar .building:disabled .building-availability{color:#963b35}[data-ui-theme=dark] #attack-bar .building-cost{color:#ffdc83;background:#514020}[data-ui-theme=dark] #attack-bar .building:not(:disabled){border-color:#7295bb;box-shadow:0 2px #132236}[data-ui-theme=dark] #attack-bar .building .building-availability{color:#a4e1bd}[data-ui-theme=dark] #attack-bar .building:disabled{background:#242c38;border-color:#4d5663}[data-ui-theme=dark] #attack-bar .building:disabled .building-cost{color:#ffb9b0;background:#523333}[data-ui-theme=dark] #attack-bar .building:disabled .building-availability{color:#ffb9b0}#attack-bar .building[aria-pressed=true]{background:#ddecff;border-color:#377ec6;box-shadow:0 0 0 1px #377ec6;color:#21466f}[data-ui-theme=dark] #attack-bar .building[aria-pressed=true]{background:#365474;color:#edf6ff;border-color:#9acbff;box-shadow:0 0 0 1px #9acbff}#attack-bar .command-status{display:flex;align-items:center;gap:16px;grid-column:1 / -1;height:44px;min-height:44px;min-width:0}#attack-bar #cancel-build{flex-shrink:0;min-width:64px;min-height:44px;padding:8px 12px}#attack-bar .attack-summary{flex:0 0 auto;font-size:11px;color:var(--command-muted)}#attack-bar .attack-heading{display:none}#attack-bar .attack-target{min-width:0;flex:0 1 auto}#attack-bar #selection-card{margin:0;padding:0;gap:8px;flex-wrap:nowrap}#attack-bar #selected-name{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}#attack-bar #selected-description{display:none}#attack-bar #attack-feedback{flex:1;min-width:0;padding:0;font-size:11px;color:var(--command-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#attack-bar #custom-attack-panel{grid-column:1 / -1;padding:0}#attack-bar #open-diplomacy{padding:4px 10px;height:44px;min-height:44px;flex-shrink:0;white-space:nowrap;font-size:11px}#app .statusbar{display:none}.menu-button{flex-shrink:0;width:44px;min-height:44px;border:1px solid var(--command-line);border-radius:10px;background:var(--command-button);color:var(--command-ink);font-size:22px}.start-button{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:3;min-height:48px;padding:10px 24px;border-radius:12px;background:#ffcf57;color:#573d13;border:1px solid #e8b442;box-shadow:0 3px #ddb14b;font-weight:600}.resource-strip button.resource-stat{font:inherit;text-align:left;border:1px solid transparent;cursor:pointer;min-height:44px}.resource-strip button.resource-stat[aria-pressed=true]{outline:2px solid currentColor;outline-offset:1px}.resource-strip button.resource-stat:disabled{cursor:default;opacity:1}#app .resource-art{display:block;flex:0 0 28px;width:28px;height:28px;object-fit:contain}.is-playing .map-hint.placing{display:none}.is-playing .map-hint.placing.town-preview{display:flex;bottom:12px;pointer-events:none;padding:8px 12px;font-weight:600;font-variant-numeric:tabular-nums}.map-hint.town-preview svg{display:none}.is-playing .map-meta,.is-playing .compass{display:none}.is-playing .map-legend{bottom:12px;pointer-events:none}#diplomacy-dialog .diplomacy-actions{display:flex;gap:10px;flex-wrap:wrap}#diplomacy-dialog .diplomacy-actions button{min-height:44px}button:focus-visible{outline:3px solid #3684d6;outline-offset:2px}#app .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:76px}.header-identity,.header-actions{display:flex;align-items:center;min-width:0;gap:16px}#app .brand>span:last-child{font-size:22px;letter-spacing:.2px}#app .brand small{letter-spacing:2px}@media(max-width:1500px){.header-identity .session-label,.header-identity .top-divider{display:none}}.header-actions{justify-content:flex-end}#app .header-stats{margin-left:0}.troop-counter{min-width:160px;text-align:center;color:var(--command-ink);font-variant-numeric:tabular-nums}.header-balances{display:flex;align-items:center;justify-content:center;gap:24px;min-width:0}.gold-counter{border-left:1px solid var(--command-line);padding-left:24px}.gold-counter strong{color:#976006}[data-ui-theme=dark] .gold-counter strong{color:#ffda7c}.troop-counter small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--command-muted)}#troops-stat,#gold-stat{display:block;font-family:Space Grotesk,sans-serif;font-size:34px;line-height:1.15;font-weight:700}@media(max-width:1200px){.header-identity .session-label,.header-identity .top-divider{display:none}}@media(max-width:760px){#attack-bar{grid-template-columns:1fr;gap:6px;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}#attack-bar .attack-presets button{min-height:44px}#attack-bar .building{min-height:52px}#attack-bar .building-cost{font-size:11px;gap:3px;padding:4px}#attack-bar .command-status{gap:10px}#attack-bar .attack-summary{font-size:10px;flex-basis:auto}#attack-bar .attack-target{margin-left:auto}#attack-bar #selected-name{max-width:150px;font-size:10px}#attack-bar #attack-feedback,#attack-bar.placing .attack-summary{display:none}#attack-bar.placing .attack-target{margin-left:0}#attack-bar.placing #attack-feedback{display:block;font-size:10px}#app .topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding-left:10px;padding-right:10px}.header-identity{gap:0}#app .header-actions{gap:4px}#app .header-stats{display:none}#app .header-identity .brand>span:last-child{display:none}.header-balances{gap:8px}.troop-counter{min-width:0;flex:1}.gold-counter{padding-left:8px}.troop-counter small{font-size:7px;letter-spacing:.3px;white-space:nowrap}#troops-stat,#gold-stat{font-size:26px}#app .header-stats{gap:10px}#quick-playback{gap:2px}#quick-playback button,.menu-button{width:40px}#app .resource-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px 8px}#app .resource-stat{display:flex;justify-content:center;gap:4px;padding:4px;min-width:0}#app .resource-symbol{font-size:13px}#app .resource-art{flex-basis:24px;width:24px;height:24px}#app .resource-stat strong{font-size:13px}#app .resource-rate,#app .resource-caption{display:none}.start-button{bottom:20px}}@media(max-width:380px){#attack-bar .building{padding:4px 2px}#attack-bar .building-cost{font-size:10px;gap:2px;padding:4px 3px}#attack-bar .gold-coin{flex-basis:9px;width:9px;height:9px}#app .topbar{gap:4px;padding-left:6px;padding-right:6px}#app .header-actions{gap:2px}#app #quick-playback{gap:0}#app #quick-playback button{width:30px}#app .menu-button{width:34px}#troops-stat,#gold-stat{font-size:22px}#attack-bar .building .building-availability{font-size:8px}}@media(max-height:500px)and (orientation:landscape){#app .topbar{min-height:48px;height:48px;padding-top:env(safe-area-inset-top);padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}#app .brand-mark{width:34px;height:34px;font-size:27px}#app #troops-stat,#app #gold-stat{font-size:26px}#app .resource-strip{min-height:44px;padding-top:0;padding-bottom:0}#app .resource-stat{min-height:44px;padding-top:2px;padding-bottom:2px}#app .resource-caption{display:none}#attack-bar{grid-template-columns:minmax(200px,.5fr) minmax(294px,1.5fr);gap:3px 12px;padding-top:4px;padding-bottom:4px}#attack-bar .building{flex-direction:column;gap:1px;min-height:52px}#attack-bar .building-art{width:24px;height:24px}#attack-bar .building-label{font-size:9px}#attack-bar .building-cost{font-size:11px}#attack-bar .attack-presets button{min-height:44px}}@media(max-width:760px)and (max-height:500px)and (orientation:landscape){#attack-bar .building{flex-direction:column;gap:1px;min-height:52px}#attack-bar .building-art{width:24px;height:24px}#attack-bar .building-label{font-size:9px}#attack-bar .attack-presets button{min-height:52px}}#troop-growth{white-space:nowrap;font-variant-numeric:tabular-nums}.resource-stat.fields{color:#326c55;background:#e3f3e7}[data-ui-theme=dark] .resource-stat.fields{color:#a5e1bb;background:#263e36}.resource-strip button.resource-stat.fields.growth-capped{color:#865309;background:#fff0c9;border-color:#dba83f}[data-ui-theme=dark] .resource-strip button.resource-stat.fields.growth-capped{color:#f7d17e;background:#493d26;border-color:#a78034}@media(max-width:960px){#app .header-stats{display:none}}#gold-rate{white-space:nowrap;font-variant-numeric:tabular-nums}.attack-hover{position:fixed;z-index:30;pointer-events:none;box-sizing:border-box;width:290px;max-width:calc(100vw - 16px);padding:14px 16px;border:1px solid #b5d4ef88;border-radius:14px;background:linear-gradient(145deg,#253e5ce8,#14283fe8);color:#f4f8ff;box-shadow:0 6px 22px #10263e45,inset 0 1px #ffffff14;font:13px/1.4 Segoe UI,sans-serif}.attack-hover{left:0;top:0;contain:layout style}.attack-hover:not([hidden]){will-change:transform}.nation-hover-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px}.nation-hover-colour{flex:0 0 12px;height:12px;border:2px solid #fff;border-radius:4px}.nation-hover-name{min-width:0;flex:1;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.nation-hover-badge{flex:0 0 24px}.nation-hover-title{margin:-8px 0 12px;font-size:12px;font-weight:600;color:#ffe2a0}#diplomacy-badge{flex:0 0 24px}#diplomacy-player-title{margin:2px 0 8px;color:var(--command-muted);font-size:12px;font-weight:600}.nation-hover-relation{flex-shrink:0;padding:2px 6px;border:1px solid #bad1ed99;border-radius:20px;color:#d2e3f8;font-size:9px;letter-spacing:.7px;text-transform:uppercase;font-weight:700}.attack-hover[data-relation=hostile] .nation-hover-relation{border-color:#ff9a9588;color:#ffb3a9}.attack-hover[data-relation=allied] .nation-hover-relation{border-color:#8de2bd88;color:#b3f1d1}.nation-hover-stat{display:flex;justify-content:space-between;gap:12px;margin-top:6px;color:#c7d9ee}.nation-hover-stat strong{color:#fff;font-size:17px;font-variant-numeric:tabular-nums}.nation-hover-action{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid #bad1ed40;color:#ffdc75}.nation-hover-action svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nation-hover-action[hidden]{display:none}.nation-hover-action-label{display:block;font-size:11px}.nation-hover-amount{display:block;font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums}.nation-hover-detail{margin-top:7px;font-size:11px;color:#c7d9ee}.attack-hover.unavailable .nation-hover-action{color:#c7d9ee}.attack-hover.unavailable .nation-hover-action-label{font-size:13px;font-weight:600}.attack-hover.unavailable .nation-hover-amount{display:none}.attack-hover.site-tooltip{width:260px;padding:11px 13px;border-radius:12px;font-size:12px}.site-hover-title{display:block;font-size:13px}.site-hover-owner{display:block;color:#b7cee5;font-size:10px;margin:2px 0 7px}.site-hover-benefit{color:#ffdf7e;font-weight:700}.site-hover-detail{color:#d3e0ee;margin-top:5px;font-size:11px}#bottom-drawer{position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);z-index:40}#dock-panel-more .top-actions{display:block}#dock-panel-more #new-game{width:100%}#dock-panel-more .appearance-setting{margin-top:16px;padding-top:16px}#dock-panel-more .appearance-setting button[role=switch]{flex:0 0 58px;display:grid;width:58px;margin:0;border:0;background:transparent}#app .header-stats{display:flex;align-items:center;gap:16px;height:auto}#clock{color:var(--command-muted);font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:960px){#app .header-stats{gap:8px}#app .header-stats .stat{min-width:0;gap:4px}#app .header-stats .stat svg,#app .header-stats .stat small{display:none}#app .header-stats .stat strong{font-size:13px}}@media(max-width:760px){#app .header-actions{display:grid;grid-template-columns:auto auto;gap:3px 4px}#app .header-stats{grid-column:1 / -1;justify-content:flex-end;gap:8px}#clock,#app .header-stats .stat strong{font-size:11px}#app .header-stats .stat strong>span{font-size:10px}#app .header-actions #quick-playback{padding:0;border:0}#app .header-actions .menu-button{justify-self:end}}@media(max-height:500px)and (orientation:landscape){#app .header-actions{display:flex}#app .header-stats{margin-right:6px}}#nation-actions{position:fixed;z-index:35;width:260px;max-width:calc(100vw - 16px);padding:10px 12px 12px;border:1px solid var(--command-line);border-radius:14px;background:var(--command-bg);color:var(--command-ink);box-shadow:0 8px 26px #10263e40;overflow-y:auto;overscroll-behavior:contain}#nation-actions header{display:flex;align-items:center;gap:6px}#nation-actions h2{flex:1;min-width:0;margin:0;font-size:16px;overflow-wrap:anywhere}#close-diplomacy{flex:0 0 36px;width:36px;height:36px;border-radius:8px;font-size:24px;background:var(--command-button)}#nation-actions p{margin:2px 0 10px;color:var(--command-muted);font-size:12px;line-height:1.4}#nation-actions .diplomacy-actions{display:grid;gap:7px}#nation-actions .diplomacy-actions button{min-height:44px;padding:8px 10px;border:1px solid var(--command-line);border-radius:9px;background:var(--command-button);color:var(--command-ink);font-size:13px;text-align:left;white-space:normal}#nation-actions #nation-attack:not(:disabled){background:#fbe1d9;border-color:#dc9f91;color:#8a332c;font-weight:650}[data-ui-theme=dark] #nation-actions #nation-attack:not(:disabled){background:#563832;color:#ffd0c1;border-color:#a36e60}#nation-actions #nation-attack-reason{margin:9px 0 0}#attack-bar .attack-toolbar{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:6px}#attack-bar .attack-summary,#attack-bar.placing .attack-summary{display:block;flex:none;margin:0;text-align:center;font-size:12px;line-height:18px;color:var(--command-ink)}#attack-bar .attack-summary strong{color:inherit}#attack-bar #custom-attack-panel{padding:0}#attack-bar .command-actions{display:flex;align-items:stretch;gap:10px;min-width:0}#attack-bar .building-options{flex:1;min-width:0;grid-template-columns:repeat(7,minmax(64px,1fr));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 2px 4px}#attack-bar .military-actions{position:relative;display:grid;grid-template-columns:repeat(3,68px);flex:0 0 auto;gap:6px;padding:2px 0 4px 10px;border-left:1px solid var(--command-line)}#attack-bar .military-actions[data-expanded=true]{grid-template-columns:repeat(4,68px)}#attack-bar #buy-warship:not(:disabled){background:#d9edfc;color:#174d78;border-color:#79acce}[data-ui-theme=dark] #attack-bar #buy-warship:not(:disabled){background:#234762;color:#d8f0ff}#attack-bar #buy-warship[aria-pressed=true]{outline:2px solid #4097de;outline-offset:1px}#attack-bar .airstrike-action:not(:disabled){background:#e9e8ff;color:#484887;border-color:#9695ce}[data-ui-theme=dark] #attack-bar .airstrike-action:not(:disabled){background:#393e67;color:#e9e8ff}#attack-bar .airstrike-action[aria-pressed=true]{outline:2px solid #a7a3f4;outline-offset:1px}#attack-bar .nuclear-action{background:#c83948;color:#fff;border:1px solid #aa2638;box-shadow:0 2px #8f2332}#attack-bar .nuclear-action .building-label,#attack-bar .nuclear-action .building-availability{color:#fff}#attack-bar .nuclear-action .building-cost{background:#ffe7a5;color:#713a0c}#attack-bar .nuclear-action:disabled{background:#efc4c9;color:#8d3945;border-color:#c88d95;border-style:dashed;box-shadow:none}#attack-bar .nuclear-action:disabled .building-label,#attack-bar .nuclear-action:disabled .building-availability{color:#8d3945}#attack-bar .nuclear-action[aria-pressed=true]{background:#a71f33;outline:2px solid #ffaf9d;outline-offset:1px}[data-ui-theme=dark] #attack-bar .nuclear-action:disabled{background:#623640;color:#e8a8b1;border-color:#9c626c}[data-ui-theme=dark] #attack-bar .nuclear-action:disabled .building-label,[data-ui-theme=dark] #attack-bar .nuclear-action:disabled .building-availability{color:#e8a8b1}@media(max-width:760px){#attack-bar .command-actions{gap:6px}#attack-bar .building-options{grid-template-columns:repeat(7,minmax(66px,1fr));gap:5px}#attack-bar .military-actions{grid-template-columns:repeat(3,64px);gap:5px;padding-left:6px}#attack-bar .building{padding:4px 2px}#attack-bar .building-cost{font-size:11px;gap:2px;padding:4px 3px}}@media(max-width:1120px)and (min-height:501px){#attack-bar{grid-template-columns:minmax(0,1fr)}}#nuke-picker{position:absolute;right:0;bottom:calc(100% + 10px);z-index:12;width:min(320px,calc(100vw - 20px));max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;padding:8px;background:var(--command-bg);color:var(--command-ink);border:1px solid var(--command-line);border-radius:14px;box-shadow:0 8px 28px #13253c55}#nuke-picker header{display:flex;align-items:center;justify-content:space-between;padding-left:5px;font-size:14px}#close-nuke-picker{width:44px;height:44px;border-radius:8px;color:var(--command-ink);font-size:25px}.nuke-choices{display:grid;gap:6px}.nuke-choices button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:60px;padding:8px;text-align:left;border:1px solid #c84350;border-radius:10px;background:#fff0eb;color:#872638}.nuke-choices button[data-warhead=heavy]{background:#ffe1dd}.nuke-choice-name{font-size:14px;font-weight:700}.nuke-choices button:disabled{opacity:1;background:var(--command-button);color:var(--command-muted);border:1px dashed var(--command-line);cursor:not-allowed}.nuke-choices button:disabled img{filter:grayscale(1);opacity:.45}[data-ui-theme=dark] .nuke-choices button:not(:disabled){background:#52313a;color:#ffd9d0;border-color:#c67b81}[data-ui-theme=dark] .nuke-choices button[data-warhead=heavy]:not(:disabled){background:#682f3a}#attack-bar .nuke-choices .building-cost{font-size:13px;padding:5px;margin:0}.nuke-choices button:disabled .building-cost{opacity:.6}#launch-screen{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-width:none;height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow-y:auto;border:1px solid var(--command-line);border-radius:18px;background:var(--command-bg);color:var(--command-ink);box-shadow:0 14px 60px #10263e55}#launch-screen::backdrop,#multiplayer-lobby::backdrop{background:#10263e35;-webkit-backdrop-filter:none;backdrop-filter:none}#launch-screen{position:fixed;inset:0;z-index:30}body:has(#launch-screen[open]) .map-area{pointer-events:none}body:has(#launch-screen[open]) .map-area:after{content:"";position:absolute;inset:0;z-index:6;background:#10263e35;pointer-events:none}body:has(#launch-screen[open]) .resource-strip,body:has(#launch-screen[open]) #quick-playback,body:has(#launch-screen[open]) #attack-bar{pointer-events:none}#launch-screen #setup{width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none}.launch-intro{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 20px}.launch-logo{display:block;flex-shrink:0;width:52px;height:52px;object-fit:contain}#launch-screen h1{margin:0;font-size:24px;line-height:1.2;color:var(--command-ink)}#launch-screen p{font-size:13px;line-height:1.5;color:var(--command-muted)}.launch-fields{display:grid;gap:18px;margin-bottom:24px}#launch-screen label{display:block;margin-bottom:8px;color:var(--command-ink);font-size:13px;font-weight:600}#launch-screen input,#launch-screen select{width:100%;box-sizing:border-box;height:48px;font:16px Segoe UI,sans-serif;border-radius:10px;border:1px solid var(--command-line);background:var(--command-button);color:var(--command-ink);padding:10px 12px}#launch-screen #difficulty{display:none}#launch-screen .primary{width:100%;min-height:48px;margin:0;border-radius:10px;font-size:15px;text-align:center;justify-content:center;background:#ffcf57;color:#573d13;border:1px solid #e8b442;box-shadow:0 3px #bd9439}#launch-screen .primary:disabled{opacity:.6;cursor:wait}#launch-screen .resume{width:100%;min-height:44px;font-size:13px;color:var(--command-ink);margin-top:12px;border:1px solid var(--command-line);border-radius:10px}#launch-screen #setup-status{margin:14px 0 0;font-size:13px;color:var(--command-muted)}#launch-screen #setup-status:empty{display:none}body:has(#launch-screen[open]) .map-hint{visibility:hidden}#launch-screen .play-modes button{color:var(--command-ink);background:var(--command-button);border-color:var(--command-line)}#launch-screen .play-modes button[aria-pressed=true]{background:#ddecff;color:#21466f;border-color:#377ec6}[data-ui-theme=dark] #launch-screen .play-modes button[aria-pressed=true]{background:#365474;color:#edf6ff;border-color:#9acbff}#multiplayer-lobby{background:var(--command-bg);color:var(--command-ink);border-color:var(--command-line);border-radius:18px;padding:24px}[data-ui-theme=dark] #multiplayer-lobby .lobby-countdown{background:#2c405b;color:#c8e2ff}[data-ui-theme=dark] #multiplayer-lobby .lobby-countdown strong{color:#c8e2ff}#begin{z-index:4;bottom:max(20px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);min-height:52px;padding:12px 24px;font-size:15px}#app:not(.is-playing) .map-legend,#app:not(.is-playing) .compass,#app:not(.is-playing) .map-meta{display:none}#app:not(.is-playing) .map-hint{bottom:85px;pointer-events:none;text-align:center}@media(max-width:480px){#launch-screen{padding:22px 18px}}@media(max-height:500px)and (orientation:landscape){#launch-screen{padding:16px}#launch-screen{width:min(600px,calc(100vw - 24px))}.launch-intro{margin:0 0 12px}#launch-screen h1{font-size:25px;margin:0}.launch-logo{width:38px;height:38px}.launch-fields{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}#begin{bottom:12px;min-height:46px}#app:not(.is-playing) .map-hint{display:none}}.attack-alerts{position:absolute;left:12px;right:12px;bottom:34px;z-index:4;pointer-events:none}.attack-alert-heading{width:fit-content;max-width:100%;margin:0 0 5px;padding:4px 8px;border-radius:6px;background:#fff2eb;color:#852e35;font-size:11px;font-weight:700}.attack-alert-list{display:flex;gap:8px;max-width:100%;overflow-x:auto;scrollbar-width:thin;pointer-events:auto;width:max-content;padding:3px}button.attack-alert{display:flex;flex:0 0 auto;align-items:center;gap:9px;width:260px;max-width:calc(100vw - 36px);min-height:56px;padding:8px 10px;border:2px solid #dd534b;border-radius:10px;color:#84232b;background:#fff2eb;box-shadow:0 2px 7px #54152435;text-align:left;animation:attack-alert-arrive .65s ease-out 3}.attack-alert>svg{width:24px;height:24px;stroke-width:2;color:#cc393d}.attack-alert-copy{flex:1;min-width:0}.attack-alert-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.attack-alert-copy>span{display:block;margin-top:3px;font-size:11px;font-variant-numeric:tabular-nums}.attack-alert-jump{font-size:21px;font-weight:700}.attack-alert.seen{animation:none}.ally-attack-alert .attack-alert-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.ally-attack-alert{background:#eafaff;color:#20566e;border-color:#318eae;animation-name:ally-alert-arrive}.ally-attack-alert>svg{color:#25839d}[data-ui-theme=dark] button.ally-attack-alert{background:#213f50;color:#d9f4ff;border-color:#63bad3}[data-ui-theme=dark] button.ally-attack-alert>svg{color:#80d9e5}@keyframes ally-alert-arrive{50%{box-shadow:0 0 0 3px #59b6d380;border-color:#8ce9e3}}.attack-alert-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-ui-theme=dark] .attack-alert{background:#432b38;color:#ffe6df;border-color:#ed8076}[data-ui-theme=dark] .attack-alert>svg{color:#ff9a8b}[data-ui-theme=dark] .attack-alert-heading{background:#432b38;color:#ffe6df}@keyframes attack-alert-arrive{50%{box-shadow:0 0 0 3px #ed685b80;border-color:#ffae7b}}@media(max-width:600px){button.attack-alert{width:240px}}@media(max-height:500px)and (orientation:landscape){.attack-alerts{bottom:4px;left:8px;right:8px}.attack-alert-heading{display:none}button.attack-alert{min-height:48px;padding:5px 8px;width:232px}}@media(prefers-reduced-motion:reduce){button.attack-alert{animation:none}}.diplomacy-alerts{position:absolute;z-index:12;bottom:34px;left:12px;right:12px;overflow-x:auto;display:flex;gap:8px;padding:3px;scrollbar-width:thin;pointer-events:none}.diplomacy-alerts[hidden]{display:none}.map-area:has(.attack-alerts:not([hidden])) .diplomacy-alerts{bottom:126px}button.diplomacy-alert{flex:0 0 auto;width:290px;max-width:calc(100vw - 36px);display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;min-height:76px;border:2px solid #249f7a;border-radius:12px;background:#eafff3;color:#174c3c;box-shadow:0 3px 12px #174f3c40;cursor:pointer;pointer-events:auto;animation:diplomacy-alert-arrive .7s ease-out 3}.diplomacy-alert-icon{flex-shrink:0;font-size:26px}.diplomacy-alert-copy{flex:1;min-width:0;display:grid;gap:3px}.diplomacy-alert-copy b{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#147354}.diplomacy-alert-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diplomacy-alert-copy>span{font-size:11px}.diplomacy-alert-open{font-size:28px}button.diplomacy-alert.seen{animation:none}[data-ui-theme=dark] button.diplomacy-alert{background:#173e36;color:#edfff6;border-color:#64d9ac}[data-ui-theme=dark] .diplomacy-alert-copy b{color:#83ecc0}@keyframes diplomacy-alert-arrive{50%{box-shadow:0 0 0 4px #43ce9b70;border-color:#96efca}}@media(max-width:600px){button.diplomacy-alert{width:270px}}@media(max-height:500px)and (orientation:landscape){.diplomacy-alerts{bottom:4px}.map-area:has(.attack-alerts:not([hidden])) .diplomacy-alerts{bottom:66px}button.diplomacy-alert{min-height:64px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){button.diplomacy-alert{animation:none}}.diplomacy-actions button{min-height:48px;min-width:130px}.diplomacy-actions button[hidden]{display:none}#diplomacy-dialog{max-width:min(440px,calc(100vw - 32px))}#diplomacy-title{overflow-wrap:anywhere;padding-right:20px}.nuclear-alerts{position:absolute;z-index:13;top:12px;right:76px;max-width:calc(100% - 88px);width:290px;max-height:28%;overflow:auto;display:grid;gap:6px}.nuclear-alerts[hidden]{display:none}.nuclear-alerts button{display:grid;gap:5px;text-align:left;padding:10px 12px;min-height:52px;border:2px solid #db683c;border-radius:12px;background:#fff2d9f2;color:#77371c;box-shadow:0 0 12px #e79a5960;cursor:pointer}.nuclear-alerts strong{font-size:12px;overflow-wrap:anywhere}.nuclear-alerts span{font-size:11px}[data-ui-theme=dark] .nuclear-alerts button{background:#4c3027f2;color:#ffdfae}@media(max-width:600px){.nuclear-alerts{left:12px;right:auto;width:calc(100% - 88px)}}.play-modes{display:flex;gap:8px;margin:18px 0}.play-modes button{flex:1;min-height:46px;padding:8px;border:1px solid #bccfdd;border-radius:10px;background:#f0f6fa;color:#325370;font-weight:700}.play-modes button[aria-pressed=true]{background:#2e77cc;color:#fff;border-color:#2e77cc}#multiplayer-intro{font-size:13px;line-height:1.5;color:#4f6d80}#launch-screen #multiplayer-intro{margin-bottom:16px}#multiplayer-lobby{max-width:440px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto}.lobby-countdown{display:flex;align-items:center;gap:15px;padding:14px;border-radius:12px;background:#e0f1ff;color:#215c9b}#multiplayer-lobby .lobby-countdown strong{font-size:42px;font-variant-numeric:tabular-nums;color:#215c9b}#lobby-players{padding-left:20px;max-height:180px;overflow-y:auto}#lobby-players li{padding:5px 0;overflow-wrap:anywhere}#leave-lobby{min-height:44px;width:100%}.multiplayer-status{position:absolute;bottom:7px;right:12px;z-index:3;max-width:calc(100% - 24px);padding:5px 8px;border-radius:6px;background:#e7f4f2ee;color:#265a56;font-size:11px;pointer-events:none}.multiplayer-status.disconnected{background:#fff0d8;color:#8e4b18}.is-multiplayer .map-legend,.is-multiplayer #quick-playback,.is-multiplayer #save{display:none}.multiplayer-placement{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:5;width:min(430px,calc(100% - 24px));box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #b6cee5;border-radius:14px;background:#f5fafff2;color:#244969;box-shadow:0 4px 18px #19395922;pointer-events:none}.multiplayer-placement[hidden]{display:none}.multiplayer-placement>div:first-child{flex:1}.multiplayer-placement strong{font-size:16px;color:#244969}.multiplayer-placement p{margin:5px 0 0;font-size:12px;line-height:1.4}.placement-clock{text-align:center;min-width:50px}.multiplayer-placement .placement-clock strong{display:block;font-size:30px;font-variant-numeric:tabular-nums;color:#2875c6}.placement-clock span{font-size:10px}.is-placing-multiplayer .map-hint,.is-placing-multiplayer .resource-strip,.is-placing-multiplayer .troop-counter,.is-placing-multiplayer .header-stats{visibility:hidden}#app.is-placing-multiplayer .resource-strip{display:none}@media(max-width:600px){.is-placing-multiplayer .map-controls{top:115px}}[data-ui-theme=dark] .multiplayer-placement{background:#22334cef;color:#d0dff0;border-color:#547396}[data-ui-theme=dark] .multiplayer-placement strong{color:#e3edf9}[data-ui-theme=dark] .multiplayer-placement .placement-clock strong{color:#87baff}@media(max-height:500px){.multiplayer-placement{top:5px;padding:7px 12px}.multiplayer-placement strong{font-size:14px}}@media(max-height:500px)and (orientation:landscape){.play-modes{margin:6px 0}#multiplayer-intro{margin:4px 0;font-size:11px}.is-multiplayer .multiplayer-status{inset:4px auto auto 8px;max-width:55%}}#toggle-build-menu,.mobile-game-time,.build-scroll-controls{display:none}#app .resource-strip{min-height:44px;padding-top:0;padding-bottom:0}#app .resource-strip button.resource-stat{min-height:44px;padding-top:2px;padding-bottom:2px}@media(max-width:760px),(max-height:500px)and (orientation:landscape){#app .resource-strip{display:flex;gap:6px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}#app .resource-stat{display:flex;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0}#app .resource-stat>span{min-width:0}#app .resource-stat small{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#app .resource-stat strong{font-size:13px;line-height:1.2}#app .resource-art{flex:0 0 22px;width:22px;height:22px}#attack-bar{position:relative;grid-template-columns:minmax(0,1fr) 76px;gap:8px;padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}#attack-bar .attack-toolbar{gap:2px}#attack-bar .attack-presets{gap:5px}#attack-bar .attack-presets button{min-height:44px;padding:6px 2px;min-width:0}#attack-bar .attack-summary{font-size:11px;line-height:18px}#toggle-build-menu{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;align-self:start;padding:6px;border:1px solid var(--command-line);border-radius:10px;background:var(--command-button);color:var(--command-ink);font-size:12px;font-weight:650}#toggle-build-menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}#toggle-build-menu[aria-expanded=true]{background:#ddecff;border-color:#377ec6;color:#21466f}#toggle-build-menu[aria-expanded=true] .build-chevron{transform:rotate(180deg)}[data-ui-theme=dark] #toggle-build-menu[aria-expanded=true]{background:#365474;color:#edf6ff;border-color:#9acbff}#attack-bar .command-actions{display:none;position:absolute;inset:auto 0 100%;gap:8px;padding:8px max(44px,env(safe-area-inset-right)) 6px max(44px,env(safe-area-inset-left));background:var(--command-bg);border-top:1px solid var(--command-line);box-shadow:0 -4px 16px #10263e22;overflow-x:auto;overscroll-behavior-x:contain}#attack-bar.build-menu-open .command-actions{display:flex}#attack-bar.build-menu-open .build-scroll-controls{display:flex;position:absolute;bottom:100%;left:0;right:0;align-items:center;justify-content:space-between;pointer-events:none;z-index:2}.build-scroll-controls button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:44px;pointer-events:auto;border:1px solid var(--command-line);border-radius:10px;background:var(--command-bg);color:var(--command-ink);box-shadow:0 2px 8px #10263e22}.build-scroll-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.build-scroll-right{margin-left:auto}#attack-bar .building-options{flex:0 0 auto;grid-template-columns:repeat(7,70px);gap:6px;overflow:visible}#attack-bar .military-actions{grid-template-columns:repeat(3,70px);gap:6px}#attack-bar .military-actions[data-expanded=true]{grid-template-columns:repeat(4,70px)}#attack-bar .building{min-height:78px}#attack-bar .building-art{width:28px;height:28px}#nuke-picker{position:fixed;right:max(10px,env(safe-area-inset-right));max-height:calc(100dvh - 160px)}.mobile-game-time{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--command-line);font-size:14px}.mobile-game-time #clock{font-size:22px;font-weight:700;color:var(--command-ink)}#app .header-actions{display:flex;gap:4px}#app .header-stats{display:flex;margin:0 2px 0 0}#app .header-stats .stat{gap:0;min-width:0}#app .header-stats .stat svg,#app .header-stats .stat small{display:none}#app .header-stats .stat strong{color:var(--command-ink);font-size:20px;font-weight:750;white-space:nowrap}#app .header-stats .stat strong>span{color:inherit;font-size:13px;margin-left:1px}#app .header-actions #quick-playback button,#app .header-actions .menu-button{width:36px;min-height:44px}}@media(max-width:380px){#app .brand-mark{width:28px;height:28px}#app .header-actions{gap:2px}#app .header-actions #quick-playback button,#app .header-actions .menu-button{width:30px}#app .header-stats .stat strong{font-size:18px}#app #troops-stat,#app #gold-stat{font-size:22px}}@media(max-height:500px)and (orientation:landscape){#attack-bar{grid-template-columns:minmax(0,1fr) 90px;padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}#attack-bar .attack-toolbar{display:grid;grid-template-columns:minmax(0,360px) minmax(90px,1fr);column-gap:12px;align-items:center}#attack-bar .attack-summary{white-space:nowrap}#attack-bar #custom-attack-panel{grid-column:1 / -1}#app .topbar{grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr) auto;gap:8px;min-height:48px;height:calc(48px + env(safe-area-inset-top))}#app .header-balances{gap:12px}#app .troop-counter{min-width:80px}#app .header-identity .brand>span:last-child{display:none}#app .topbar .resource-strip{min-width:0;padding:0;border:0;gap:5px;background:transparent}#app .topbar .resource-stat{flex:1;min-width:0;padding-left:4px;padding-right:4px;gap:3px}#app .topbar .resource-stat strong{font-size:12px}#app .topbar .resource-art{flex-basis:18px;width:18px;height:18px}#app .resource-caption{display:none}}@media(max-width:700px)and (max-height:500px)and (orientation:landscape){#app .topbar{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:6px}#app .header-identity{display:none}#app .header-balances{gap:6px}#app .troop-counter{min-width:0}#app .gold-counter{padding-left:6px}#app #troops-stat,#app #gold-stat{font-size:22px}#app .troop-counter small{font-size:7px;letter-spacing:.2px}#app .topbar .resource-stat strong{font-size:11px}#app .header-stats .stat strong{font-size:18px}}.profile-shortcut{display:flex;align-items:center;width:100%;gap:12px;margin-top:18px;padding:12px;min-height:64px;border:1px solid var(--command-line);border-radius:12px;background:var(--command-button);color:var(--command-ink);text-align:left}.profile-shortcut[hidden],.match-rewards[hidden]{display:none}.profile-shortcut>span:nth-child(2){flex:1}.profile-shortcut strong,.profile-shortcut small{display:block}.profile-shortcut strong{font-size:14px}.profile-shortcut small{color:var(--command-muted);font-size:12px;margin-top:3px}.profile-shortcut>span:last-child{font-size:25px}.profile-emblem{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px}.profile-emblem img{display:block;width:100%;height:100%}.profile-shortcut .profile-emblem{flex-basis:42px;width:42px;height:42px}#profile-dialog,#xp-preview{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:24px;background:var(--command-bg);color:var(--command-ink);border:1px solid var(--command-line);border-radius:18px;overflow-y:auto;overscroll-behavior:contain}#profile-dialog{width:min(1040px,calc(100vw - 24px));overflow-x:hidden;line-height:1.4}#profile-dialog .profile-header{margin-bottom:8px;padding-bottom:0}#profile-dialog::backdrop,#xp-preview::backdrop{background:#10263e65;-webkit-backdrop-filter:none;backdrop-filter:none}.profile-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:10px;background:var(--command-bg)}.profile-header h2{margin:0;font-size:23px}#close-profile{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;font-size:26px;border:1px solid var(--command-line);border-radius:10px;background:var(--command-button);color:var(--command-ink)}.profile-identity,.xp-award-heading{display:flex;align-items:center;gap:14px;text-align:left}.profile-identity>div{min-width:0;flex:1}.profile-identity strong{display:block;font-size:23px;color:var(--command-ink);overflow-wrap:anywhere}.profile-identity span:not(.profile-emblem),.xp-award-heading>div>span{display:block;margin-top:3px;color:var(--command-muted);font-size:13px}.xp-meter{height:10px;overflow:hidden;margin:16px 0 7px;background:var(--command-line);border-radius:20px}.xp-meter>span{display:block;height:100%;border-radius:inherit;background:#e7b642}.xp-next{display:block;color:var(--command-muted);font-size:12px;text-align:left;font-variant-numeric:tabular-nums}.profile-record{display:flex;gap:22px;margin:20px 0 24px;font-size:13px;color:var(--command-muted)}.profile-record strong{color:var(--command-ink)}#profile-dialog h3{margin:20px 0 6px;font-size:18px}#profile-dialog .profile-note,#xp-preview .profile-note,.match-rewards .profile-note{margin:8px 0;color:var(--command-muted);font-size:12px;line-height:1.5}.profile-summary{padding:2px 0 10px;border-bottom:1px solid var(--command-line)}.profile-signin{padding:4px 0;min-height:32px;color:var(--command-ink);font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px}.profile-summary .xp-meter{margin-top:12px}.reward-track-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 2px}#profile-dialog .reward-track-heading h3{margin:0 0 3px;font-size:18px}.reward-track-heading>div>span{font-size:11px;color:var(--command-muted)}.reward-track-controls{display:flex;gap:6px;flex:none}.reward-track-controls button{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--command-line);border-radius:10px;background:var(--command-button);color:var(--command-ink);font-size:26px;line-height:1}.reward-track-controls #reward-track-current{padding:0 12px;font-size:12px;font-weight:700}.reward-track-controls button:disabled{opacity:.35}.reward-track{position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:12px;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#8ba8c3 transparent;outline-offset:3px}.reward-track::-webkit-scrollbar{height:7px}.reward-track::-webkit-scrollbar-thumb{background:#8ba8c3;border-radius:8px}.reward-track-levels{display:flex;gap:14px;list-style:none;margin:0;padding:12px 12px 14px;min-width:max-content}.reward-level{position:relative;flex:0 0 174px;width:174px;scroll-snap-align:start;margin:0;padding:0;line-height:1.4}.reward-level:first-child{flex-basis:244px;width:244px}.reward-level:before{content:"";position:absolute;top:23px;left:-7px;width:calc(100% + 14px);height:3px;background:var(--command-line)}.reward-level:first-child:before{left:50%;width:calc(50% + 7px)}.reward-level:last-child:before{width:calc(50% + 7px)}.reward-level.is-unlocked:before{background:#e2b747}.reward-level-marker{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:6px;margin-bottom:12px}.reward-level-number{display:grid;justify-items:center;align-content:center;width:48px;height:48px;border:2px solid var(--command-line);border-radius:50%;background:var(--command-bg);color:var(--command-muted);line-height:1}.reward-level-number small{font-size:8px;letter-spacing:.7px}.reward-level-number b{font-size:19px;margin-top:3px}.reward-level-xp{font-size:10px;color:var(--command-muted);font-variant-numeric:tabular-nums}.is-unlocked .reward-level-number{border-color:#e2b747;color:var(--command-ink)}.is-current .reward-level-number{background:#ffd65a;border-color:#d9a328;color:#604511;box-shadow:0 0 0 5px #e4b33925}.is-current .reward-level-xp{color:var(--command-ink);font-weight:700}.reward-level-prizes{height:212px}.reward-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;width:100%;height:100%;padding:14px 12px;border:1px solid var(--command-line);border-radius:14px;background:var(--command-button);color:var(--command-ink);text-align:center}.reward-card:disabled{opacity:1;cursor:not-allowed}.reward-kind{color:var(--command-muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.reward-art{display:grid;place-items:center;flex:1;min-height:0;width:100%}.reward-art .reward-badge-art{display:block;width:100px;height:100px;max-height:100%;filter:drop-shadow(0 6px 8px #122a4018)}.reward-art .territory-swatch{width:100%;height:112px;max-height:100%;stroke:none}.reward-title-art{display:grid;place-items:center;width:100%;height:100%;max-height:110px;color:#c39b38}.reward-title-art svg{width:100px;height:90px;fill:#e6b94020;stroke:currentColor;stroke-width:3}.reward-card>strong{font-size:14px;color:inherit;overflow-wrap:anywhere;line-height:1.2}.reward-state{display:flex;align-items:center;justify-content:center;gap:4px;min-height:24px;padding:4px 10px;border-radius:20px;background:var(--command-bg);font-size:11px;color:var(--command-muted)}.reward-state svg{width:13px;height:13px;stroke-width:2}.reward-card[aria-pressed=true]{border-color:#529f8a;box-shadow:inset 0 0 0 1px #529f8a}.reward-card[aria-pressed=true] .reward-state{background:#dff2e8;color:#27634d}.reward-card:not(:disabled):not([aria-pressed=true]) .reward-state{color:var(--command-ink);font-weight:700}.is-finale .reward-card{border-color:#d1aa49;background:linear-gradient(145deg,#ecc34b12,transparent 65%),var(--command-button)}.reward-starters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reward-starters .reward-card{padding:7px 5px;gap:4px;border-radius:10px}.reward-starters .reward-art{min-height:28px;max-height:39px}.reward-starters .reward-art .reward-badge-art{width:39px;height:39px}.reward-starters .reward-art .territory-swatch{width:56px;height:39px}.reward-starters .reward-title-art,.reward-starters .reward-title-art svg{width:45px;height:39px}.reward-starters .reward-kind{font-size:8px}.reward-starters .reward-card>strong{font-size:10px}.reward-starters .reward-state{min-height:18px;padding:2px 6px;font-size:9px}.reward-scroll-hint{margin:7px 0 0;font-size:11px;color:var(--command-muted);text-align:center}.profile-bottom{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;padding-top:6px;border-top:1px solid var(--command-line)}.profile-bottom details{min-width:0;flex:0 1 auto}.profile-bottom details[open]{flex-basis:100%}.profile-bottom summary{min-height:40px;align-content:center;cursor:pointer;font-size:12px;color:var(--command-muted)}.profile-bottom .account-panel{margin:0 0 10px}.profile-bottom .profile-record{margin:10px 0}.profile-bottom .profile-preview-button{margin-top:8px}[data-ui-theme=dark] .reward-card[aria-pressed=true] .reward-state{background:#254f48;color:#a6e5ca}[data-ui-theme=dark] .reward-title-art{color:#e5c572}.profile-preview-button{width:100%;min-height:44px;margin-top:24px;border:1px solid var(--command-line);border-radius:10px;background:var(--command-button);color:var(--command-ink);font-size:13px}.match-rewards{margin:18px 0;padding:16px;border:1px solid var(--command-line);border-radius:14px;background:var(--command-button)}.xp-award-heading>div>strong{color:var(--command-ink);font-size:28px;font-variant-numeric:tabular-nums}.xp-breakdown{margin-top:12px;color:var(--command-muted);text-align:left;font-size:12px}.xp-breakdown summary{min-height:32px;padding:7px 0;cursor:pointer}.xp-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.xp-breakdown strong{color:var(--command-ink)}.xp-unlocked{display:grid;gap:5px;margin-top:12px;padding:10px;border-radius:8px;background:#fff0b9;color:#795212;text-align:left;font-size:12px}.xp-unlocked strong{color:inherit}[data-ui-theme=dark] .xp-unlocked{background:#514225;color:#ffe1a1}#end-dialog:has(.match-rewards:not([hidden])){width:min(540px,calc(100vw - 24px));padding:24px}#end-dialog:has(.match-rewards:not([hidden])) h2{font-size:27px;margin:12px 0}#end-dialog:has(.match-rewards:not([hidden]))>p{line-height:1.5}#xp-preview h2{margin:12px 0 18px;font-size:27px}#xp-preview .primary{width:100%;min-height:46px;justify-content:center;margin-top:16px}@media(max-width:480px){#profile-dialog,#xp-preview{padding:18px}.profile-header h2{font-size:20px}#profile-dialog{padding:16px}.profile-summary{padding-bottom:12px}.profile-identity{gap:10px}.profile-identity strong{font-size:20px}.reward-track-heading{gap:8px;margin-top:14px}#profile-dialog .reward-track-heading h3{font-size:16px}.reward-track-controls{gap:4px}.reward-track-controls #reward-track-current{padding:0 8px;font-size:11px}.reward-track-controls button{min-width:38px;height:44px}.reward-level{flex-basis:164px;width:164px}.reward-level:first-child{flex-basis:226px;width:226px}#end-dialog:has(.match-rewards:not([hidden])){padding:20px}.match-rewards{padding:12px}}@media(max-height:560px)and (min-width:600px){#profile-dialog{padding:14px 20px}#profile-dialog .profile-header{margin-bottom:8px;padding-bottom:6px}.profile-summary{padding-bottom:10px}.profile-summary .xp-meter{margin-top:8px}.reward-level-prizes{height:184px}.reward-art .reward-badge-art{width:70px;height:70px}.reward-art .territory-swatch{height:78px}.reward-title-art{height:76px}.reward-title-art svg{width:76px;height:66px}}.account-launch{width:100%;min-height:44px;margin-top:16px;padding:10px;border:1px solid var(--command-line);border-radius:10px;background:var(--command-button);color:var(--command-ink);font-size:13px}#account-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:24px;border:1px solid var(--command-line);border-radius:18px;background:var(--command-bg);color:var(--command-ink);overflow-y:auto}#account-dialog::backdrop{background:#10263e65}#close-account{width:44px;height:44px;border:1px solid var(--command-line);border-radius:10px;background:var(--command-button);color:var(--command-ink);font-size:25px}#account-dialog h2{font-size:22px;margin:0}#account-form label{display:block;margin:14px 0;font-size:13px;font-weight:600}#account-form input{box-sizing:border-box;width:100%;height:46px;margin-top:7px;padding:10px 12px;border:1px solid var(--command-line);border-radius:9px;background:var(--command-button);color:var(--command-ink);font-size:16px}#account-dialog .primary{display:flex;justify-content:center;width:100%;min-height:46px;margin-top:16px}#account-dialog .primary:disabled{opacity:.6;cursor:wait}.account-help,.account-panel p{font-size:12px;line-height:1.5;color:var(--command-muted)}.account-error{font-size:12px;color:#c6504d;line-height:1.4}.account-error:empty{display:none}.account-success{padding:12px;border-radius:10px;background:#daf1e6;color:#245f48;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.account-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-top:16px}.account-links button,.account-guest{background:none;border:0;color:var(--command-ink);min-height:44px;font-size:12px}.account-guest{display:block;width:100%;margin-top:6px}.account-recovery{display:block;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:20px 0;padding:16px;border:1px dashed var(--command-line);border-radius:10px;background:var(--command-button);font:16px/1.8 monospace;text-align:center}.account-panel{margin:20px 0;padding:14px;border:1px solid var(--command-line);border-radius:12px;background:var(--command-button)}.account-launch[hidden]{display:none}.account-panel strong{font-size:14px}.account-panel p{margin:6px 0;overflow-wrap:anywhere}.account-panel>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.account-panel button,.account-retry{min-height:42px;padding:8px 12px;border:1px solid var(--command-line);border-radius:8px;background:var(--command-bg);color:var(--command-ink);font-size:12px}@media(max-width:480px){#account-dialog{padding:18px}}