:root { --ink:#eaf3ed; --muted:#94a59c; --surface:#131e21; --surface-2:#19272a; --line:#2b3b3d; --acid:#b7eb5a; --orange:#f6a14d; --blue:#76c9dc; --danger:#f17463; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#0d151a; font-family:Manrope,Arial,sans-serif; letter-spacing:0; }
button,input,select { font:inherit; } button { cursor:pointer; } .hidden { display:none!important; }
.app-shell { min-height:100vh; max-width:640px; margin:auto; background:linear-gradient(165deg,#0f1b1d 0%,#0b1317 65%); overflow:hidden; }
.screen { min-height:100vh; padding:24px 20px calc(96px + env(safe-area-inset-bottom)); }.eyebrow { color:var(--acid); font:700 10px/1.2 "Space Mono",monospace; letter-spacing:.08em; margin:0 0 10px; }
.onboarding-screen { display:flex; flex-direction:column; background:radial-gradient(circle at 86% 14%,#243a36 0,transparent 32%),#0d151a; }.top-mark { color:#dce9e0; font:700 12px "Space Mono",monospace; letter-spacing:.08em; }.mark-dot { display:inline-block;width:8px;height:8px;background:var(--acid);border-radius:50%;margin-right:8px;box-shadow:0 0 16px var(--acid); }
.onboard-copy { margin:clamp(58px,10vh,104px) 0 34px; }.onboard-copy h1 { margin:0 0 16px;font-size:clamp(38px,8.7vw,58px);line-height:1.04;letter-spacing:0;font-weight:800; }.onboard-copy em { color:var(--acid);font-style:normal; }.onboard-copy>p:last-child,.page-heading>p:last-child { color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:440px; }
.setup-panel { background:rgba(20,32,35,.85);border:1px solid var(--line);padding:14px;border-radius:8px;min-height:298px; }.setup-panel label { display:block;color:#b7c7bd;font:700 11px "Space Mono",monospace;margin:0 0 8px; }.setup-panel select,.search-box { border:1px solid #35474a;background:#0c1519;color:var(--ink);border-radius:5px;width:100%;height:44px; }.setup-panel select { padding:0 11px;outline:none; }.field-heading { display:flex;justify-content:space-between;align-items:center;margin-top:16px; }.field-heading span { color:var(--muted);font:10px "Space Mono",monospace; }.search-box { display:flex;align-items:center;padding:0 12px;gap:9px; }.search-box svg { width:17px;color:var(--muted); }.search-box input { width:100%;border:0;background:transparent;color:var(--ink);outline:0;font-size:13px; }.country-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:178px;overflow:auto;margin-top:10px;gap:6px;padding-right:2px; }.country-option { color:#b8c7c0;background:#172326;border:1px solid transparent;border-radius:5px;min-height:42px;padding:7px 9px;text-align:left;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.country-option:hover,.country-option.selected { background:#273a32;border-color:#6e9555;color:#f6fff3; }.commitment-note { display:flex;align-items:center;gap:7px;color:#91a096;font-size:10px;margin:11px 1px 0;line-height:1.35; }.commitment-note svg { color:var(--orange);width:13px;height:13px;flex:0 0 auto; }.primary-button { margin-top:18px;width:100%;height:54px;border:0;border-radius:5px;background:var(--acid);color:#142015;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px; }.primary-button:disabled { opacity:.35;cursor:not-allowed; }.primary-button svg { width:17px; }
.game-screen { padding-top:14px; }.app-header { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px; }.country-button { color:var(--ink);padding:3px 0;display:flex;text-align:left;gap:9px;align-items:center; }.country-button>span:first-child { display:grid;place-items:center;width:32px;height:32px;border:1px solid #41554e;border-radius:50%;font:700 10px "Space Mono",monospace;color:var(--acid); }.country-button strong { display:block;font-size:13px; }.country-button small { color:var(--muted);font:9px "Space Mono",monospace; }.country-button svg { width:13px;color:var(--orange);margin-left:2px; }.icon-button { display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:5px;background:#152125;color:#dce8e2; }.icon-button svg { width:17px; }
.resource-strip { display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px;background:#111c1f;margin:0 -3px 26px; }.resource-strip div { padding:11px 14px;min-width:0; }.resource-strip div+div { border-left:1px solid var(--line); }.resource-strip span { display:block;color:var(--muted);font:9px "Space Mono",monospace;margin-bottom:4px; }.resource-strip strong { font:700 15px "Space Mono",monospace;white-space:nowrap; }.resource-strip div:nth-child(2) strong { color:var(--acid); }
.hero-status { display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:12px;margin-bottom:8px; }.radar { position:relative;width:78px;height:78px;border:1px solid #466954;border-radius:50%;background:radial-gradient(circle,#557b5599 1px,transparent 2px),#16251f;overflow:hidden; }.radar:after { content:"";position:absolute;width:48px;height:48px;border:1px solid #4d7657;border-radius:50%;top:14px;left:14px; }.radar span { position:absolute;background:#456c55; }.radar span:nth-child(2){width:1px;height:100%;left:50%;}.radar span:nth-child(3){height:1px;width:100%;top:50%;}.radar span:nth-child(4){width:1px;height:100%;left:50%;transform:rotate(48deg);}.radar-core { position:absolute;z-index:1;width:9px;height:9px;background:var(--acid);box-shadow:0 0 17px var(--acid);border-radius:50%;left:34px;top:34px; }.hero-status h2 { margin:0;color:#f6fff6;font:800 37px/.9 "Space Mono",monospace; }.hero-status #status-text { font-size:11px;margin:8px 0 0;color:var(--muted); }.income-meter { align-self:end;text-align:right;margin-bottom:5px; }.income-meter span { display:block;color:var(--muted);font:9px "Space Mono",monospace;white-space:nowrap; }.income-meter strong { color:var(--acid);font:700 16px "Space Mono",monospace; }
.tap-zone { position:relative;width:100%;height:202px;overflow:hidden;border:1px solid #355348;border-radius:7px;background:linear-gradient(135deg,#1a332b,#101c1c);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate; }.tap-zone:before { content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(#46705422 1px,transparent 1px),linear-gradient(90deg,#46705422 1px,transparent 1px);background-size:22px 22px;z-index:-1; }.tap-zone svg { color:var(--acid);width:42px;height:42px;filter:drop-shadow(0 0 16px #b7eb5a77);margin-bottom:12px; }.tap-zone b { font:700 13px "Space Mono",monospace;letter-spacing:.06em; }.tap-zone small { color:#a2b0a8;font-size:10px;margin-top:7px; }.tap-zone:active { transform:scale(.985);background:#203c30; }.tap-rings,.tap-rings:before,.tap-rings:after { position:absolute;border:1px solid #6fa06044;border-radius:50%; }.tap-rings { width:155px;height:155px; }.tap-rings:before,.tap-rings:after { content:"";inset:15px; }.tap-rings:after { inset:32px; }
.daily-card { display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;margin:10px 0 16px;padding:11px;border:1px solid #537a48;border-radius:6px;background:linear-gradient(90deg,#1b3124,#14231e); }.daily-icon { display:grid;place-items:center;width:38px;height:38px;background:#2b4730;border-radius:5px;color:var(--acid); }.daily-icon svg { width:19px; }.daily-copy .eyebrow { margin-bottom:4px;font-size:8px; }.daily-copy strong { display:block;font:700 14px "Space Mono",monospace;color:var(--acid); }.daily-copy span { display:block;color:#98aca0;font-size:9px;margin-top:3px; }.claim-button { color:#18301c;background:var(--acid);border:0;border-radius:4px;padding:8px 9px;font-size:10px;font-weight:800; }.claim-button:disabled { color:#91a092;background:#22332a; }
.economy-status { border-top:1px solid var(--line);padding:16px 0 1px;margin-bottom:16px; }.economy-status .section-title h3 { font-size:13px; }.economy-status .section-title span { color:#8ba396;font:9px "Space Mono",monospace; }.resource-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0 9px; }.resource-grid article { min-width:0;padding:8px;border:1px solid #2b403c;background:#142124;border-radius:5px; }.resource-grid svg { width:14px;height:14px;color:var(--orange); }.resource-grid span { display:block;color:#91a39a;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 2px; }.resource-grid strong { font:700 12px "Space Mono",monospace;color:#e6f0e7; }.resource-footer { display:flex;align-items:center;gap:10px; }.resource-tip { flex:1;margin:0;color:#8fa297;font-size:10px;line-height:1.45; }.import-button { flex:0 0 auto;border:1px solid #536955;border-radius:4px;background:#1b2c27;color:var(--acid);padding:7px 8px;font:700 8px "Space Mono",monospace; }.import-button:disabled { opacity:.45;color:var(--muted); }
.intel-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 24px; }.intel-grid article { min-width:0;background:#142124;border:1px solid var(--line);border-radius:5px;padding:10px; }.intel-grid svg { width:15px;height:15px;color:var(--blue); }.intel-grid span { display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:9px;margin:7px 0 4px; }.intel-grid strong { font:700 14px "Space Mono",monospace; }.activity-panel { border-top:1px solid var(--line);padding-top:16px; }.section-title { display:flex;justify-content:space-between;align-items:center; }.section-title h3 { margin:0;font-size:14px; }.live { color:var(--acid);font:9px "Space Mono",monospace; }.live i { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:4px; }.activity-list { margin-top:11px; }.activity-entry { color:#aebdb4;font-size:11px;padding:10px 0;border-bottom:1px solid #233134;display:flex;align-items:center;gap:8px; }.activity-entry i { width:6px;height:6px;background:var(--orange);border-radius:50%;display:block; }.activity-entry time { color:#75857c;font:9px "Space Mono",monospace;margin-left:auto; }
.page { display:none; }.page.active-page { display:block; }.page-heading { margin:12px 0 22px; }.page-heading h2 { font-size:26px;margin:0 0 9px; }.building-list { display:grid;gap:10px; }.building-card { display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;background:#142124;border:1px solid var(--line);border-radius:6px;padding:12px; }.building-icon { display:grid;place-items:center;width:42px;height:42px;background:#243530;border:1px solid #42584c;border-radius:5px;color:var(--acid); }.building-icon svg { width:20px; }.building-card h3 { margin:0 0 4px;font-size:13px; }.building-card h3 small { color:#94a89b;font:9px "Space Mono",monospace; }.building-card p { margin:0;color:var(--muted);font-size:10px;line-height:1.35; }.project-effect,.project-cost { display:block;font-size:9px;line-height:1.4;margin-top:5px; }.project-effect { color:#a9c8a6; }.project-cost { color:#a0aaa1;font-family:"Space Mono",monospace; }.cost-button { align-self:center;border:1px solid #59764f;background:#1d3028;color:var(--acid);border-radius:4px;padding:7px 8px;font:700 10px "Space Mono",monospace;white-space:nowrap; }.cost-button:disabled { opacity:.5;color:var(--muted); }.pmc-panel { display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #664c35;border-radius:6px;background:#211d17;margin-top:20px;padding:14px; }.pmc-panel h3 { margin:5px 0;font:700 20px "Space Mono",monospace;color:var(--orange); }.pmc-panel p { margin:0;color:#b4a696;font-size:10px;line-height:1.4;max-width:245px; }.outline-button { border:1px solid var(--orange);background:transparent;color:#ffc685;padding:9px 10px;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap; }
.war-panel { border-top:1px solid var(--line);margin-top:22px;padding-top:16px; }.war-panel>p { color:var(--muted);font-size:10px;line-height:1.5;margin:10px 0; }.war-panel select { width:100%;height:40px;border:1px solid #4d4840;border-radius:4px;background:#161d1c;color:var(--ink);padding:0 10px;font-size:11px; }.war-button { width:100%;height:42px;border:1px solid #a9554c;border-radius:4px;color:#ffc0ae;background:#482821;margin-top:8px;font-weight:800;font-size:11px; }.war-button:disabled { opacity:.4; }.war-list { margin-top:12px; }.war-entry { display:flex;align-items:center;gap:8px;border-top:1px solid #2c3938;padding:9px 2px;color:#b9c6bf;font-size:10px; }.war-entry svg { color:var(--danger);width:15px; }.war-entry b { color:var(--danger);font:9px "Space Mono",monospace;margin:0 4px; }.war-entry small { margin-left:auto;color:#e6a17e;font:9px "Space Mono",monospace; }.empty-war { color:#7f9289;font-size:10px;padding:10px 0; }
.pmc-market { border-top:1px solid var(--line);padding-top:16px;margin-top:18px; }.pmc-market .section-title span { color:var(--orange);font:10px "Space Mono",monospace; }.pmc-market p { color:var(--muted);font-size:10px;line-height:1.45;margin:8px 0; }.pmc-market select { width:100%;height:40px;border:1px solid #4d4840;border-radius:4px;background:#161d1c;color:var(--ink);padding:0 10px;font-size:11px; }.pmc-market .outline-button { width:100%;margin-top:8px; }.pmc-license-list { margin-top:10px; }.pmc-license { display:flex;gap:7px;align-items:center;color:#bdd5c4;font-size:10px;border-top:1px solid #2a3836;padding:8px 2px; }.pmc-license svg { width:14px;color:var(--acid); }.policy-switch { display:flex;align-items:center;gap:6px;color:#efc28c;font-size:10px;white-space:nowrap; }.policy-switch input { position:absolute;opacity:0; }.policy-switch span { display:inline-block;width:30px;height:17px;border-radius:10px;background:#5c4636;position:relative; }.policy-switch span:after { content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;border-radius:50%;background:#d9c0a3;transition:.18s; }.policy-switch input:checked+span { background:#71974d; }.policy-switch input:checked+span:after { transform:translateX(13px);background:#efffe7; }.evidence-row { display:flex;justify-content:space-between;align-items:center;border:1px solid #34443e;background:#162321;border-radius:5px;padding:9px 10px;margin:10px 0; }.evidence-row span { display:block;color:#91a39a;font-size:9px; }.evidence-row strong { color:var(--acid);font:700 12px "Space Mono",monospace; }.evidence-button { border:1px solid #51755a;background:#1f342a;color:var(--acid);border-radius:4px;padding:7px 8px;font-size:9px;font-weight:700; }
.token-card,.contract-card,.reward-explainer { border:1px solid var(--line);border-radius:6px;background:#142124;padding:15px;margin:0 0 10px; }.gov-card { border-color:#5b7f47;background:linear-gradient(135deg,#1c3024,#142124); }.token-head { display:flex;gap:11px;align-items:center; }.token-symbol { display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--acid);color:#162116;font:700 14px "Space Mono",monospace; }.token-head b { display:block;font-size:13px; }.token-head small { color:var(--muted);font-size:10px; }.token-stat { border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:14px;padding-top:11px;color:var(--muted);font-size:11px; }.token-stat strong { color:var(--ink);font:700 13px "Space Mono",monospace; }.reward-explainer>div:first-child { display:flex;align-items:center;gap:9px; }.reward-explainer svg { width:18px;color:var(--blue); }.reward-explainer b { font-size:12px; }.reward-explainer span { margin-left:auto;color:var(--acid);font:11px "Space Mono",monospace; }.progress-track { height:6px;background:#0d1719;border-radius:5px;margin:13px 0 10px;overflow:hidden; }.progress-track i { display:block;height:100%;background:var(--acid);border-radius:5px;box-shadow:0 0 10px #b7eb5a77; }.reward-explainer p { margin:0;color:var(--muted);font-size:10px;line-height:1.45; }.contract-card { display:flex;gap:11px;align-items:center;color:#b9c9c0; }.contract-card svg { width:22px;color:var(--blue); }.contract-card b { display:block;font-size:12px; }.contract-card p { color:var(--muted);font-size:10px;margin:3px 0 0; }.contract-card>span { color:var(--blue);font:9px "Space Mono",monospace;margin-left:auto; }
.wallet-card { border:1px solid #4e5d58;border-radius:6px;background:#131d20;padding:14px;margin:0 0 10px;opacity:.82; }.wallet-symbol { display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#33413f;color:#a0b1a8; }.wallet-symbol svg { width:18px; }.wallet-card>.token-head>svg { margin-left:auto;width:16px;color:#d3a273; }.wallet-row { display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:13px;padding-top:10px;color:#91a098;font-size:10px; }.wallet-row strong { color:#bdc7c2;font:9px "Space Mono",monospace; }.wallet-button { width:100%;height:39px;border:1px solid #53615d;border-radius:4px;background:#26302f;color:#8d9994;font-weight:700;font-size:10px;margin-top:12px; }.wallet-card p { color:#82928a;font-size:9px;line-height:1.45;margin:9px 0 0; }
.comms-status { display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #31524b;border-radius:5px;background:#13221f;color:#a9c6b4;font:9px "Space Mono",monospace; }.comms-status span i { display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:5px;box-shadow:0 0 8px var(--acid); }.comms-status strong { color:var(--acid);font:9px "Space Mono",monospace; }.chat-messages { display:flex;flex-direction:column;gap:8px;min-height:230px;max-height:44vh;overflow-y:auto;padding:14px 0; }.chat-message { align-self:flex-start;max-width:82%;border:1px solid #2e4140;background:#162427;border-radius:6px;padding:9px 10px; }.chat-message.own { align-self:flex-end;background:#243a2e;border-color:#4b7050; }.chat-message b { color:var(--acid);font:9px "Space Mono",monospace; }.chat-message p { margin:4px 0;color:#d2ded5;font-size:11px;line-height:1.4;word-break:break-word; }.chat-message time { color:#84958d;font:8px "Space Mono",monospace; }.empty-chat { margin:auto;color:#75867d;font-size:11px; }.chat-form { display:flex;gap:7px; }.chat-form input { min-width:0;flex:1;height:42px;border:1px solid #3a4d4a;border-radius:4px;background:#111b1e;color:var(--ink);padding:0 11px;font-size:11px;outline:0; }.chat-form button { width:42px;border:0;border-radius:4px;background:var(--acid);color:#173019; }.chat-form svg { width:17px; }.roster-panel { border-top:1px solid var(--line);margin-top:20px;padding-top:15px; }.roster-entry { display:flex;align-items:center;gap:9px;border-bottom:1px solid #283635;padding:9px 2px; }.roster-entry>span { display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#20332f;color:var(--acid);font:8px "Space Mono",monospace; }.roster-entry b { display:block;font-size:10px; }.roster-entry small { display:block;color:#82928a;font-size:9px;margin-top:2px; }.roster-entry em { margin-left:auto;color:var(--blue);font:9px "Space Mono",monospace;font-style:normal; }
.chat-channels { display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-8px 0 10px; }.channel-button { height:34px;border:1px solid #3b514b;border-radius:4px;background:#172426;color:#8da198;font-size:10px;font-weight:700; }.channel-button.active { color:#173019;background:var(--acid);border-color:var(--acid); }
.map-page { margin-left:-20px;margin-right:-20px; }.map-heading { display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px; }.map-heading h2 { margin:0;font-size:25px; }.map-focus-button { display:grid;place-items:center;width:38px;height:38px;border:1px solid #47664f;border-radius:5px;background:#1a2d24;color:var(--acid); }.map-focus-button svg { width:18px; }.map-shell { position:relative;border-top:1px solid #2d4540;border-bottom:1px solid #2d4540;background:#101b1e; }.map-shell:before { content:"";position:absolute;z-index:2;inset:0;border:1px solid #536e5e;pointer-events:none; }.map-shell #world-map { height:calc(100vh - 255px);min-height:370px;max-height:610px;background:#111c20; }.leaflet-control-zoom a { color:#c9ded2!important;background:#172427!important;border-color:#365048!important; }.leaflet-control-attribution { background:#101a1dcc!important;color:#7e9489!important;font-size:8px!important; }.leaflet-control-attribution a { color:#8dbaa1!important; }.world-marker { display:block;width:15px;height:15px;border-radius:50%;background:var(--blue);border:3px solid #e3f3e9;box-shadow:0 0 0 3px #224b5088,0 0 15px #76c9dc; }.world-marker.is-self { width:19px;height:19px;background:var(--acid);border-color:#efffe7;box-shadow:0 0 0 4px #b7eb5a44,0 0 17px #b7eb5a; }.world-marker.is-war { background:var(--danger);box-shadow:0 0 0 3px #f1746355,0 0 15px #f17463; }.map-legend { position:absolute;z-index:3;left:10px;bottom:9px;display:flex;gap:9px;padding:7px 8px;border:1px solid #385049;background:#111d1eea;color:#cad6cf;font:8px "Space Mono",monospace; }.map-legend span { white-space:nowrap; }.map-legend i { display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px; }.self-marker { background:var(--acid); }.player-marker { background:var(--blue); }.war-marker { background:var(--danger); }.map-card { margin:13px 20px 0;border:1px solid #30433d;background:#142124;border-radius:5px;padding:12px; }.map-card .eyebrow { margin-bottom:5px;font-size:8px; }.map-card strong { display:block;font-size:12px; }.map-card p { margin:5px 0 0;color:#93a39b;font-size:10px;line-height:1.45; }
.bottom-nav { position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(640px,100%);display:grid;grid-template-columns:repeat(7,1fr);background:#111c1feF;border-top:1px solid var(--line);padding:8px 5px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(14px); }.nav-item { border:0;background:none;color:#71827c;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:7px;padding:4px 1px; }.nav-item svg { width:17px;height:17px; }.nav-item.active { color:var(--acid); }.toast { position:fixed;z-index:10;left:50%;bottom:84px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s ease;max-width:calc(100% - 36px);padding:10px 14px;background:#e5f2e8;color:#152017;border-radius:5px;font-size:11px;font-weight:700;text-align:center; }.toast.show { transform:translate(-50%,0);opacity:1; }
.map-attribution { position:absolute;z-index:3;right:5px;bottom:4px;color:#6d847b;background:#101a1dcc;padding:2px 4px;font:7px "Space Mono",monospace;text-decoration:none; }
.world-marker.is-war:after { content:"💥";position:absolute;left:12px;top:-14px;font-size:16px;filter:drop-shadow(0 0 5px #f17463); }
.governance-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 13px; }.governance-grid article { border:1px solid #2c403d;background:#132024;border-radius:5px;padding:9px; }.governance-grid span { display:block;color:#8ca096;font-size:9px; }.governance-grid strong { display:block;color:#dcebdd;font:700 12px "Space Mono",monospace;margin:4px 0; }.governance-grid i,.season-track,.queue-entry div { display:block;height:4px;background:#0d1719;border-radius:3px;overflow:hidden; }.governance-grid b,.season-track i,.queue-entry i { display:block;height:100%;background:var(--acid);border-radius:3px; }.event-panel { display:flex;justify-content:space-between;gap:12px;border:1px solid #796440;background:#282217;padding:12px;border-radius:6px;margin:0 0 16px; }.event-panel h3 { font-size:12px;margin:4px 0; }.event-panel p { color:#b5a78c;font-size:10px;line-height:1.4;margin:0; }.event-panel>button,.event-choices button { border:1px solid #9c7a44;background:#3a3020;color:#ffd999;border-radius:4px;padding:7px;font-size:9px;font-weight:700; }.event-choices { display:grid;gap:5px;min-width:105px; }.queue-panel,.diplomacy-panel,.operations-panel { border-top:1px solid var(--line);margin-top:20px;padding-top:15px; }.queue-entry { display:grid;grid-template-columns:1fr 90px auto;align-items:center;gap:8px;padding:9px 1px;border-bottom:1px solid #273634;color:#c1d0c6;font-size:10px; }.queue-entry small { color:#94a69b;font:8px "Space Mono",monospace; }.diplomacy-panel select,.operations-panel select { width:100%;height:38px;border:1px solid #485752;background:#151f21;color:var(--ink);border-radius:4px;padding:0 9px;font-size:10px;margin-top:7px; }.diplomacy-actions { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px; }.diplomacy-actions button { height:38px;border:1px solid #486852;background:#1a2d25;color:var(--acid);border-radius:4px;font-size:10px;font-weight:700; }.diplomacy-actions button+button { border-color:#815448;background:#38221e;color:#ffb19d; }.operations-panel p { color:var(--muted);font-size:10px;line-height:1.4;margin:8px 0; }.season-card { border:1px solid #4d6b49;background:#17261d;border-radius:6px;padding:15px; }.season-card span { color:#a4b69d;font-size:10px; }.season-card strong { display:block;color:var(--acid);font:700 28px "Space Mono",monospace;margin:7px 0 11px; }.season-card p { color:#9bab96;font-size:10px;margin:10px 0 0; }.leaderboard { border-top:1px solid var(--line);margin-top:20px;padding-top:15px; }.leaderboard-entry { display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #293735;color:#b7c5bd;font-size:11px; }.leaderboard-entry b { color:#8a9b91;font:10px "Space Mono",monospace;width:15px; }.leaderboard-entry strong { margin-left:auto;color:#dcebdd;font:10px "Space Mono",monospace; }.leaderboard-entry.self { color:var(--acid); }
@media (min-width:641px) { body { background:#081014; }.bottom-nav { border-left:1px solid var(--line);border-right:1px solid var(--line); } }
.first-mission { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px;padding:12px;border:1px solid #55714e;border-radius:6px;background:#182820; }.first-mission strong { display:block;font-size:12px;margin:3px 0; }.first-mission p { margin:0;color:#9caf9f;font-size:10px;line-height:1.35; }.first-mission button { flex:0 0 auto;border:1px solid var(--acid);border-radius:4px;background:var(--acid);color:#18251a;padding:8px 11px;font-size:10px;font-weight:800; }.first-mission.complete { border-color:#365046;background:#14221f; }.first-mission.complete>svg { color:var(--acid);width:22px;flex:0 0 auto; }