/* ===== SOE UI CORE (común para todos los juegos) ===== */
.soe-tool{
  --soe-blue:#1e3a8a;
  --soe-blue-light:#3b82f6;
  --soe-green:#16a34a;
  --soe-yellow:#f59e0b;
  --soe-red:#dc2626;
  --soe-border:#e5e7eb;
  --soe-muted:#6b7280;
  --soe-bg:#ffffff;

  max-width: 980px;
  margin: 40px auto;
  font-family: inherit;
}

.soe-tool-header{margin-bottom: 18px;}
.soe-tool-title{
  margin:0;
  color: var(--soe-blue);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
}
.soe-tool-desc{margin:6px 0 0;color:var(--soe-muted);font-size:14px;}

.soe-card{
  background: var(--soe-bg);
  border: 1px solid var(--soe-border);
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

.soe-btn{
  appearance:none;
  border:1px solid var(--soe-border);
  background:#fff;
  padding:8px 14px;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
  transition: transform .06s ease, opacity .2s ease;
}
.soe-btn:hover{transform: translateY(-1px);}
.soe-btn:disabled{opacity:.55;cursor:not-allowed;}

.soe-btn-primary{background:var(--soe-blue-light);color:#fff;border:none;}
.soe-btn-success{background:var(--soe-green);color:#fff;border:none;}
.soe-btn-warning{background:var(--soe-yellow);color:#111;border:none;}

.soe-msg{min-height: 22px; font-weight: 700;}
.soe-ok{color: var(--soe-green);}
.soe-bad{color: var(--soe-red);}
.soe-muted{color: var(--soe-muted);}

.soe-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;}