/* Empire v2 – svart/guld/rött */
.em2{--g:#d4af37;--g2:#f5d77a;--r:#c51f1f;--line:#2a2415;--mut:#9a9486;--txt:#f1ece0;color:var(--txt);max-width:1280px;margin:0 auto;padding:12px 12px 48px}
.em2-loading{text-align:center;padding:80px;color:#9a9486}
.em2-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(120% 140% at 0% 0%,#3a0d0b 0%,#150c07 40%,#0b0b0b 70%);box-shadow:inset 0 1px 0 #d4af3722}
.em2-eyebrow{font-size:11px;letter-spacing:3px;color:var(--g);font-weight:800}
.em2-h1{font-size:clamp(26px,4vw,40px);font-weight:900;margin:6px 0;background:linear-gradient(90deg,var(--g2),var(--g));-webkit-background-clip:text;background-clip:text;color:transparent}
.em2-lead{color:var(--mut);margin:0;max-width:520px;line-height:1.5}
.em2-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.em2-kpi{padding:12px 14px;border-radius:12px;background:#0d0d0d;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.em2-kpi small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);font-weight:800}
.em2-kpi b{font-size:20px;font-weight:900;color:var(--g2)}
.em2-kpi--green b{color:#56d364}
.em2-alert{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;margin:12px 0;font-size:14px}
.em2-alert button{background:none;border:0;color:inherit;cursor:pointer;font-size:16px}
.em2-alert.ok{background:#0d1a10;border:1px solid #56d36466;color:#9be9a8}.em2-alert.err{background:#1e0c0b;border:1px solid #f0726a66;color:#ffb3ad}
.em2-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 6px}
.em2-tile{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,#141414,#0d0d0d);border:1px solid var(--line);color:inherit;text-decoration:none}
.em2-tile small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);font-weight:800}
.em2-tile b{font-size:18px;font-weight:900}
.em2-tile--gold{border-color:#d4af3766}.em2-tile--gold b{color:var(--g2)}
.em2-tile--link:hover{border-color:var(--g)}
.em2-mut{color:var(--mut);font-size:12px}
.em2-prog{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--mut)}
.em2-bar{height:5px;border-radius:3px;background:#222;overflow:hidden}.em2-bar i{display:block;height:100%;background:linear-gradient(90deg,#8a1d16,var(--r))}
.em2-bar--gold i{background:linear-gradient(90deg,#8a6d1f,var(--g))}
.em2-h2{font-size:16px;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin:22px 0 10px;border-left:3px solid var(--r);padding-left:10px}
.em2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.em2-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#151515,#0d0d0d);border:1px solid var(--line);transition:transform .15s,border-color .15s}
.em2-card:hover{transform:translateY(-2px);border-color:#d4af3788}
.em2-card.is-owned{border-color:#d4af37;box-shadow:0 0 24px #d4af3722}
.em2-card.is-locked{filter:grayscale(.7);opacity:.7}
.em2-card__img{position:relative;height:150px;flex:0 0 150px;overflow:hidden;background:#0a0a0a;display:grid;place-items:center}
.em2-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.em2-card__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0d0d0d 100%)}
.em2-card__emoji{font-size:56px}
.em2-risk{position:absolute;z-index:1;top:8px;left:8px;font-size:10px;font-weight:900;padding:2px 8px;border-radius:999px;background:#000c;border:1px solid currentColor}
.risk-low{color:#56d364}.risk-mid{color:#d29922}.risk-high{color:#f0726a}.risk-extreme{color:#ff3b30}
.em2-lvl{position:absolute;z-index:1;top:8px;right:8px;font-size:11px;font-weight:900;padding:2px 9px;border-radius:6px;background:linear-gradient(180deg,var(--g2),var(--g));color:#1a1405}
.em2-lock{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000a;font-size:34px}
.em2-lock small{font-size:12px;color:var(--g2);font-weight:800;margin-top:4px}
.em2-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.em2-card__name{margin:0;font-size:16px;font-weight:900}
.em2-card__desc{margin:0}
.em2-chip{align-self:flex-start;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;color:#82b1ff;border:1px solid #82b1ff66}
.em2-pips{display:flex;gap:3px}.em2-pips i{flex:1;height:6px;border-radius:2px;background:#2a2a2a}.em2-pips i.on{background:linear-gradient(90deg,var(--r),var(--g))}
.em2-kv{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:0;font-size:13px}
.em2-kv dt{color:var(--mut)}.em2-kv dd{margin:0;font-weight:800;text-align:right}
.em2-green{color:#56d364}.em2-gold{color:var(--g2)}
.em2-card__act{margin-top:auto;display:flex;flex-direction:column;gap:6px}
.em2-up{font-size:12px;color:var(--mut)}
.em2-btn{appearance:none;border:1px solid var(--g);border-radius:10px;padding:10px 14px;font-weight:900;font-size:14px;cursor:pointer;min-height:42px;width:100%}
.em2-btn--gold{background:linear-gradient(180deg,var(--g2),var(--g));color:#1a1405}
.em2-btn--red{background:linear-gradient(180deg,#e0352b,#9e1812);border-color:#e0352b;color:#fff}
.em2-btn--ghost{background:transparent;color:var(--g2)}
.em2-btn--sm{min-height:34px;padding:6px 10px;font-size:13px}
.em2-btn:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:1000px){.em2-hero{grid-template-columns:1fr}.em2-strip{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.em2{padding:8px 8px 40px}.em2-hero{padding:16px}.em2-kpi b{font-size:17px}.em2-strip{grid-template-columns:1fr 1fr;gap:8px}.em2-tile b{font-size:15px}.em2-grid{grid-template-columns:1fr}.em2-card__img{height:130px;flex-basis:130px}}