:root{color-scheme:dark;--bg:#081018;--panel:#111c27;--panel-strong:#172636;--line:#26384a;--text:#edf5ff;--muted:#9fb1c5;--accent:#3ddc97;--danger:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.page-shell{width:min(960px,100%);margin:0 auto;padding:18px;display:grid;grid-gap:16px;gap:16px}.city-shell{padding-bottom:28px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.city-header,.hero-panel{background:linear-gradient(135deg,#102233,#112a24)}.city-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.status-pill{flex:0 0 auto;border:1px solid rgba(61,220,151,.4);border-radius:999px;padding:8px 10px}.eyebrow,.status-pill{color:var(--accent);font-size:.78rem;font-weight:700}.eyebrow{margin:0 0 8px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:2rem;margin-bottom:12px}h2{font-size:1.2rem;margin-bottom:0}p,small{color:var(--muted);line-height:1.5}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.resource-card{display:grid;grid-gap:6px;gap:6px}.list-row span,.resource-card span{font-weight:700}.resource-card strong{font-size:1.8rem}.meter{height:8px;overflow:hidden;background:#0a141e;border:1px solid var(--line);border-radius:8px}.meter span{display:block;height:100%;background:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);grid-gap:16px;gap:16px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading .eyebrow,.section-heading h2{margin-bottom:0}.list-grid{display:grid;grid-gap:10px;gap:10px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--panel-strong);border:1px solid var(--line);border-radius:8px}.list-row div{display:grid;grid-gap:4px;gap:4px}.action-button{width:100%;min-width:96px;color:#06120d;background:var(--accent);border:0;border-radius:8px;padding:10px 12px;font-weight:700;cursor:pointer}.action-button:disabled{color:var(--muted);background:#213040;cursor:not-allowed}.queue-stack{display:grid;grid-gap:18px;gap:18px}.queue-group h3{margin:0 0 10px;font-size:.95rem}.queue-group p{margin-bottom:0}.troop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.troop-card{display:grid;grid-gap:6px;gap:6px;padding:14px;background:var(--panel-strong);border:1px solid var(--line);border-radius:8px}.training-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.training-form input{min-width:0;width:100%;color:var(--text);background:#0a141e;border:1px solid var(--line);border-radius:8px;padding:10px}.troop-card span{font-weight:700}.troop-card strong{font-size:1.55rem}.target-grid{display:grid;grid-gap:10px;gap:10px}.target-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:12px;background:var(--panel-strong);border:1px solid var(--line);border-radius:8px}.target-card div:first-child{display:grid;grid-gap:4px;gap:4px}.target-card span{font-weight:700}.attack-form,.target-card small{grid-column:1/-1}.attack-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;grid-gap:8px;gap:8px}.attack-form input{min-width:0;width:100%;color:var(--text);background:#0a141e;border:1px solid var(--line);border-radius:8px;padding:10px}.target-status{color:#06120d;background:var(--accent);border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:700}.target-status-blocked{color:var(--muted);background:#213040}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card,.auth-grid{display:grid;grid-gap:16px;gap:16px}.auth-form{display:grid;grid-gap:12px;gap:12px}.auth-form label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:.9rem;font-weight:700}.auth-form input{min-width:0;width:100%;color:var(--text);background:#0a141e;border:1px solid var(--line);border-radius:8px;padding:11px 12px}.form-alert{margin:0;padding:12px;color:var(--text);background:rgba(255,107,107,.14);border:1px solid rgba(255,107,107,.42);border-radius:8px}.text-link{color:var(--accent);font-weight:700;text-decoration:none}.report-grid,.report-loss-grid{display:grid;grid-gap:10px;gap:10px}.report-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:12px;color:var(--text);text-decoration:none;background:var(--panel-strong);border:1px solid var(--line);border-radius:8px}.report-card div:first-child{display:grid;grid-gap:4px;gap:4px}.report-card span{font-weight:700}.report-card small{grid-column:1/-1}.ranking-grid{display:grid;grid-gap:10px;gap:10px}.ranking-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:12px;background:var(--panel-strong);border:1px solid var(--line);border-radius:8px}.ranking-card div:not(.ranking-rank){display:grid;grid-gap:4px;gap:4px}.ranking-card span,.ranking-card strong,.ranking-rank{font-weight:700}.ranking-rank{color:#06120d;background:var(--accent);border-radius:8px;padding:8px 10px}@media (max-width:640px){.page-shell{padding:12px}.auth-grid,.dashboard-grid,.resource-grid,.section-heading,.troop-grid{grid-template-columns:1fr}.dashboard-grid,.resource-grid,.troop-grid{display:grid}.city-header,.list-row,.ranking-card,.report-card,.section-heading,.target-card{align-items:start;flex-direction:column}.ranking-card,.report-card,.target-card{grid-template-columns:1fr}.status-pill{width:-moz-fit-content;width:fit-content}.action-button,.attack-form,.list-row form,.training-form{width:100%}.attack-form,.training-form{grid-template-columns:1fr}}