@font-face{font-family:LocalSystem;src:local('Segoe UI')} :root{font-family:LocalSystem,Inter,Arial,sans-serif;color:#28392f;background:#f7f7f0;font-synthesis:none;--green:#315c49;--ink:#28392f;--muted:#7c857b;--line:#e6e8de;--cream:#f8f8f2;--accent:#e5be62}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #c5a34b;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}svg{vertical-align:middle}.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:750;letter-spacing:-1.2px}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--green);border-radius:14px;color:#f6eac7;font-size:30px;font-weight:800;letter-spacing:-2px}.brand small{font-size:10px;font-weight:500;letter-spacing:2px;display:block;text-transform:uppercase;color:var(--muted);margin-top:2px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:6px 10px;border-radius:20px;background:#edf1e7;color:#617251;white-space:nowrap}.muted{color:var(--muted)}.tiny{font-size:12px;line-height:1.6}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#89917e}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.15;font-weight:650;letter-spacing:-1.2px}h2{font-size:21px;letter-spacing:-.5px;font-weight:650}h3{font-size:16px;font-weight:650}p{line-height:1.65}.btn{background:var(--green);color:white;padding:12px 18px;border-radius:11px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;transition:background .15s,transform .15s}.btn:hover:enabled{background:#244c3b;transform:translateY(-1px)}.btn.secondary{background:#eff1e8;color:#435a48}.btn.white{background:white;color:#3d5945;border:1px solid var(--line)}.btn.warning{background:#f7e8e1;color:#965e45}.btn.small{padding:8px 12px;min-height:36px;font-size:12px}.btn.full{width:100%}.text-btn{background:none;color:var(--green);font-size:12px;padding:8px}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading p{color:var(--muted)}
/* Entry */
.entry{max-width:1480px;padding:28px 48px;margin:auto;min-height:100vh}.entry-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.entry-content{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center;min-height:calc(100vh - 110px)}.entry-story{position:relative}.entry-story h1{font-size:clamp(42px,4.2vw,66px);font-weight:650;line-height:1.07;letter-spacing:-2.5px;margin:17px 0 22px}.entry-story h1 em{font-style:normal;color:#658363}.entry-story>p{font-size:16px;color:#788376;max-width:430px}.entry-scene{width:100%;margin-top:0;height:290px;overflow:visible}.entry-badges{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#72816f}.entry-badges span{display:flex;align-items:center;gap:7px}.entry-badges .icon{width:16px;height:16px}.entry-card{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 70px #334c3b06}.entry-card h2{font-size:25px;margin-bottom:8px}.entry-card>.muted{font-size:13px;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label.field{display:block;font-size:12px;font-weight:600;margin-bottom:16px}input,select{border:1px solid #dfe4d7;background:#fcfcf9;border-radius:10px;padding:11px 12px;color:var(--ink);width:100%;min-height:44px}label.field input{display:block;margin-top:7px}input::placeholder{color:#a0a79b}.label-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;margin:8px 0 10px}.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.culture-choice{border:1px solid var(--line);border-radius:12px;background:#fafbf7;padding:10px 5px;font-size:11px;display:flex;align-items:center;flex-direction:column;gap:6px}.culture-choice[aria-pressed=true]{background:#f1f5e9;border-color:#6c8866;box-shadow:0 0 0 1px #6c8866}.culture-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--c) 15%,white);color:var(--c)}.coalition-choices{display:flex;gap:8px;margin:10px 0 20px}.coalition-choice{flex:1;background:white;border:1px solid var(--line);padding:10px 6px;border-radius:10px;font-size:12px}.coalition-choice[aria-pressed=true]{background:#edf2e9;border-color:#6c8866}.coalition-choice .icon{width:16px;height:16px;margin-right:4px}.form-error{background:#fff0e9;color:#9f4f39;padding:12px;border-radius:10px;font-size:13px;margin-bottom:12px}.form-error:empty{display:none}.entry-foot{font-size:11px;color:#92998c;text-align:center;margin:14px 0 0;line-height:1.6}
/* Shell */
.shell{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.sidebar{background:#fcfcf7;border-right:1px solid var(--line);padding:27px 18px;position:fixed;inset:0 auto 0 0;width:216px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:0 10px;margin-bottom:38px;font-size:25px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#a0a797;padding:0 15px;margin-bottom:12px}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;background:transparent;text-align:left;font-size:13px;color:#7a8376;width:100%;min-height:44px}.nav-item:hover{background:#f0f2e8}.nav-item.active{background:#e9eedf;color:#385741;font-weight:650}.nav-item .count{font-size:10px;margin-left:auto;background:#dfe7d3;padding:2px 6px;border-radius:5px}.sidebar-divider{height:1px;background:var(--line);margin:24px 14px}.season-mini{padding:17px 14px;background:#eff2e7;border-radius:14px;margin-top:24px}.season-mini h3{font-size:12px;margin:8px 0}.season-mini p{font-size:11px;color:#7e8976;line-height:1.5}.season-mini .icon{color:#8b9a65;width:25px;height:25px}.profile{margin-top:auto;padding-top:24px;display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;background:color-mix(in srgb,var(--c) 18%,white);border:1px solid color-mix(in srgb,var(--c) 25%,white);color:var(--c);border-radius:12px;display:grid;place-items:center;flex-shrink:0}.avatar.large{width:78px;height:78px;border-radius:24px}.avatar.large .icon{width:38px;height:38px}.profile strong{display:block;font-size:12px;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile span{display:block;font-size:10px;color:#8b9485;margin-top:3px}.logout{margin-left:auto;background:none;color:#9aa290;padding:5px}.logout .icon{width:16px}.main{grid-column:2;min-width:0}.topbar{height:88px;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;gap:18px;background:#fffef9c9}.topbar-label{font-size:11px;color:#8a9484;display:flex;align-items:center;gap:7px;margin-right:auto}.resource-bar{display:flex;gap:10px}.resource{display:flex;align-items:center;gap:9px;padding:9px 13px;background:white;border:1px solid var(--line);border-radius:12px;min-width:116px}.resource-symbol{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#f7f0d9;color:#c09b45}.resource-symbol .icon{width:17px;height:17px}.resource.materials .resource-symbol{background:#f3e9e0;color:#af8968}.resource.energy .resource-symbol{background:#fff3cd;color:#d1a342}.resource.food .resource-symbol{background:#eaf0df;color:#819754}.resource strong{font-size:14px;display:block;line-height:1.2;font-variant-numeric:tabular-nums}.resource small{font-size:9px;display:block;color:#9aA28e;margin-top:3px}.top-actions{display:flex;gap:10px}.round-btn{width:35px;height:35px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:#85917e}.round-btn .icon{width:17px}.content{max-width:1520px;margin:auto;padding:29px 32px 36px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.page-heading p{font-size:13px;color:#8a9382;margin-top:8px}.heading-actions{display:flex;gap:9px;align-items:center}.city-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:20px;align-items:start}.card{background:#fffefb;border:1px solid var(--line);border-radius:18px;overflow:hidden}.card.pad{padding:22px}.map-card{position:relative;background:#f0f3e8;min-height:420px}.map-toolbar{position:absolute;z-index:2;top:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between}.map-tag{font-size:11px;color:#728367;background:#ffffffd9;padding:7px 11px;border:1px solid #e5eadb;border-radius:8px}.map-tools{display:flex;gap:6px}.map-tools button{background:#ffffffe5;width:29px;height:29px;border-radius:8px;border:1px solid #e5eadb;color:#78836c;font-size:17px}.city-map{width:100%;height:430px;display:block}.hex-tile{cursor:pointer}.hex-top{transition:fill .15s,stroke .15s}.hex-tile:hover .hex-top{fill:#e4efce;stroke:#98ae78;stroke-width:2}.hex-tile.selected .hex-top{fill:#e5edcf;stroke:#79975e;stroke-width:2.5}.hex-tile:focus{outline:none}.hex-tile:focus .hex-top{stroke:#b89639;stroke-width:3}.hex-tile text{font-family:LocalSystem,Arial,sans-serif;pointer-events:none}.map-caption{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#859175}.map-caption .icon{width:14px;height:14px;margin-right:4px}.island-haze{fill:#e6ecd8}.side-stack{display:flex;flex-direction:column;gap:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h3{font-size:14px}.card-head .icon{width:17px;color:#9aa589}.build-prompt{font-size:12px;color:#87907f;line-height:1.7;margin:12px 0 16px}.building-emblem{width:58px;height:58px;border-radius:15px;background:#f0f3e5;color:#76915b;display:grid;place-items:center;margin-bottom:13px}.building-emblem .icon{width:29px;height:29px}.cost{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#737e68;margin:12px 0 16px}.cost span{display:inline-flex;gap:4px;align-items:center}.cost .icon{width:14px;height:14px}.cost .short{color:#bd705c}.small-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line);margin-top:17px;padding-top:16px}.small-stats strong{display:block;font-size:19px;font-weight:650}.small-stats span{font-size:10px;color:#8b947e}.below-map{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.task-row{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:12px}.task-row .check{width:23px;height:23px;display:grid;place-items:center;border:1px solid #e3e7d9;border-radius:7px;color:#a3ad94;flex-shrink:0}.task-row.done .check{background:#e8eedc;color:#73905a;border-color:#e8eedc}.task-row.done{color:#8c9680}.task-row button{margin-left:auto;padding:5px;background:none;color:#83956f}.task-row p{line-height:1.4}.queue-item{padding:12px 0;border-bottom:1px solid #eff0e9}.queue-item:last-child{border:0}.queue-title{font-size:12px;font-weight:600;display:flex;gap:6px;justify-content:space-between;align-items:center}.queue-title .icon{width:15px;height:15px;color:#8c9c70}.queue-item small{font-size:10px;color:#929c86;display:block;margin-top:4px}.progress{height:5px;border-radius:6px;background:#e9eedf;overflow:hidden;margin-top:10px}.progress>i{display:block;height:100%;background:#9ab071;border-radius:inherit}.queue-empty{font-size:12px;color:#929b86;line-height:1.65;padding:5px 0}.country-teaser{background:#f4f0e0;border-color:#ece5ce}.country-teaser .icon{color:#b4a268}.country-teaser p{font-size:12px;color:#91856c;margin:9px 0 14px}.country-teaser .btn{background:#e9e0c6;color:#756647}.footer{display:flex;justify-content:space-between;gap:15px;padding-top:25px;font-size:10px;color:#a2aa98}.footer button{background:none;font-size:10px;color:#849176;text-decoration:underline}.connection{background:#fff0d5;color:#946e35;padding:10px 20px;font-size:12px;text-align:center}.notice{background:#f3f5eb;border:1px solid #e4e9d8;border-radius:12px;padding:14px 16px;font-size:12px;line-height:1.7;color:#7c896d;margin:16px 0}.notice strong{color:#506742}
/* Other pages */
.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.activity-card{padding:24px;display:flex;flex-direction:column}.activity-art{height:112px;border-radius:13px;background:#eff3e5;display:grid;place-items:center;margin-bottom:20px;position:relative;overflow:hidden}.activity-art:before,.activity-art:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:#e2eacb;left:15px;bottom:-45px}.activity-art:after{left:auto;right:-20px;width:140px;height:140px;bottom:-80px;background:#e7edd9}.activity-art .icon{width:45px;height:45px;stroke-width:1.2;color:#81955e;z-index:1}.activity-card h3{font-size:17px;margin-bottom:9px}.activity-card p{font-size:12px;color:#87917d;min-height:60px}.activity-card .btn{margin-top:auto}.activity-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8c967f;margin:15px 0 10px}.activity-meta .icon{width:14px;height:14px}.reward{font-size:11px;color:#6f8657;background:#f3f6ed;border-radius:9px;padding:10px;margin-bottom:17px;line-height:1.7}.activity-card .cost{margin:10px 0}.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.item-card{text-align:left;position:relative;padding:0;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .15s}.item-card:hover{transform:translateY(-4px)}.item-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.item-info{padding:16px}.item-info h3{font-size:14px;margin:7px 0}.item-info p{font-size:11px;color:#919b84}.rarity{font-size:10px;color:#a385af;text-transform:uppercase;letter-spacing:1px;font-weight:700}.featured-ribbon{position:absolute;top:10px;left:10px;background:#fff8d7;padding:6px 9px;border-radius:7px;font-size:10px;color:#9b8144}.empty-state{padding:45px 24px;text-align:center;max-width:650px;margin:15px auto}.empty-state .empty-icon{width:76px;height:76px;border-radius:24px;background:#eef2e5;color:#97a77d;display:grid;place-items:center;margin:0 auto 20px}.empty-state .empty-icon .icon{width:34px;height:34px}.empty-state h2{margin-bottom:12px}.empty-state p{font-size:14px;color:#8b947e;max-width:450px;margin:0 auto 20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.country-list{display:flex;flex-direction:column;gap:11px}.country-row{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:13px;background:white}.country-row strong{font-size:13px;display:block}.country-row small{font-size:11px;color:#929a87;display:block;margin-top:4px}.country-row .btn{margin-left:auto}.project-row{padding:13px 0;border-bottom:1px solid var(--line)}.project-row:last-child{border:0}.project-row-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.project-row input{width:90px;min-height:35px;padding:7px 9px}.contribute-line{display:flex;gap:7px;align-items:center;margin-top:10px}.mixbar{display:flex;height:10px;border-radius:7px;overflow:hidden;margin:13px 0}.mixbar i{height:100%}.mixline{display:flex;align-items:center;gap:7px;font-size:11px;margin:9px 0;color:#7e8a71}.mixline b{margin-left:auto;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.member-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.member-row:last-child{border:0}.member-row small{display:block;font-size:10px;color:#909b82;margin-top:3px}.member-row>b{margin-left:auto;font-weight:500;color:#859475}.member-row .text-btn{font-size:10px}.coalition-card{padding:27px;position:relative;border-top:4px solid var(--c)}.coalition-card .avatar{margin-bottom:17px}.coalition-card h2{margin-bottom:7px}.coalition-card p{font-size:12px;color:#8a947f;min-height:42px}.big-number{font-size:40px;font-weight:650;letter-spacing:-1.8px;margin:18px 0 0}.coalition-card>small{font-size:11px;color:#959d8a}.my-coalition{background:#fbfcf5;border-color:#d4dec4}.hero-profile{display:flex;align-items:center;gap:22px;margin-bottom:24px}.hero-profile h2{font-size:25px}.hero-profile p{font-size:13px;color:#8a947f;margin-top:6px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.hero-stats>div{padding:20px;background:#f4f6ed;border-radius:13px}.hero-stats strong{font-size:26px;display:block}.hero-stats span{font-size:11px;color:#89957c;display:block;margin-top:7px}.journal-row{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;color:#76816b;line-height:1.6}.journal-row time{font-size:10px;color:#a1aa95;white-space:nowrap;padding-top:2px}.journal-row:last-child{border:0}.checkbox-row{display:flex;align-items:center;gap:9px;font-size:12px;margin:8px 0 15px;color:#7a866f}.checkbox-row input{width:17px;min-height:17px;height:17px;margin:0;accent-color:var(--green)}
/* Dialog and feedback */
dialog{border:1px solid #e0e6d6;border-radius:22px;padding:0;max-width:720px;width:calc(100% - 36px);max-height:90vh;background:#fffefb;color:var(--ink);box-shadow:0 30px 120px #162c3033}dialog::backdrop{background:#203d3280;backdrop-filter:blur(4px)}.modal-pad{padding:28px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.modal-head h2{font-size:23px}.modal-head button{background:#eef1e5;border-radius:50%;width:32px;height:32px;flex-shrink:0;font-size:20px;color:#869575}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.build-option{border:1px solid var(--line);border-radius:13px;padding:16px;background:#fafbf7;text-align:left}.build-option>.icon{color:#82956a;margin-bottom:8px}.build-option h3{font-size:13px}.build-option p{font-size:11px;color:#8a967d;margin:7px 0;line-height:1.6}.build-option .cost{margin-bottom:0;font-size:10px}.modal-item-image{width:230px;max-width:100%;border-radius:16px;display:block;margin:auto auto 20px}.help-list{font-size:13px;color:#79876f;line-height:1.8;padding-left:20px}.help-list li{margin:12px 0}.modal-pad p{font-size:13px;color:#7f8b75}.modal-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(30px);background:#2d4b3b;color:#fff;padding:14px 21px;border-radius:12px;box-shadow:0 8px 30px #253c3428;font-size:13px;max-width:calc(100vw - 30px);z-index:100;opacity:0;pointer-events:none;transition:all .2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#toast.error{background:#945f4c}.mobile-top{display:none}.fresh-tag{background:#eef4e2;padding:6px 10px;font-size:10px;color:#819465;border-radius:20px}.hero-feature{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:13px;margin-top:13px}
@media(min-width:1500px){.city-map{height:520px}.content{padding-top:38px}.map-card{min-height:520px}.city-layout{grid-template-columns:minmax(0,1fr) 290px}.topbar{padding-left:45px;padding-right:45px}}
@media(max-width:1190px){.shell{grid-template-columns:185px 1fr}.sidebar{width:185px;padding:24px 12px}.sidebar .brand{font-size:22px}.content{padding:24px}.topbar{padding:0 24px}.topbar-label{display:none}.resource-bar{flex:1;justify-content:space-between;gap:8px}.resource{min-width:0;flex:1;padding:9px}.city-layout{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.city-map{height:410px}.item-grid{grid-template-columns:repeat(3,1fr)}.page-grid{gap:12px}.activity-card{padding:17px}.entry{padding:24px}.entry-content{gap:28px}.entry-card{padding:24px}}
@media(max-width:960px){.sidebar{width:76px;padding:23px 10px}.shell{grid-template-columns:76px 1fr}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand>div,.sidebar .nav-label,.sidebar .nav-item>span,.sidebar .season-mini,.sidebar .profile>div:not(.avatar),.sidebar .logout,.sidebar .count{display:none}.sidebar .nav-item{justify-content:center;padding:12px}.sidebar .profile{justify-content:center}.sidebar-divider{margin:20px 10px}.city-layout{grid-template-columns:minmax(0,1fr) 235px}.page-grid{grid-template-columns:repeat(2,1fr)}.entry-content{grid-template-columns:1fr 1.1fr;gap:25px}.entry-story h1{font-size:43px}.entry-scene{height:220px}.entry-badges{gap:10px;font-size:11px}.culture-choice{font-size:10px}.top-actions{display:none}.hero-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.entry{padding:20px}.entry-header .pill{display:none}.entry-content{grid-template-columns:1fr;gap:25px;padding-top:30px}.entry-story h1{font-size:44px;margin:13px 0}.entry-story>p{font-size:14px}.entry-scene{height:200px;margin-top:-10px}.entry-badges{justify-content:center}.entry-card{padding:22px;margin-bottom:20px}.form-row{grid-template-columns:1fr;gap:0}.sidebar{inset:auto 0 0;width:100%;height:72px;padding:7px 5px 10px;border-right:0;border-top:1px solid var(--line);flex-direction:row;background:#fffefbf5;backdrop-filter:blur(12px)}.sidebar .brand,.sidebar-divider,.sidebar .profile{display:none}.nav-list{flex-direction:row;justify-content:space-around;width:100%;gap:0}.sidebar .nav-item{flex:1;flex-direction:column;gap:5px;padding:7px 3px;border-radius:9px;min-width:0}.sidebar .nav-item>span{display:block;font-size:9px;white-space:nowrap}.sidebar .nav-item .icon{width:19px;height:19px}.shell{display:block}.main{padding-bottom:74px}.topbar{height:auto;min-height:75px;padding:11px 15px;display:block}.resource-bar{gap:6px}.resource{padding:7px 5px;gap:5px;border-radius:10px}.resource-symbol{width:21px;height:25px;background:transparent!important}.resource-symbol .icon{width:16px;height:16px}.resource strong{font-size:12px}.resource small{font-size:8px}.content{padding:22px 15px}.page-heading{margin-bottom:18px;align-items:flex-start}h1{font-size:28px}.page-heading p{font-size:12px;max-width:240px}.heading-actions .pill{display:none}.heading-actions .btn{padding:9px 11px;font-size:11px}.city-layout{grid-template-columns:1fr;gap:16px}.city-map{height:340px}.map-card{min-height:340px}.side-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-stack>.card:first-child{grid-column:1/-1}.card.pad{padding:18px}.below-map{gap:12px;margin-top:12px}.below-map>.card{padding:16px}.below-map h3{font-size:13px}.task-row{font-size:11px}.map-toolbar{top:12px;left:12px;right:12px}.map-caption{left:12px;right:12px;bottom:12px;font-size:10px}.map-caption .muted{display:none}.map-tag{font-size:10px}.page-grid{grid-template-columns:1fr}.activity-card{padding:20px}.activity-art{height:90px}.activity-card p{min-height:0}.item-grid{grid-template-columns:repeat(2,1fr);gap:12px}.item-info{padding:13px}.item-info h3{font-size:12px}.split{grid-template-columns:1fr;gap:16px}.footer{font-size:9px;line-height:1.6}.footer>span:last-child{display:none}.hero-profile{gap:15px}.hero-profile h2{font-size:21px}.hero-stats{gap:10px}.hero-stats>div{padding:16px}.build-grid{gap:10px}.build-option{padding:12px}.modal-pad{padding:20px}.country-row{padding:12px}.country-row .btn{font-size:11px;padding:8px}.coalition-card .big-number{font-size:35px}.mobile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mobile-top .brand{font-size:20px}.mobile-top .brand-mark{width:29px;height:29px;font-size:24px;border-radius:9px}.mobile-top .logout{display:block}.empty-state{padding:30px 15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}